Side by Side Diff: new-options.html
Issue 29502647:
Issue 5482 - Sidebar and about ABP dialog (Closed)
Patch Set: Fixed tabulation
Created Aug. 23, 2017, 1:31 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« locale/en-US/new-options.json ('k')
|
new-options.js » ('j')
|
skin/new-options.css » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 - This file is part of Adblock Plus <https://adblockplus.org/>, | 3 - This file is part of Adblock Plus <https://adblockplus.org/>, |
| 4 - Copyright (C) 2006-present eyeo GmbH | 4 - Copyright (C) 2006-present eyeo GmbH |
| 5 - | 5 - |
| 6 - Adblock Plus is free software: you can redistribute it and/or modify | 6 - Adblock Plus is free software: you can redistribute it and/or modify |
| 7 - it under the terms of the GNU General Public License version 3 as | 7 - it under the terms of the GNU General Public License version 3 as |
| 8 - published by the Free Software Foundation. | 8 - published by the Free Software Foundation. |
| 9 - | 9 - |
| 10 - Adblock Plus is distributed in the hope that it will be useful, | 10 - Adblock Plus is distributed in the hope that it will be useful, |
| (...skipping 12 matching lines...) Expand all Loading... | |
| 23 <link rel="stylesheet" href="skin/common.css"> | 23 <link rel="stylesheet" href="skin/common.css"> |
| 24 <link rel="stylesheet" href="skin/new-options.css"> | 24 <link rel="stylesheet" href="skin/new-options.css"> |
| 25 <script src="ext/common.js"></script> | 25 <script src="ext/common.js"></script> |
| 26 <script src="ext/content.js"></script> | 26 <script src="ext/content.js"></script> |
| 27 <script src="common.js"></script> | 27 <script src="common.js"></script> |
| 28 <script src="i18n.js"></script> | 28 <script src="i18n.js"></script> |
| 29 <script src="new-options.js"></script> | 29 <script src="new-options.js"></script> |
| 30 </head> | 30 </head> |
| 31 <body data-tab="general"> | 31 <body data-tab="general"> |
| 32 <!-- Navigation sidebar --> | 32 <!-- Navigation sidebar --> |
| 33 <div id="nav-sidebar"> | 33 <div id="sidebar"> |
| 34 <div id="fixed-sidebar" class="fixed"> | 34 <div class="fixed"> |
| 35 <header id="page-title"> | 35 <header> |
| 36 <p class="i18n_options_page_header_1"></p> | 36 <img id="sidebar-logo" src="skin/abp-logo.svg"> |
|
juliandoucette
2017/08/23 18:11:10
NIT/Suggest: Missing alt text e.g. "Adblock Plus l
saroyanm
2017/08/23 20:57:52
There is no easy way to translate that.
I'll hardc
saroyanm
2017/08/24 17:39:43
Done.
| |
| 37 <h1 class="i18n_options_page_header_2"></h1> | 37 <h1> |
| 38 Adblock <strong>Plus</strong> | |
| 39 </h1> | |
| 40 <p class="i18n_options_page_title"></p> | |
| 38 </header> | 41 </header> |
| 39 | 42 |
| 40 <nav> | 43 <nav> |
|
juliandoucette
2017/08/23 18:11:10
For reference below:
ARIA tabs spec: https://www.
| |
| 41 <ul id="nav-tablist" class="tabs vertical" | 44 <ul class="tabs" |
| 42 role="tablist" data-action="switch-tab" | 45 role="tablist" data-action="switch-tab" |
|
juliandoucette
2017/08/23 18:11:09
NIT: Missing aria-label
saroyanm
2017/08/23 20:57:53
I think providing role="tablist" information shoul
juliandoucette
2017/08/23 22:00:46
Nothing comes to mind. I only mentioned it because
| |
| 43 data-keys="ArrowLeft ArrowUp ArrowRight ArrowDown"> | 46 data-keys="ArrowLeft ArrowUp ArrowRight ArrowDown"> |
| 44 <li id="tab-general" role="tab" data-tab="general" | 47 <li> |
|
juliandoucette
2017/08/23 18:11:09
NIT: These <li> should have the "presentation" rol
saroyanm
2017/08/23 20:57:53
I'll add that, didn't know about this use case.
saroyanm
2017/08/24 17:39:43
Done.
| |
| 45 aria-selected="true" aria-controls="content-general" | 48 <a href="#general" class="i18n_options_tab_general" role="tab" ari a-selected="true" aria-controls="content-general"></a> |
|
juliandoucette
2017/08/23 18:11:10
NIT: Apparently I was wrong about the tab key func
juliandoucette
2017/08/23 18:11:10
Note:
Regarding the use of anchors vs buttons fo
saroyanm
2017/08/23 20:57:52
Agree.
saroyanm
2017/08/23 20:57:53
I can't follow your thoughts here, but:
In this ca
juliandoucette
2017/08/23 22:00:46
I agree.
saroyanm
2017/08/24 17:39:44
Done.
| |
| 46 tabindex="0"> | 49 </li> |
| 47 <span class="i18n_options_tab_general"></span> | 50 <li> |
| 48 </li> | 51 <a href="#whitelist" class="i18n_options_tab_whitelist" role="tab" aria-controls="content-whitelist"></a> |
| 49 <li id="tab-whitelist" role="tab" data-tab="whitelist" | 52 </li> |
| 50 aria-controls="content-whitelist" | 53 <li> |
| 51 tabindex="-1"> | 54 <a href="#advanced" class="i18n_options_tab_advanced" role="tab" a ria-controls="content-advanced"></a> |
| 52 <span class="i18n_options_tab_whitelist"></span> | 55 </li> |
| 53 </li> | 56 <li> |
| 54 <li id="tab-advanced" role="tab" data-tab="advanced" | 57 <a href="#help" class="i18n_options_tab_help" role="tab" aria-cont rols="content-help"></a> |
| 55 aria-controls="content-advanced" tabindex="-1"> | |
| 56 <span class="i18n_options_tab_advanced"></span> | |
| 57 </li> | |
| 58 <li id="tab-help" role="tab" data-tab="help" | |
| 59 aria-controls="content-help" tabindex="-1"> | |
| 60 <span class="i18n_options_tab_help"></span> | |
| 61 </li> | 58 </li> |
| 62 </ul> | 59 </ul> |
| 63 </nav> | 60 </nav> |
| 64 | |
| 65 <a id="link-version"> | |
| 66 <span class="i18n_options_version"></span> | |
| 67 <span id="abp-version"></span> | |
| 68 </a> | |
| 69 | |
| 70 <footer> | 61 <footer> |
|
juliandoucette
2017/08/23 18:11:11
Note: The same logic as explained above regarding
saroyanm
2017/08/23 20:57:53
I don't think it applies, below in one case we act
juliandoucette
2017/08/23 22:00:46
I agree.
| |
| 71 <ul class="tabs vertical bottom" data-action="open-doclink" | 62 <p> |
| 72 data-keys="Enter"> | 63 <a id="contribute" |
|
juliandoucette
2017/08/23 22:00:46
Why does this link to https://adblockplus.org/redi
saroyanm
2017/08/24 17:39:43
All links are redirect links, so whenever a links
| |
| 73 <li id="tab-share" data-doclink="share-general" tabindex="0"> | 64 class="i18n_options_footer_contribute button secondary" |
| 74 <span class="i18n_options_tab_share"></span> | 65 target="_blank"></a> |
| 75 </li> | 66 </p> |
| 76 <li id="tab-contribute" data-doclink="contribute" tabindex="0"> | 67 <p> |
| 77 <span class="i18n_options_tab_contribute"></span> | 68 <button class="i18n_options_footer_about link" |
| 78 </li> | 69 data-action="open-dialog" data-dialog="about"></button> |
| 79 </ul> | 70 </p> |
| 80 </footer> | 71 </footer> |
| 81 </div> | 72 </div> |
| 82 </div> | 73 </div> |
| 83 <div id="content"> | 74 <main> |
| 84 <div id="content-wrapper"> | 75 <div id="dialog-background"></div> |
| 85 <div id="dialog-background"></div> | 76 |
| 86 | 77 <!-- General tab content --> |
| 87 <!-- General tab content --> | 78 <div id="content-general" role="tabpanel" aria-labelledby="tab-general"> |
| 88 <div id="content-general" role="tabpanel" aria-labelledby="tab-general"> | 79 <h1 class="i18n_options_tab_general"></h1> |
| 89 <h1 class="i18n_options_tab_general"></h1> | 80 <p class="i18n_options_general_description"></p> |
| 90 <p class="i18n_options_general_description"></p> | 81 <section> |
| 91 <section> | 82 <h2 class="i18n_options_privacy_header"></h2> |
| 92 <h2 class="i18n_options_privacy_header"></h2> | 83 <ul id="recommend-protection-list-table" class="table list"> |
| 93 <ul id="recommend-protection-list-table" class="table list"> | 84 <template> |
| 94 <template> | 85 <button data-action="toggle-remove-subscription" role="checkbox" c lass="control"></button> |
| 95 <button data-action="toggle-remove-subscription" role="checkbox" class="control"></button> | 86 <label class="display"></label> |
| 96 <label class="display"></label> | 87 <span class="i18n_options_readMore" data-tooltip="options_protecti on_%value%_tooltip"></span> |
| 97 <span class="i18n_options_readMore" data-tooltip="options_protec tion_%value%_tooltip"></span> | 88 </template> |
| 98 </template> | 89 </ul> |
| 99 </ul> | 90 </section> |
| 100 </section> | 91 <section> |
| 101 <section> | 92 <h2 class="i18n_options_acceptableAds_header"></h2> |
| 102 <h2 class="i18n_options_acceptableAds_header"></h2> | 93 <p class="i18n_options_acceptableAds_description"></p> |
| 103 <p class="i18n_options_acceptableAds_description"></p> | 94 <form id="acceptable-ads"> |
| 104 <form id="acceptable-ads"> | 95 <div> |
| 105 <div> | 96 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="ads"> |
| 106 <input data-action="switch-acceptable-ads" type="radio" name="ac ceptable-ads" value="ads"> | 97 <label class="i18n_options_acceptableAds_ads_label"></label> |
| 107 <label class="i18n_options_acceptableAds_ads_label"></label> | 98 <p id="enable-aa-description" class="i18n_options_acceptableAds_ad s_description_1"></p> |
| 108 <p id="enable-aa-description" class="i18n_options_acceptableAds_ ads_description_1"></p> | 99 <p class="i18n_options_acceptableAds_ads_description_2"></p> |
| 109 <p class="i18n_options_acceptableAds_ads_description_2"></p> | 100 </div> |
| 110 </div> | 101 <div> |
| 111 <div> | 102 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="privacy"> |
| 112 <input data-action="switch-acceptable-ads" type="radio" name="ac ceptable-ads" value="privacy"> | 103 <label class="i18n_options_acceptableAds_privacy_label"></label> |
| 113 <label class="i18n_options_acceptableAds_privacy_label"></label> | 104 <p class="i18n_options_acceptableAds_privacy_description"></p> |
| 114 <p class="i18n_options_acceptableAds_privacy_description"></p> | 105 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification"></ p> |
| 115 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification"> </p> | 106 </div> |
| 116 </div> | 107 <div> |
| 117 <div> | 108 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="none"> |
| 118 <input data-action="switch-acceptable-ads" type="radio" name="ac ceptable-ads" value="none"> | 109 <label class="i18n_options_acceptableAds_none_label"></label> |
| 119 <label class="i18n_options_acceptableAds_none_label"></label> | 110 </div> |
| 120 </div> | 111 </form> |
| 121 </form> | 112 </section> |
| 122 </section> | 113 <section> |
| 123 <section> | 114 <h2 class="i18n_options_language_header"></h2> |
| 124 <h2 class="i18n_options_language_header"></h2> | 115 <p class="i18n_options_language_description"></p> |
| 125 <p class="i18n_options_language_description"></p> | 116 <div id="blocking-languages"> |
| 126 <div id="blocking-languages"> | 117 <ul id="blocking-languages-table" class="table list"> |
| 127 <ul id="blocking-languages-table" class="table list"> | |
| 128 <template> | |
| 129 <label class="display"></label> | |
| 130 <button data-single="hidden" data-action="remove-subscription" class="delete control" title="options_control_remove_title"></button> | |
| 131 <button data-single="visible" data-action="open-dialog" data-d ialog="language-change" class="i18n_options_language_change"></button> | |
| 132 </template> | |
| 133 </ul> | |
| 134 <div class="controls"> | |
| 135 <button data-action="open-dialog" data-dialog="language-add"> | |
| 136 <span class="i18n_options_language_add"></span> | |
| 137 </button> | |
| 138 </div> | |
| 139 </div> | |
| 140 <p class="i18n_options_language_tip"></p> | |
| 141 </section> | |
| 142 <section> | |
| 143 <h2 class="i18n_options_more_filters_header"></h2> | |
| 144 <p class="i18n_options_more_filters_description"></p> | |
| 145 <ul id="custom-list-table" class="table list"> | |
| 146 <template> | 118 <template> |
| 147 <label class="display"></label> | 119 <label class="display"></label> |
| 148 <button data-action="remove-subscription" class="delete control" title="options_control_remove_title"></button> | 120 <button data-single="hidden" data-action="remove-subscription" c lass="delete control" title="options_control_remove_title"></button> |
| 149 </template> | 121 <button data-single="visible" data-action="open-dialog" data-dia log="language-change" class="i18n_options_language_change"></button> |
| 150 </ul> | |
| 151 <p class="i18n_options_more_filters_note"></p> | |
| 152 </section> | |
| 153 </div> | |
| 154 | |
| 155 <!-- Whitelist tab content --> | |
| 156 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whiteli st"> | |
| 157 <h1 class="i18n_options_tab_whitelist"></h1> | |
| 158 <p class="i18n_options_whitelist_description"></p> | |
| 159 <form> | |
| 160 <input id="whitelisting-textbox" type="text"> | |
| 161 <button id="whitelisting-add-button" | |
| 162 type="submit" | |
| 163 data-action="add-domain-exception" | |
| 164 class="i18n_options_whitelist_add" disabled> | |
| 165 </button> | |
| 166 <div id="whitelisting-validation"></div> | |
| 167 </form> | |
| 168 <ul id="whitelisting-table" class="table list"> | |
| 169 <template> | |
| 170 <label class="display"></label> | |
| 171 <button data-action="remove-filter" class="delete control" | |
| 172 title="options_control_remove_title"> | |
| 173 </button> | |
| 174 </template> | |
| 175 </ul> | |
| 176 </div> | |
| 177 | |
| 178 <!-- Advanced tab content --> | |
| 179 <div id="content-advanced" role="tabpanel" | |
| 180 aria-labelledby="tab-advanced"> | |
| 181 <div> | |
| 182 <h1 class="i18n_options_tab_advanced"></h1> | |
| 183 <p class="i18n_options_advanced_description"></p> | |
| 184 <section> | |
| 185 <h2 class="i18n_options_customize_header"></h2> | |
| 186 <ul id="customize" class="table"> | |
| 187 <li data-pref="shouldShowBlockElementMenu"> | |
| 188 <label> | |
| 189 <button role="checkbox" data-action="toggle-pref"></button> | |
| 190 <span class="i18n_options_customize_blockElement"></span> | |
| 191 <span class="i18n_options_readMore" | |
| 192 data-tooltip="options_customize_blockElement_tooltip"></sp an> | |
| 193 </label> | |
| 194 </li> | |
| 195 <li data-pref="show_devtools_panel"> | |
| 196 <label> | |
| 197 <button role="checkbox" data-action="toggle-pref"></button> | |
| 198 <span class="i18n_options_customize_showDevToolsPanel"></spa n> | |
| 199 <span class="i18n_options_readMore" | |
| 200 data-tooltip="options_customize_showDevToolsPanel_tooltip" ></span> | |
| 201 </label> | |
| 202 </li> | |
| 203 <li data-pref="notifications_ignoredcategories"> | |
| 204 <label> | |
| 205 <button role="checkbox" data-action="toggle-pref"></button> | |
| 206 <span class="i18n_options_customize_showNotifications"></spa n> | |
| 207 <span class="i18n_options_readMore" | |
| 208 data-tooltip="options_customize_showNotifications_tooltip" ></span> | |
| 209 </label> | |
| 210 </li> | |
| 211 </ul> | |
| 212 </section> | |
| 213 </div> | |
| 214 | |
| 215 <section> | |
| 216 <h1 class="i18n_options_filterList_title"></h1> | |
| 217 <p id="filter-lists-description" class="i18n_options_filterList_desc ription"></p> | |
| 218 | |
| 219 <div id="all-filter-lists-table-header"> | |
| 220 <h2 class="i18n_options_filterList_column_status"></h2> | |
| 221 <h2 class="i18n_options_filterList_column_name"></h2> | |
| 222 <h2 class="i18n_options_filterList_column_update"></h2> | |
| 223 </div> | |
| 224 <ul class="table cols" id="all-filter-lists-table"> | |
| 225 <template> | |
| 226 <button data-action="remove-subscription" class="control delete" ></button> | |
| 227 <button data-action="toggle-disable-subscription" role="checkbox " class="control"> | |
| 228 </button> | |
| 229 <div class="state"> | |
| 230 <span class="i18n_options_filterList_state_active" id="state-a ctive"></span> | |
| 231 <span class="i18n_options_filterList_state_disabled" id="state -disabled"></span> | |
| 232 </div> | |
| 233 <div> | |
| 234 <label class="display"></label> | |
| 235 </div> | |
| 236 <span class="last-update"></span> | |
| 237 <span class="message"></span> | |
| 238 <a data-action="open-context-menu" class="arrow"></a> | |
| 239 <div role="menubar" class="context-menu-wrapper"> | |
| 240 <div class="context-menu"> | |
| 241 <ul class="content" role="menu"> | |
| 242 <li role="menuitem"> | |
| 243 <a class="i18n_options_filterList_updateNow update-subsc ription" data-action="update-subscription"></a> | |
| 244 </li> | |
| 245 <li role="menuitem"> | |
| 246 <a class="i18n_options_filterList_website website" targe t="_blank"></a> | |
| 247 </li> | |
| 248 <li role="menuitem"> | |
| 249 <a class="i18n_options_filterList_source source" target= "_blank"></a> | |
| 250 </li> | |
| 251 <li role="menuitem"> | |
| 252 <a class="i18n_options_filterList_delete delete" data-ac tion="remove-subscription"></a> | |
| 253 </li> | |
| 254 </ul> | |
| 255 </div> | |
| 256 </div> | |
| 257 </template> | 122 </template> |
| 258 </ul> | 123 </ul> |
| 259 <div class="controls"> | 124 <div class="controls"> |
| 260 <button data-action="open-dialog" data-dialog="custom"> | 125 <button data-action="open-dialog" data-dialog="language-add"> |
| 261 <span class="icon icon-add"></span> | 126 <span class="i18n_options_language_add"></span> |
| 262 <span class="i18n_options_filterList_add"></span> | 127 </button> |
| 263 </button> | 128 </div> |
| 264 <button data-action="update-all-subscriptions"> | 129 </div> |
| 265 <span class="icon icon-update"></span> | 130 <p class="i18n_options_language_tip"></p> |
| 266 <span class="i18n_options_filterList_update"></span> | 131 </section> |
| 267 </button> | 132 <section> |
| 268 </div> | 133 <h2 class="i18n_options_more_filters_header"></h2> |
| 269 </section> | 134 <p class="i18n_options_more_filters_description"></p> |
| 270 | 135 <ul id="custom-list-table" class="table list"> |
| 136 <template> | |
| 137 <label class="display"></label> | |
| 138 <button data-action="remove-subscription" class="delete control" t itle="options_control_remove_title"></button> | |
| 139 </template> | |
| 140 </ul> | |
| 141 <p class="i18n_options_more_filters_note"></p> | |
| 142 </section> | |
| 143 </div> | |
| 144 | |
| 145 <!-- Whitelist tab content --> | |
| 146 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whitelist "> | |
| 147 <h1 class="i18n_options_tab_whitelist"></h1> | |
| 148 <p class="i18n_options_whitelist_description"></p> | |
| 149 <form> | |
| 150 <input id="whitelisting-textbox" type="text"> | |
| 151 <button id="whitelisting-add-button" | |
| 152 type="submit" | |
| 153 data-action="add-domain-exception" | |
| 154 class="i18n_options_whitelist_add" disabled> | |
| 155 </button> | |
| 156 <div id="whitelisting-validation"></div> | |
| 157 </form> | |
| 158 <ul id="whitelisting-table" class="table list"> | |
| 159 <template> | |
| 160 <label class="display"></label> | |
| 161 <button data-action="remove-filter" class="delete control" | |
| 162 title="options_control_remove_title"> | |
| 163 </button> | |
| 164 </template> | |
| 165 </ul> | |
| 166 </div> | |
| 167 | |
| 168 <!-- Advanced tab content --> | |
| 169 <div id="content-advanced" role="tabpanel" | |
| 170 aria-labelledby="tab-advanced"> | |
| 171 <div> | |
| 172 <h1 class="i18n_options_tab_advanced"></h1> | |
| 173 <p class="i18n_options_advanced_description"></p> | |
| 271 <section> | 174 <section> |
| 272 <h1 class="i18n_options_customFilters_title"></h1> | 175 <h2 class="i18n_options_customize_header"></h2> |
| 273 <p class="i18n_options_customFilters_description"></p> | 176 <ul id="customize" class="table"> |
| 274 <h2 class="i18n_options_customFilters_widget_title"></h2> | 177 <li data-pref="shouldShowBlockElementMenu"> |
| 275 <div id="custom-filters"> | 178 <label> |
| 276 <div id="empty-custom-filters"> | 179 <button role="checkbox" data-action="toggle-pref"></button> |
| 277 <p class="i18n_options_customFilters_tip"></p> | 180 <span class="i18n_options_customize_blockElement"></span> |
| 278 <button class="i18n_options_customFilters_start" data-action="ed it-custom-filters"> | 181 <span class="i18n_options_readMore" |
| 279 </button> | 182 data-tooltip="options_customize_blockElement_tooltip"></span > |
| 280 <p> | 183 </label> |
| 281 <a class="i18n_options_customFilters_learn" id="link-filters" target="_blank"></a> | 184 </li> |
| 282 </p> | 185 <li data-pref="show_devtools_panel"> |
| 283 </div> | 186 <label> |
| 284 <textarea id="custom-filters-raw" rows="15"></textarea> | 187 <button role="checkbox" data-action="toggle-pref"></button> |
| 285 <button id="custom-filters-edit" class="i18n_options_customFilter_ edit" data-action="edit-custom-filters"> | 188 <span class="i18n_options_customize_showDevToolsPanel"></span> |
| 286 </button> | 189 <span class="i18n_options_readMore" |
| 287 <div id="custom-filters-raw-controls"> | 190 data-tooltip="options_customize_showDevToolsPanel_tooltip">< /span> |
| 288 <button class="i18n_options_customFilter_save" data-action="save -custom-filters"> | 191 </label> |
| 289 </button> | 192 </li> |
| 290 <button class="i18n_options_customFilter_cancel" data-action="ca ncel-custom-filters"> | 193 <li data-pref="notifications_ignoredcategories"> |
| 291 </button> | 194 <label> |
| 292 </div> | 195 <button role="checkbox" data-action="toggle-pref"></button> |
| 293 </div> | 196 <span class="i18n_options_customize_showNotifications"></span> |
| 197 <span class="i18n_options_readMore" | |
| 198 data-tooltip="options_customize_showNotifications_tooltip">< /span> | |
| 199 </label> | |
| 200 </li> | |
| 201 </ul> | |
| 294 </section> | 202 </section> |
| 295 </div> | 203 </div> |
| 296 | 204 |
| 297 <!-- Help tab content --> | 205 <section> |
| 298 <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> | 206 <h1 class="i18n_options_filterList_title"></h1> |
| 299 <h1 class="i18n_options_faq_title"></h1> | 207 <p id="filter-lists-description" class="i18n_options_filterList_descri ption"></p> |
| 300 <p class="i18n_options_faq_description"></p> | 208 |
| 301 <p> | 209 <div id="all-filter-lists-table-header"> |
| 302 <a id="link-faq" class="i18n_options_faq_title" target="_blank"></a > | 210 <h2 class="i18n_options_filterList_column_status"></h2> |
| 303 </p> | 211 <h2 class="i18n_options_filterList_column_name"></h2> |
| 304 <h1 class="i18n_options_forum_title"></h1> | 212 <h2 class="i18n_options_filterList_column_update"></h2> |
| 305 <p class="i18n_options_forum_description"></p> | 213 </div> |
| 306 <p> | 214 <ul class="table cols" id="all-filter-lists-table"> |
| 307 <a id="link-forum" class="i18n_options_forum_link" target="_blank"> </a> | 215 <template> |
| 308 </p> | 216 <button data-action="remove-subscription" class="control delete">< /button> |
| 309 <h1 class="i18n_options_media_title"></h1> | 217 <button data-action="toggle-disable-subscription" role="checkbox" class="control"> |
| 310 <p class="i18n_options_media_description"></p> | 218 </button> |
| 311 <p> | 219 <div class="state"> |
| 312 <span id="share-general"> | 220 <span class="i18n_options_filterList_state_active" id="state-act ive"></span> |
| 313 <a id="link-twitter" target="_blank">Twitter</a> | 221 <span class="i18n_options_filterList_state_disabled" id="state-d isabled"></span> |
| 314 <a id="link-facebook" target="_blank">Facebook</a> | 222 </div> |
| 315 <a id="link-gplus" target="_blank">Google+</a> | 223 <div> |
| 316 </span> | 224 <label class="display"></label> |
| 317 <span id="share-chinese"> | 225 </div> |
| 318 <a id="link-renren" target="_blank">renren</a> | 226 <span class="last-update"></span> |
| 319 <a id="link-weibo" target="_blank">weibo</a> | 227 <span class="message"></span> |
| 320 </span> | 228 <a data-action="open-context-menu" class="arrow"></a> |
| 321 </p> | 229 <div role="menubar" class="context-menu-wrapper"> |
| 322 </div> | 230 <div class="context-menu"> |
| 323 </div> | 231 <ul class="content" role="menu"> |
| 324 </div> | 232 <li role="menuitem"> |
| 233 <a class="i18n_options_filterList_updateNow update-subscri ption" data-action="update-subscription"></a> | |
| 234 </li> | |
| 235 <li role="menuitem"> | |
| 236 <a class="i18n_options_filterList_website website" target= "_blank"></a> | |
| 237 </li> | |
| 238 <li role="menuitem"> | |
| 239 <a class="i18n_options_filterList_source source" target="_ blank"></a> | |
| 240 </li> | |
| 241 <li role="menuitem"> | |
| 242 <a class="i18n_options_filterList_delete delete" data-acti on="remove-subscription"></a> | |
| 243 </li> | |
| 244 </ul> | |
| 245 </div> | |
| 246 </div> | |
| 247 </template> | |
| 248 </ul> | |
| 249 <div class="controls"> | |
| 250 <button data-action="open-dialog" data-dialog="custom"> | |
| 251 <span class="icon icon-add"></span> | |
| 252 <span class="i18n_options_filterList_add"></span> | |
| 253 </button> | |
| 254 <button data-action="update-all-subscriptions"> | |
| 255 <span class="icon icon-update"></span> | |
| 256 <span class="i18n_options_filterList_update"></span> | |
| 257 </button> | |
| 258 </div> | |
| 259 </section> | |
| 260 | |
| 261 <section> | |
| 262 <h1 class="i18n_options_customFilters_title"></h1> | |
| 263 <p class="i18n_options_customFilters_description"></p> | |
| 264 <h2 class="i18n_options_customFilters_widget_title"></h2> | |
| 265 <div id="custom-filters"> | |
| 266 <div id="empty-custom-filters"> | |
| 267 <p class="i18n_options_customFilters_tip"></p> | |
| 268 <button class="i18n_options_customFilters_start" data-action="edit -custom-filters"> | |
| 269 </button> | |
| 270 <p> | |
| 271 <a class="i18n_options_customFilters_learn" id="link-filters" ta rget="_blank"></a> | |
| 272 </p> | |
| 273 </div> | |
| 274 <textarea id="custom-filters-raw" rows="15"></textarea> | |
| 275 <button id="custom-filters-edit" class="i18n_options_customFilter_ed it" data-action="edit-custom-filters"> | |
| 276 </button> | |
| 277 <div id="custom-filters-raw-controls"> | |
| 278 <button class="i18n_options_customFilter_save" data-action="save-c ustom-filters"> | |
| 279 </button> | |
| 280 <button class="i18n_options_customFilter_cancel" data-action="canc el-custom-filters"> | |
| 281 </button> | |
| 282 </div> | |
| 283 </div> | |
| 284 </section> | |
| 285 </div> | |
| 286 | |
| 287 <!-- Help tab content --> | |
| 288 <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> | |
| 289 <h1 class="i18n_options_faq_title"></h1> | |
| 290 <p class="i18n_options_faq_description"></p> | |
| 291 <p> | |
| 292 <a id="link-faq" class="i18n_options_faq_title" target="_blank"></a> | |
| 293 </p> | |
| 294 <h1 class="i18n_options_forum_title"></h1> | |
| 295 <p class="i18n_options_forum_description"></p> | |
| 296 <p> | |
| 297 <a id="link-forum" class="i18n_options_forum_link" target="_blank"></ a> | |
| 298 </p> | |
| 299 <h1 class="i18n_options_media_title"></h1> | |
| 300 <p class="i18n_options_media_description"></p> | |
| 301 <p> | |
| 302 <span id="share-general"> | |
| 303 <a id="link-twitter" target="_blank">Twitter</a> | |
| 304 <a id="link-facebook" target="_blank">Facebook</a> | |
| 305 <a id="link-gplus" target="_blank">Google+</a> | |
| 306 </span> | |
| 307 <span id="share-chinese"> | |
| 308 <a id="link-renren" target="_blank">renren</a> | |
| 309 <a id="link-weibo" target="_blank">weibo</a> | |
| 310 </span> | |
| 311 </p> | |
| 312 </div> | |
| 313 </main> | |
| 325 | 314 |
| 326 <!-- Dialog --> | 315 <!-- Dialog --> |
| 327 <div id="dialog" role="dialog" aria-hidden="true"> | 316 <div id="dialog" role="dialog" aria-hidden="true"> |
| 328 <header> | 317 <header> |
| 329 <span id="dialog-title"> | 318 <span id="dialog-title"> |
| 319 <span id="dialog-title-about" class="i18n_options_dialog_about_title"> </span> | |
| 330 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span> | 320 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span> |
| 331 <span id="dialog-title-language-add" class="i18n_options_dialog_langua ge_title"></span> | 321 <span id="dialog-title-language-add" class="i18n_options_dialog_langua ge_title"></span> |
| 332 <span id="dialog-title-language-change" class="i18n_options_dialog_lan guage_title"></span> | 322 <span id="dialog-title-language-change" class="i18n_options_dialog_lan guage_title"></span> |
| 333 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span> | 323 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span> |
| 334 </span> | 324 </span> |
| 335 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button> | 325 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button> |
| 336 </header> | 326 </header> |
| 337 <div id="dialog-body" class="content"> | 327 <div id="dialog-body" class="content"> |
| 328 <!-- About Adblock Plus --> | |
| 329 <div id="dialog-content-about" class="dialog-content"> | |
| 330 <p id="abp-version"></p> | |
| 331 <p class="i18n_options_dialog_about_copyright"></p> | |
| 332 <p> | |
| 333 <button class="i18n_options_close primary" data-action="close-dialog "></button> | |
| 334 </p> | |
| 335 </div> | |
| 338 <!-- Add language subscription --> | 336 <!-- Add language subscription --> |
| 339 <div id="dialog-content-language-add" class="dialog-content"> | 337 <div id="dialog-content-language-add" class="dialog-content"> |
| 340 <ul id="all-lang-table-add" class="table list"> | 338 <ul id="all-lang-table-add" class="table list"> |
| 341 <template> | 339 <template> |
| 342 <button data-action="add-language-subscription,close-dialog" class ="control add" role="checkbox"> | 340 <button data-action="add-language-subscription,close-dialog" class ="control add" role="checkbox"> |
| 343 <label class="display"></label> | 341 <label class="display"></label> |
| 344 </button> | 342 </button> |
| 345 <button data-action="change-language-subscription,close-dialog" cl ass="control change" role="checkbox"> | 343 <button data-action="change-language-subscription,close-dialog" cl ass="control change" role="checkbox"> |
| 346 <label class="display"></label> | 344 <label class="display"></label> |
| 347 </button> | 345 </button> |
| (...skipping 21 matching lines...) Expand all Loading... | |
| 369 <div class="url"></div> | 367 <div class="url"></div> |
| 370 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button> | 368 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button> |
| 371 </div> | 369 </div> |
| 372 </div> | 370 </div> |
| 373 </div> | 371 </div> |
| 374 <!-- Placeholder element to determine when to wrap focus around --> | 372 <!-- Placeholder element to determine when to wrap focus around --> |
| 375 <span class="focus-last" tabindex="0"></span> | 373 <span class="focus-last" tabindex="0"></span> |
| 376 </div> | 374 </div> |
| 377 </body> | 375 </body> |
| 378 </html> | 376 </html> |
| OLD | NEW |
« no previous file with comments
|
« locale/en-US/new-options.json ('k')
|
new-options.js » ('j')
|
skin/new-options.css » ('J')
