Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: new-options.html

Issue 29519669: Issue 5539 - Implement "Acceptable Ads notification" (Closed)
Left Patch Set: Created Aug. 18, 2017, 11:51 p.m.
Right Patch Set: Addressed Thomas comment from patchset 6 Created Sept. 22, 2017, 10:28 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « locale/en-US/new-options.json ('k') | new-options.js » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
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-2017 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,
11 - but WITHOUT ANY WARRANTY; without even the implied warranty of 11 - but WITHOUT ANY WARRANTY; without even the implied warranty of
12 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 12 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 - GNU General Public License for more details. 13 - GNU General Public License for more details.
14 - 14 -
15 - You should have received a copy of the GNU General Public License 15 - You should have received a copy of the GNU General Public License
16 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. 16 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.
17 --> 17 -->
18 18
19 <html> 19 <html>
20 <head> 20 <head>
21 <meta charset="utf-8"> 21 <meta charset="utf-8">
22 <title class="i18n_options_page_title"></title> 22 <title class="i18n_options_page_title"></title>
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" alt="Adblock Plus logo" src="skin/abp-logo.svg" >
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>
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"
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 role="presentation">
45 aria-selected="true" aria-controls="content-general" 48 <a href="#general" class="i18n_options_tab_general" role="tab" ari a-selected="true" tabindex="-1" aria-controls="content-general"></a>
46 tabindex="0"> 49 </li>
47 <span class="i18n_options_tab_general"></span> 50 <li role="presentation">
48 </li> 51 <a href="#whitelist" class="i18n_options_tab_whitelist" role="tab" tabindex="-1" aria-controls="content-whitelist"></a>
49 <li id="tab-whitelist" role="tab" data-tab="whitelist" 52 </li>
50 aria-controls="content-whitelist" 53 <li role="presentation">
51 tabindex="-1"> 54 <a href="#advanced" class="i18n_options_tab_advanced" role="tab" t abindex="-1" aria-controls="content-advanced"></a>
52 <span class="i18n_options_tab_whitelist"></span> 55 </li>
53 </li> 56 <li role="presentation">
54 <li id="tab-advanced" role="tab" data-tab="advanced" 57 <a href="#help" class="i18n_options_tab_help" role="tab" tabindex= "-1" aria-controls="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>
71 <ul class="tabs vertical bottom" data-action="open-doclink" 62 <p>
72 data-keys="Enter"> 63 <a id="contribute"
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 <header>
89 <h1 class="i18n_options_tab_general"></h1> 80 <h1 class="i18n_options_tab_general"></h1>
90 <p class="i18n_options_general_description"></p> 81 <p class="i18n_options_general_description"></p>
91 <section> 82 </header>
92 <h2 class="i18n_options_privacy_header"></h2> 83 <section class="cols">
93 <ul id="recommend-security-list-table" class="table list"> 84 <h2 class="i18n_options_privacy_header"></h2>
85 <ul class="list" id="recommend-protection-list-table">
86 <template>
87 <button data-action="toggle-remove-subscription" role="checkbox" c lass="control"></button>
88 <label class="display"></label>
89 <span data-tooltip="options_protection_%value%_tooltip"></span>
90 </template>
91 </ul>
92 </section>
93 <section class="cols">
94 <header>
95 <h2 class="i18n_options_acceptableAds_header"></h2>
96 <p class="i18n_options_acceptableAds_description"></p>
97 </header>
98 <form id="acceptable-ads">
99 <div>
100 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="ads">
101 <label class="i18n_options_acceptableAds_ads_label"></label>
102 <p id="enable-aa-description" class="i18n_options_acceptableAds_ad s_description_1"></p>
103 <p class="i18n_options_acceptableAds_ads_description_2"></p>
104 </div>
105 <div>
106 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="privacy">
107 <label class="i18n_options_acceptableAds_privacy_label"></label>
108 <p class="i18n_options_acceptableAds_privacy_description"></p>
109 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification"></ p>
110 </div>
111 <div>
112 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="none">
113 <label class="i18n_options_acceptableAds_none_label"></label>
114 </div>
115 </form>
116 </section>
117 <section class="cols">
118 <header>
119 <h2 class="i18n_options_language_header"></h2>
120 <p class="i18n_options_language_description"></p>
121 </header>
122 <div id="blocking-languages">
123 <ul id="blocking-languages-table" class="table list">
94 <template> 124 <template>
95 <button data-action="toggle-remove-subscription" role="checkbox" class="control"></button>
96 <label class="display"></label> 125 <label class="display"></label>
97 <span class="i18n_options_readMore" data-tooltip="options_more_% value%_tooltip"></span> 126 <button data-single="hidden" data-action="remove-subscription" c lass="delete control" title="options_control_remove_title"></button>
127 <button data-single="visible" data-action="open-dialog" data-dia log="language-change" class="i18n_options_language_change link"></button>
98 </template> 128 </template>
99 </ul> 129 </ul>
100 </section> 130 <button class="i18n_options_language_add list" data-action="open-dia log" data-dialog="language-add"></button>
101 <section>
102 <h2 class="i18n_options_acceptable_ads_header"></h2>
103 <p class="i18n_options_acceptable_ads_description"></p>
104 <form id="acceptable-ads">
105 <div>
106 <input data-action="switch-acceptable-ads" type="radio" name="ac ceptable-ads" value="ads">
107 <label class="i18n_options_acceptable_ads_label"></label>
108 <p id="enable-aa-description" class="i18n_options_acceptable_ads _privacy_description_1"></p>
109 <p class="i18n_options_acceptable_ads_privacy_description_2"></p >
110 </div>
111 <div>
112 <input data-action="switch-acceptable-ads" type="radio" name="ac ceptable-ads" value="privacy">
113 <label class="i18n_options_acceptable_ads_privacy_label"></label >
114 <p class="i18n_options_acceptable_ads_no_privacy_description"></ p>
115 <p id="dnt" class="i18n_options_acceptable_ads_dnt_notification" ></p>
116 </div>
117 <div>
118 <input data-action="switch-acceptable-ads" type="radio" name="ac ceptable-ads" value="none">
119 <label class="i18n_options_acceptable_ads_disable_label"></label >
120 </div>
121 </form>
122 </section>
123 <section>
124 <h2 class="i18n_options_language_header"></h2>
125 <p class="i18n_options_language_description"></p>
126 <div id="blocking-languages">
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> 131 <p class="i18n_options_language_tip"></p>
141 </section> 132 </div>
142 <section> 133 </section>
134 <section class="cols">
135 <header>
143 <h2 class="i18n_options_more_filters_header"></h2> 136 <h2 class="i18n_options_more_filters_header"></h2>
144 <p class="i18n_options_more_filters_description"></p> 137 <p class="i18n_options_more_filters_description"></p>
145 <ul id="custom-list-table" class="table list"> 138 </header>
139 <div>
140 <ul id="more-list-table" class="table list">
146 <template> 141 <template>
147 <label class="display"></label> 142 <label class="display"></label>
148 <span class="i18n_options_readMore" data-tooltip="options_more_% value%_tooltip"></span> 143 <button data-action="remove-subscription" class="i18n_options_co ntrol_remove_title link control" title="options_control_remove_title"></button>
149 <button data-action="remove-subscription" class="delete control" title="options_control_remove_title"></button>
150 </template> 144 </template>
151 </ul> 145 </ul>
152 <p class="i18n_options_more_filters_note"></p> 146 <p class="i18n_options_more_filters_note"></p>
153 </section> 147 </div>
154 </div> 148 </section>
155 149 </div>
156 <!-- Whitelist tab content --> 150
157 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whiteli st"> 151 <!-- Whitelist tab content -->
152 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whitelist ">
153 <header>
158 <h1 class="i18n_options_tab_whitelist"></h1> 154 <h1 class="i18n_options_tab_whitelist"></h1>
159 <p class="i18n_options_whitelist_description"></p> 155 <p class="i18n_options_whitelist_description"></p>
160 <form> 156 </header>
161 <input id="whitelisting-textbox" type="text"> 157 <form class="section">
162 <button id="whitelisting-add-button" 158 <input id="whitelisting-textbox" type="text">
163 type="submit" 159 <button id="whitelisting-add-button"
164 data-action="add-domain-exception" 160 type="submit"
165 class="i18n_options_whitelist_add" disabled> 161 data-action="add-domain-exception"
162 class="i18n_options_whitelist_add primary" disabled>
163 </button>
164 </form>
165 <ul id="whitelisting-table" class="table list">
166 <template>
167 <label class="display"></label>
168 <button data-action="remove-filter" class="delete control"
169 title="options_control_remove_title">
166 </button> 170 </button>
167 <div id="whitelisting-validation"></div> 171 </template>
168 </form> 172 </ul>
169 <ul id="whitelisting-table" class="table list"> 173 </div>
174
175 <!-- Advanced tab content -->
176 <div id="content-advanced" role="tabpanel"
177 aria-labelledby="tab-advanced">
178 <header>
179 <h1 class="i18n_options_tab_advanced"></h1>
180 <p class="i18n_options_advanced_description"></p>
181 </header>
182 <section class="cols">
183 <h2 class="i18n_options_customize_header"></h2>
184 <ul id="customize" class="list">
185 <li data-pref="shouldShowBlockElementMenu">
186 <button role="checkbox" data-action="toggle-pref"></button>
187 <span class="i18n_options_customize_blockElement display"></span>
188 <span data-tooltip="options_customize_blockElement_tooltip"></span >
189 </li>
190 <li data-pref="show_devtools_panel">
191 <button role="checkbox" data-action="toggle-pref"></button>
192 <span class="i18n_options_customize_showDevToolsPanel display"></s pan>
193 <span data-tooltip="options_customize_showDevToolsPanel_tooltip">< /span>
194 </li>
195 <li data-pref="notifications_ignoredcategories">
196 <button role="checkbox" data-action="toggle-pref"></button>
197 <span class="i18n_options_customize_showNotifications display"></s pan>
198 <span data-tooltip="options_customize_showNotifications_tooltip">< /span>
199 </li>
200 </ul>
201 </section>
202
203 <section>
204 <header>
205 <h2 class="i18n_options_filterList_title"></h2>
206 <p id="filter-lists-description" class="i18n_options_filterList_desc ription"></p>
207 </header>
208
209 <div id="all-filter-lists-table-header" class="th">
210 <h3 class="i18n_options_filterList_column_status col4"></h3>
211 <h3 class="i18n_options_filterList_column_name col4"></h3>
212 <h3 class="i18n_options_filterList_column_update col4"></h3>
213 <h3 class="col4"></h3>
214 </div>
215 <ul class="table cols" id="all-filter-lists-table">
170 <template> 216 <template>
171 <label class="display"></label> 217 <div class="col4">
172 <button data-action="remove-filter" class="delete control" 218 <button data-action="toggle-disable-subscription" role="checkbox " class="control toggle">
173 title="options_control_remove_title">
174 </button>
175 </template>
176 </ul>
177 </div>
178
179 <!-- Advanced tab content -->
180 <div id="content-advanced" role="tabpanel"
181 aria-labelledby="tab-advanced">
182 <div>
183 <h1 class="i18n_options_tab_advanced"></h1>
184 <p class="i18n_options_advanced_description"></p>
185 <section>
186 <h2 class="i18n_options_customize_header"></h2>
187 <ul id="customize" class="table">
188 <li data-pref="shouldShowBlockElementMenu">
189 <label>
190 <button role="checkbox" data-action="toggle-pref"></button>
191 <span class="i18n_options_customize_blockElement"></span>
192 <span class="i18n_options_readMore"
193 data-tooltip="options_customize_blockElement_tooltip"></sp an>
194 </label>
195 </li>
196 <li data-pref="show_devtools_panel">
197 <label>
198 <button role="checkbox" data-action="toggle-pref"></button>
199 <span class="i18n_options_customize_showDevToolsPanel"></spa n>
200 <span class="i18n_options_readMore"
201 data-tooltip="options_customize_showDevToolsPanel_tooltip" ></span>
202 </label>
203 </li>
204 <li data-pref="notifications_ignoredcategories">
205 <label>
206 <button role="checkbox" data-action="toggle-pref"></button>
207 <span class="i18n_options_customize_showNotifications"></spa n>
208 <span class="i18n_options_readMore"
209 data-tooltip="options_customize_showNotifications_tooltip" ></span>
210 </label>
211 </li>
212 </ul>
213 </section>
214 </div>
215
216 <section>
217 <h1 class="i18n_options_filterList_title"></h1>
218 <p id="filter-lists-description" class="i18n_options_filterList_desc ription"></p>
219
220 <div id="all-filter-lists-table-header">
221 <h2 class="i18n_options_filterList_column_status"></h2>
222 <h2 class="i18n_options_filterList_column_name"></h2>
223 <h2 class="i18n_options_filterList_column_update"></h2>
224 </div>
225 <ul class="table cols" id="all-filter-lists-table">
226 <template>
227 <button data-action="remove-subscription" class="control delete" ></button>
228 <button data-action="toggle-disable-subscription" role="checkbox " class="control">
229 </button> 219 </button>
230 <div class="state"> 220 <div class="state">
231 <span class="i18n_options_filterList_state_active" id="state-a ctive"></span> 221 <span class="i18n_options_filterList_state_active" id="state-a ctive"></span>
232 <span class="i18n_options_filterList_state_disabled" id="state -disabled"></span> 222 <span class="i18n_options_filterList_state_disabled" id="state -disabled"></span>
233 </div> 223 </div>
234 <div> 224 </div>
235 <label class="display"></label> 225 <div class="col4">
236 </div> 226 <label class="display"></label>
227 </div>
228 <div class="col4">
237 <span class="last-update"></span> 229 <span class="last-update"></span>
238 <span class="message"></span> 230 <span class="message"></span>
239 <a data-action="open-context-menu" class="arrow"></a> 231 </div>
232 <div class="col4">
233 <button data-action="open-context-menu" class="gear"></button>
240 <div role="menubar" class="context-menu-wrapper"> 234 <div role="menubar" class="context-menu-wrapper">
241 <div class="context-menu"> 235 <div class="context-menu">
242 <ul class="content" role="menu"> 236 <ul class="content" role="menu">
243 <li role="menuitem"> 237 <li role="menuitem">
244 <a class="i18n_options_filterList_updateNow update-subsc ription" data-action="update-subscription"></a> 238 <button class="i18n_options_filterList_updateNow update- subscription" data-action="update-subscription"></button>
245 </li> 239 </li>
246 <li role="menuitem"> 240 <li role="menuitem">
247 <a class="i18n_options_filterList_website website" targe t="_blank"></a> 241 <a class="i18n_options_filterList_website website" targe t="_blank"></a>
248 </li> 242 </li>
249 <li role="menuitem"> 243 <li role="menuitem">
250 <a class="i18n_options_filterList_source source" target= "_blank"></a> 244 <a class="i18n_options_filterList_source source" target= "_blank"></a>
251 </li> 245 </li>
252 <li role="menuitem"> 246 <li role="menuitem">
253 <a class="i18n_options_filterList_delete delete" data-ac tion="remove-subscription"></a> 247 <button class="i18n_options_filterList_delete delete" da ta-action="remove-subscription"></button>
254 </li> 248 </li>
255 </ul> 249 </ul>
256 </div> 250 </div>
257 </div> 251 </div>
258 </template> 252 <button data-action="remove-subscription" class="control delete" ></button>
253 </div>
254 </template>
255 </ul>
256 <div class="side-controls wrap">
257 <button class="i18n_options_filterList_add primary" data-action="ope n-dialog" data-dialog="import"></button>
258 <button id="update" class="i18n_options_filterList_update secondary" data-action="update-all-subscriptions"></button>
259 </div>
260 </section>
261
262 <section class="cols">
263 <header>
264 <h2 class="i18n_options_customFilters_title"></h2>
265 <p class="i18n_options_customFilters_description"></p>
266 </header>
267 <div id="custom-filters">
268 <h3 class="i18n_options_customFilters_widget_title"></h3>
269 <div id="empty-custom-filters">
270 <p class="i18n_options_customFilters_tip"></p>
271 <button class="i18n_options_customFilters_start primary" data-acti on="edit-custom-filters">
272 </button>
273 <p>
274 <a class="i18n_options_customFilters_learn" id="link-filters" ta rget="_blank"></a>
275 </p>
276 </div>
277 <textarea id="custom-filters-raw" rows="15"></textarea>
278 <div class="side-controls wrap">
279 <button id="custom-filters-edit" class="i18n_options_customFilter_ edit secondary" data-action="edit-custom-filters">
280 </button>
281 <div class="side-controls" id="custom-filters-raw-controls">
282 <button class="i18n_options_customFilter_cancel secondary" data- action="cancel-custom-filters"></button>
283 <button class="i18n_options_customFilter_save primary" data-acti on="save-custom-filters"></button>
284 </div>
285 </div>
286 </div>
287 </section>
288 </div>
289
290 <!-- Help tab content -->
291 <div id="content-help" role="tabpanel" aria-labelledby="tab-help">
292 <header>
293 <h1 class="i18n_options_tab_help"></h1>
294 <p class="i18n_options_help_description"></p>
295 </header>
296 <section class="cols">
297 <h2 class="i18n_options_support_title"></h2>
298 <ul>
299 <li id="report-issue" class="i18n_options_report_issue"></li>
300 <li id="report-ad" class="i18n_options_report_ad"></li>
301 <li id="report-bug" class="i18n_options_report_bug"></li>
302 <li id="report-forum" class="i18n_options_report_forum"></li>
303 </ul>
304 </section>
305 <section class="cols">
306 <header>
307 <h2 class="i18n_options_social_title"></h2>
308 <p class="i18n_options_social_description"></p>
309 </header>
310 <div id="social">
311 <ul id="social-general">
312 <li><a id="twitter">Twitter</a></li>
313 <li><a id="facebook">Facebook</a></li>
314 <li><a id="google-plus">Google Plus</a></li>
259 </ul> 315 </ul>
260 <div class="controls"> 316 <ul id="social-chinese">
261 <button data-action="open-dialog" data-dialog="custom"> 317 <li><a id="weibo">Weibo</a></li>
262 <span class="icon icon-add"></span> 318 </ul>
263 <span class="i18n_options_filterList_add"></span> 319 <p>
264 </button> 320 <strong>
265 <button data-action="update-all-subscriptions"> 321 <span class="i18n_options_email"></span>
266 <span class="icon icon-update"></span> 322 <a href="mailto:support@adblockplus.org">support@adblockplus.org </a>
267 <span class="i18n_options_filterList_update"></span> 323 </strong>
268 </button> 324 </p>
269 </div> 325 </div>
270 </section> 326 </section>
271 327 </div>
272 <section> 328 </main>
273 <h1 class="i18n_options_customFilters_title"></h1>
274 <p class="i18n_options_customFilters_description"></p>
275 <h2 class="i18n_options_customFilters_widget_title"></h2>
276 <div id="custom-filters">
277 <div id="empty-custom-filters">
278 <p class="i18n_options_customFilters_tip"></p>
279 <button class="i18n_options_customFilters_start" data-action="ed it-custom-filters">
280 </button>
281 <p>
282 <a class="i18n_options_customFilters_learn" id="link-filters" target="_blank"></a>
283 </p>
284 </div>
285 <textarea id="custom-filters-raw" rows="15"></textarea>
286 <button id="custom-filters-edit" class="i18n_options_customFilter_ edit" data-action="edit-custom-filters">
287 </button>
288 <div id="custom-filters-raw-controls">
289 <button class="i18n_options_customFilter_save" data-action="save -custom-filters">
290 </button>
291 <button class="i18n_options_customFilter_cancel" data-action="ca ncel-custom-filters">
292 </button>
293 </div>
294 </div>
295 </section>
296 </div>
297
298 <!-- Help tab content -->
299 <div id="content-help" role="tabpanel" aria-labelledby="tab-help">
300 <h1 class="i18n_options_faq_title"></h1>
301 <p class="i18n_options_faq_description"></p>
302 <p>
303 <a id="link-faq" class="i18n_options_faq_title" target="_blank"></a >
304 </p>
305 <h1 class="i18n_options_forum_title"></h1>
306 <p class="i18n_options_forum_description"></p>
307 <p>
308 <a id="link-forum" class="i18n_options_forum_link" target="_blank"> </a>
309 </p>
310 <h1 class="i18n_options_media_title"></h1>
311 <p class="i18n_options_media_description"></p>
312 <p>
313 <span id="share-general">
314 <a id="link-twitter" target="_blank">Twitter</a>
315 <a id="link-facebook" target="_blank">Facebook</a>
316 <a id="link-gplus" target="_blank">Google+</a>
317 </span>
318 <span id="share-chinese">
319 <a id="link-renren" target="_blank">renren</a>
320 <a id="link-weibo" target="_blank">weibo</a>
321 </span>
322 </p>
323 </div>
324 </div>
325 </div>
326 329
327 <!-- Dialog --> 330 <!-- Dialog -->
328 <div id="dialog" role="dialog" aria-hidden="true"> 331 <div id="dialog" role="dialog" aria-hidden="true">
329 <header> 332 <header>
330 <span id="dialog-title"> 333 <span id="dialog-title">
331 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span> 334 <h3 id="dialog-title-about" class="i18n_options_dialog_about_title"></ h3>
332 <span id="dialog-title-language-add" class="i18n_options_dialog_langua ge_title"></span> 335 <h3 id="dialog-title-import" class="i18n_options_dialog_import_title"> </h3>
333 <span id="dialog-title-language-change" class="i18n_options_dialog_lan guage_title"></span> 336 <h3 id="dialog-title-language-add" class="i18n_options_dialog_language _title"></h3>
334 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span> 337 <h3 id="dialog-title-language-change" class="i18n_options_dialog_langu age_title"></h3>
335 <span id="dialog-title-tracking" class="i18n_options_dialog_tracking_t itle"></span> 338 <h3 id="dialog-title-predefined" class="i18n_options_dialog_predefined _title"></h3>
339 <h3 id="dialog-title-tracking" class="i18n_options_dialog_tracking_tit le"></h3>
336 </span> 340 </span>
337 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button> 341 <button id="dialog-close" data-action="close-dialog"></button>
338 </header> 342 </header>
339 <div id="dialog-body" class="content"> 343 <div id="dialog-body" class="content">
344 <!-- About Adblock Plus -->
345 <div id="dialog-content-about" class="dialog-content">
346 <p id="abp-version"></p>
347 <p class="i18n_options_dialog_about_copyright"></p>
348 <p class="i18n_options_dialog_about_trademark"></p>
349 <p>
350 <button class="i18n_options_close primary" data-action="close-dialog "></button>
351 </p>
352 </div>
340 <!-- Add language subscription --> 353 <!-- Add language subscription -->
341 <div id="dialog-content-language-add" class="dialog-content"> 354 <div id="dialog-content-language-add" class="dialog-content">
342 <ul id="all-lang-table-add" class="table list"> 355 <ul id="all-lang-table-add" class="table list">
343 <template> 356 <template>
344 <button data-action="add-language-subscription,close-dialog" class ="control add" role="checkbox"> 357 <button data-action="add-language-subscription,close-dialog" class ="control add" role="checkbox">
345 <label class="display"></label> 358 <label class="display"></label>
346 </button> 359 </button>
347 <button data-action="change-language-subscription,close-dialog" cl ass="control change" role="checkbox"> 360 <button data-action="change-language-subscription,close-dialog" cl ass="control change" role="checkbox">
348 <label class="display"></label> 361 <label class="display"></label>
349 </button> 362 </button>
350 </template> 363 </template>
351 </ul> 364 </ul>
352 </div> 365 </div>
353 <!-- Add custom subscription --> 366 <!-- Add import subscription -->
354 <div id="dialog-content-custom" class="dialog-content"> 367 <div id="dialog-content-import" class="dialog-content">
355 <div class="dialog-content-block"> 368 <form data-validation="custom" novalidate>
356 <div> 369 <p class="floating-input">
357 <label for="blockingList-textbox" class="i18n_options_dialog_custo m_subscription_title"></label> 370 <input placeholder=" " id="import-list-title" type="text" class="d efault-focus" required />
358 <input id="blockingList-textbox" type="text" class="default-focus" placeholder="www.example.com/blockinglist.txt" /> 371 <label for="import-list-title" class="i18n_options_dialog_import_s ubscription_title"></label>
359 </div> 372 <span class="attention"></span>
360 <button class="i18n_options_dialog_custom_import" data-action="impor t-subscription"></button> 373 <span class="i18n_options_dialog_import_subscription_title_error e rror-msg"></span>
361 </div> 374 </p>
362 <div class="dialog-content-block"> 375 <p class="floating-input">
363 <h3 class="i18n_options_dialog_edit_own_list"></h3> 376 <input placeholder=" " id="import-list-url" type="url" class="defa ult-focus" required/>
364 <button class="i18n_options_dialog_create_own_list" data-action="clo se-dialog,switch-tab,edit-custom-filters" data-tab="advanced"></button> 377 <label for="import-list-url" class="i18n_options_dialog_import_sub scription_location"></label>
365 </div> 378 <span class="attention"></span>
379 <span class="i18n_options_dialog_import_subscription_location_erro r error-msg"></span>
380 </p>
381 <p class="side-controls">
382 <button class="i18n_options_customFilter_cancel secondary" type="r eset" data-action="close-dialog"></button>
383 <button type="button" class="i18n_options_dialog_import_title prim ary" data-action="validate-import-subscription"></button>
384 </p>
385 </form>
366 </div> 386 </div>
367 <!-- Add predefined subscription --> 387 <!-- Add predefined subscription -->
368 <div id="dialog-content-predefined" class="dialog-content"> 388 <div id="dialog-content-predefined" class="dialog-content">
369 <div class="dialog-content-block"> 389 <div class="dialog-content-block">
370 <h3></h3> 390 <h3></h3>
371 <div class="url"></div> 391 <div class="url"></div>
372 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button> 392 <button class="i18n_options_dialog_predefined_confirm default-focus primary" data-action="add-predefined-subscription"></button>
373 </div> 393 </div>
374 </div> 394 </div>
375 <!-- Acceptable Ads tracking notification --> 395 <!-- Acceptable Ads tracking notification -->
376 <div id="dialog-content-tracking" class="dialog-content"> 396 <div id="dialog-content-tracking" class="dialog-content">
377 <div class="dialog-content-block"> 397 <div class="dialog-content-block">
378 <p class="i18n_options_dialog_tracking_notification"></p> 398 <div id="tracking-notification">
379 <p> 399 <p class="i18n_options_dialog_tracking_notification_1"></p>
380 <button class="i18n_options_dialog_tracking_relevent_ads" data-act ion="close-dialog"></button> 400 <p class="i18n_options_dialog_tracking_notification_2"></p>
381 </p> 401 <p class="i18n_options_dialog_tracking_notification_3"></p>
382 <p> 402 <p class="i18n_options_dialog_tracking_notification_4"></p>
383 <button class="i18n_options_dialog_tracking_privacy_ads" data-acti on="close-dialog"></button> 403 </div>
384 </p> 404 <h3 class="i18n_options_dialog_tracking_note_title"></h3>
385 <p> 405 <ul>
386 <h3 class="i18n_options_dialog_tracking_note"></h3> 406 <li class="i18n_options_dialog_tracking_note_1"></li>
387 <ul> 407 <li class="i18n_options_dialog_tracking_note_2"></li>
388 <li class="i18n_options_dialog_tracking_note_1"></li> 408 <li class="i18n_options_dialog_tracking_note_3"></li>
389 <li class="i18n_options_dialog_tracking_note_2"></li> 409 </ul>
390 <li class="i18n_options_dialog_tracking_note_3"></li> 410 <p class="side-controls wrap">
391 </ul> 411 <button class="i18n_options_dialog_tracking_allow primary default- focus" data-pref="ui_warn_tracking" data-action="toggle-pref,close-dialog"></but ton>
412 <button class="i18n_options_dialog_tracking_disallow secondary" da ta-pref="ui_warn_tracking" data-value="privacy" data-action="switch-acceptable-a ds,toggle-pref,close-dialog"></button>
392 </p> 413 </p>
393 </div> 414 </div>
394 </div> 415 </div>
395 </div> 416 </div>
396 <!-- Placeholder element to determine when to wrap focus around --> 417 <!-- Placeholder element to determine when to wrap focus around -->
397 <span class="focus-last" tabindex="0"></span> 418 <span class="focus-last" tabindex="0"></span>
398 </div> 419 </div>
420 <!-- Notification -->
421 <div id="notification" aria-hidden="true" aria-live="polite">
422 <strong id="notification-text"></strong>
423 <button id="hide-notification" data-action="hide-notification">
424 <span class="i18n_options_notification_hide sr-only"></span>
425 </button>
426 </div>
399 </body> 427 </body>
400 </html> 428 </html>
LEFTRIGHT

Powered by Google App Engine
This is Rietveld