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

Side by Side Diff: new-options.html

Issue 29502647: Issue 5482 - Sidebar and about ABP dialog (Closed)
Patch Set: Addressed comments Created Aug. 23, 2017, 12:23 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
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-2017 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
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">
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>
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>
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>
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 <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-security-list-table" class="table list">
93 <ul id="recommend-security-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_more_%va lue%_tooltip"></span>
97 <span class="i18n_options_readMore" data-tooltip="options_more_% value%_tooltip"></span> 88 </template>
98 </template> 89 </ul>
99 </ul> 90 </section>
100 </section> 91 <section>
101 <section> 92 <h2 class="i18n_options_aa_header"></h2>
102 <h2 class="i18n_options_aa_header"></h2> 93 <p class="i18n_options_aa_description"></p>
103 <p class="i18n_options_aa_description"></p> 94 <form id="acceptable-ads">
104 <form id="acceptable-ads"> 95 <div>
105 <div> 96 <input data-action="enable-aa" type="radio" name="acceptable-ads" value="tracking">
106 <input data-action="enable-aa" type="radio" name="acceptable-ads " value="tracking"> 97 <label class="i18n_options_aa_tracking_label"></label>
107 <label class="i18n_options_aa_tracking_label"></label> 98 <p id="enable-aa-description" class="i18n_options_aa_tracking_desc ription_1"></p>
108 <p id="enable-aa-description" class="i18n_options_aa_tracking_de scription_1"></p> 99 <p class="i18n_options_aa_tracking_description_2"></p>
109 <p class="i18n_options_aa_tracking_description_2"></p> 100 </div>
110 </div> 101 <div>
111 <div> 102 <input data-action="enable-privacy-aa" type="radio" name="acceptab le-ads" value="no-tracking">
112 <input data-action="enable-privacy-aa" type="radio" name="accept able-ads" value="no-tracking"> 103 <label class="i18n_options_aa_no_tracking_label"></label>
113 <label class="i18n_options_aa_no_tracking_label"></label> 104 <p class="i18n_options_aa_no_tracking_description"></p>
114 <p class="i18n_options_aa_no_tracking_description"></p> 105 <p id="no-dnt" class="i18n_options_aa_no_dnt_notification"></p>
115 <p id="no-dnt" class="i18n_options_aa_no_dnt_notification"></p> 106 </div>
116 </div> 107 <div>
117 <div> 108 <input data-action="block-all" type="radio" name="acceptable-ads" value="disable">
118 <input data-action="block-all" type="radio" name="acceptable-ads " value="disable"> 109 <label class="i18n_options_aa_disable_label"></label>
119 <label class="i18n_options_aa_disable_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="save-change-subscri ption,open-dialog" data-dialog="language-change" class="i18n_options_language_ch ange"></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 <span class="i18n_options_readMore" data-tooltip="options_more_% value%_tooltip"></span> 120 <button data-single="hidden" data-action="remove-subscription" c lass="delete control" title="options_control_remove_title"></button>
149 <button data-action="remove-subscription" class="delete control" title="options_control_remove_title"></button> 121 <button data-single="visible" data-action="save-change-subscript ion,open-dialog" data-dialog="language-change" class="i18n_options_language_chan ge"></button>
150 </template>
151 </ul>
152 <p class="i18n_options_more_filters_note"></p>
153 </section>
154 </div>
155
156 <!-- Whitelist tab content -->
157 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whiteli st">
158 <h1 class="i18n_options_tab_whitelist"></h1>
159 <p class="i18n_options_whitelist_description"></p>
160 <form>
161 <input id="whitelisting-textbox" type="text">
162 <button id="whitelisting-add-button"
163 type="submit"
164 data-action="add-domain-exception"
165 class="i18n_options_whitelist_add" disabled>
166 </button>
167 <div id="whitelisting-validation"></div>
168 </form>
169 <ul id="whitelisting-table" class="table list">
170 <template>
171 <label class="display"></label>
172 <button data-action="remove-filter" class="delete control"
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>
230 <div class="state">
231 <span class="i18n_options_filterList_state_active" id="state-a ctive"></span>
232 <span class="i18n_options_filterList_state_disabled" id="state -disabled"></span>
233 </div>
234 <div>
235 <label class="display"></label>
236 </div>
237 <span class="last-update"></span>
238 <span class="message"></span>
239 <a data-action="open-context-menu" class="arrow"></a>
240 <div role="menubar" class="context-menu-wrapper">
241 <div class="context-menu">
242 <ul class="content" role="menu">
243 <li role="menuitem">
244 <a class="i18n_options_filterList_updateNow update-subsc ription" data-action="update-subscription"></a>
245 </li>
246 <li role="menuitem">
247 <a class="i18n_options_filterList_website website" targe t="_blank"></a>
248 </li>
249 <li role="menuitem">
250 <a class="i18n_options_filterList_source source" target= "_blank"></a>
251 </li>
252 <li role="menuitem">
253 <a class="i18n_options_filterList_delete delete" data-ac tion="remove-subscription"></a>
254 </li>
255 </ul>
256 </div>
257 </div>
258 </template> 122 </template>
259 </ul> 123 </ul>
260 <div class="controls"> 124 <div class="controls">
261 <button data-action="open-dialog" data-dialog="custom"> 125 <button data-action="open-dialog" data-dialog="language-add">
262 <span class="icon icon-add"></span> 126 <span class="i18n_options_language_add"></span>
263 <span class="i18n_options_filterList_add"></span> 127 </button>
264 </button> 128 </div>
265 <button data-action="update-all-subscriptions"> 129 </div>
266 <span class="icon icon-update"></span> 130 <p class="i18n_options_language_tip"></p>
267 <span class="i18n_options_filterList_update"></span> 131 </section>
268 </button> 132 <section>
269 </div> 133 <h2 class="i18n_options_more_filters_header"></h2>
270 </section> 134 <p class="i18n_options_more_filters_description"></p>
271 135 <ul id="custom-list-table" class="table list">
136 <template>
137 <label class="display"></label>
138 <span class="i18n_options_readMore" data-tooltip="options_more_%va lue%_tooltip"></span>
139 <button data-action="remove-subscription" class="delete control" t itle="options_control_remove_title"></button>
140 </template>
141 </ul>
142 <p class="i18n_options_more_filters_note"></p>
143 </section>
144 </div>
145
146 <!-- Whitelist tab content -->
147 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whitelist ">
148 <h1 class="i18n_options_tab_whitelist"></h1>
149 <p class="i18n_options_whitelist_description"></p>
150 <form>
151 <input id="whitelisting-textbox" type="text">
152 <button id="whitelisting-add-button"
153 type="submit"
154 data-action="add-domain-exception"
155 class="i18n_options_whitelist_add" disabled>
156 </button>
157 <div id="whitelisting-validation"></div>
158 </form>
159 <ul id="whitelisting-table" class="table list">
160 <template>
161 <label class="display"></label>
162 <button data-action="remove-filter" class="delete control"
163 title="options_control_remove_title">
164 </button>
165 </template>
166 </ul>
167 </div>
168
169 <!-- Advanced tab content -->
170 <div id="content-advanced" role="tabpanel"
171 aria-labelledby="tab-advanced">
172 <div>
173 <h1 class="i18n_options_tab_advanced"></h1>
174 <p class="i18n_options_advanced_description"></p>
272 <section> 175 <section>
273 <h1 class="i18n_options_customFilters_title"></h1> 176 <h2 class="i18n_options_customize_header"></h2>
274 <p class="i18n_options_customFilters_description"></p> 177 <ul id="customize" class="table">
275 <h2 class="i18n_options_customFilters_widget_title"></h2> 178 <li data-pref="shouldShowBlockElementMenu">
276 <div id="custom-filters"> 179 <label>
277 <div id="empty-custom-filters"> 180 <button role="checkbox" data-action="toggle-pref"></button>
278 <p class="i18n_options_customFilters_tip"></p> 181 <span class="i18n_options_customize_blockElement"></span>
279 <button class="i18n_options_customFilters_start" data-action="ed it-custom-filters"> 182 <span class="i18n_options_readMore"
280 </button> 183 data-tooltip="options_customize_blockElement_tooltip"></span >
281 <p> 184 </label>
282 <a class="i18n_options_customFilters_learn" id="link-filters" target="_blank"></a> 185 </li>
283 </p> 186 <li data-pref="show_devtools_panel">
284 </div> 187 <label>
285 <textarea id="custom-filters-raw" rows="15"></textarea> 188 <button role="checkbox" data-action="toggle-pref"></button>
286 <button id="custom-filters-edit" class="i18n_options_customFilter_ edit" data-action="edit-custom-filters"> 189 <span class="i18n_options_customize_showDevToolsPanel"></span>
287 </button> 190 <span class="i18n_options_readMore"
288 <div id="custom-filters-raw-controls"> 191 data-tooltip="options_customize_showDevToolsPanel_tooltip">< /span>
289 <button class="i18n_options_customFilter_save" data-action="save -custom-filters"> 192 </label>
290 </button> 193 </li>
291 <button class="i18n_options_customFilter_cancel" data-action="ca ncel-custom-filters"> 194 <li data-pref="notifications_ignoredcategories">
292 </button> 195 <label>
293 </div> 196 <button role="checkbox" data-action="toggle-pref"></button>
294 </div> 197 <span class="i18n_options_customize_showNotifications"></span>
198 <span class="i18n_options_readMore"
199 data-tooltip="options_customize_showNotifications_tooltip">< /span>
200 </label>
201 </li>
202 </ul>
295 </section> 203 </section>
296 </div> 204 </div>
297 205
298 <!-- Help tab content --> 206 <section>
299 <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> 207 <h1 class="i18n_options_filterList_title"></h1>
300 <h1 class="i18n_options_faq_title"></h1> 208 <p id="filter-lists-description" class="i18n_options_filterList_descri ption"></p>
301 <p class="i18n_options_faq_description"></p> 209
302 <p> 210 <div id="all-filter-lists-table-header">
303 <a id="link-faq" class="i18n_options_faq_title" target="_blank"></a > 211 <h2 class="i18n_options_filterList_column_status"></h2>
304 </p> 212 <h2 class="i18n_options_filterList_column_name"></h2>
305 <h1 class="i18n_options_forum_title"></h1> 213 <h2 class="i18n_options_filterList_column_update"></h2>
306 <p class="i18n_options_forum_description"></p> 214 </div>
307 <p> 215 <ul class="table cols" id="all-filter-lists-table">
308 <a id="link-forum" class="i18n_options_forum_link" target="_blank"> </a> 216 <template>
309 </p> 217 <button data-action="remove-subscription" class="control delete">< /button>
310 <h1 class="i18n_options_media_title"></h1> 218 <button data-action="toggle-disable-subscription" role="checkbox" class="control">
311 <p class="i18n_options_media_description"></p> 219 </button>
312 <p> 220 <div class="state">
313 <span id="share-general"> 221 <span class="i18n_options_filterList_state_active" id="state-act ive"></span>
314 <a id="link-twitter" target="_blank">Twitter</a> 222 <span class="i18n_options_filterList_state_disabled" id="state-d isabled"></span>
315 <a id="link-facebook" target="_blank">Facebook</a> 223 </div>
316 <a id="link-gplus" target="_blank">Google+</a> 224 <div>
317 </span> 225 <label class="display"></label>
318 <span id="share-chinese"> 226 </div>
319 <a id="link-renren" target="_blank">renren</a> 227 <span class="last-update"></span>
320 <a id="link-weibo" target="_blank">weibo</a> 228 <span class="message"></span>
321 </span> 229 <a data-action="open-context-menu" class="arrow"></a>
322 </p> 230 <div role="menubar" class="context-menu-wrapper">
323 </div> 231 <div class="context-menu">
324 </div> 232 <ul class="content" role="menu">
325 </div> 233 <li role="menuitem">
234 <a class="i18n_options_filterList_updateNow update-subscri ption" data-action="update-subscription"></a>
235 </li>
236 <li role="menuitem">
237 <a class="i18n_options_filterList_website website" target= "_blank"></a>
238 </li>
239 <li role="menuitem">
240 <a class="i18n_options_filterList_source source" target="_ blank"></a>
241 </li>
242 <li role="menuitem">
243 <a class="i18n_options_filterList_delete delete" data-acti on="remove-subscription"></a>
244 </li>
245 </ul>
246 </div>
247 </div>
248 </template>
249 </ul>
250 <div class="controls">
251 <button data-action="open-dialog" data-dialog="custom">
252 <span class="icon icon-add"></span>
253 <span class="i18n_options_filterList_add"></span>
254 </button>
255 <button data-action="update-all-subscriptions">
256 <span class="icon icon-update"></span>
257 <span class="i18n_options_filterList_update"></span>
258 </button>
259 </div>
260 </section>
261
262 <section>
263 <h1 class="i18n_options_customFilters_title"></h1>
264 <p class="i18n_options_customFilters_description"></p>
265 <h2 class="i18n_options_customFilters_widget_title"></h2>
266 <div id="custom-filters">
267 <div id="empty-custom-filters">
268 <p class="i18n_options_customFilters_tip"></p>
269 <button class="i18n_options_customFilters_start" data-action="edit -custom-filters">
270 </button>
271 <p>
272 <a class="i18n_options_customFilters_learn" id="link-filters" ta rget="_blank"></a>
273 </p>
274 </div>
275 <textarea id="custom-filters-raw" rows="15"></textarea>
276 <button id="custom-filters-edit" class="i18n_options_customFilter_ed it" data-action="edit-custom-filters">
277 </button>
278 <div id="custom-filters-raw-controls">
279 <button class="i18n_options_customFilter_save" data-action="save-c ustom-filters">
280 </button>
281 <button class="i18n_options_customFilter_cancel" data-action="canc el-custom-filters">
282 </button>
283 </div>
284 </div>
285 </section>
286 </div>
287
288 <!-- Help tab content -->
289 <div id="content-help" role="tabpanel" aria-labelledby="tab-help">
290 <h1 class="i18n_options_faq_title"></h1>
291 <p class="i18n_options_faq_description"></p>
292 <p>
293 <a id="link-faq" class="i18n_options_faq_title" target="_blank"></a>
294 </p>
295 <h1 class="i18n_options_forum_title"></h1>
296 <p class="i18n_options_forum_description"></p>
297 <p>
298 <a id="link-forum" class="i18n_options_forum_link" target="_blank"></ a>
299 </p>
300 <h1 class="i18n_options_media_title"></h1>
301 <p class="i18n_options_media_description"></p>
302 <p>
303 <span id="share-general">
304 <a id="link-twitter" target="_blank">Twitter</a>
305 <a id="link-facebook" target="_blank">Facebook</a>
306 <a id="link-gplus" target="_blank">Google+</a>
307 </span>
308 <span id="share-chinese">
309 <a id="link-renren" target="_blank">renren</a>
310 <a id="link-weibo" target="_blank">weibo</a>
311 </span>
312 </p>
313 </div>
314 </main>
326 315
327 <!-- Dialog --> 316 <!-- Dialog -->
328 <div id="dialog" role="dialog" aria-hidden="true"> 317 <div id="dialog" role="dialog" aria-hidden="true">
329 <header> 318 <header>
330 <span id="dialog-title"> 319 <span id="dialog-title">
320 <span id="dialog-title-about" class="i18n_options_dialog_about_title"> </span>
331 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span> 321 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span>
332 <span id="dialog-title-language-add" class="i18n_options_dialog_langua ge_title"></span> 322 <span id="dialog-title-language-add" class="i18n_options_dialog_langua ge_title"></span>
333 <span id="dialog-title-language-change" class="i18n_options_dialog_lan guage_title"></span> 323 <span id="dialog-title-language-change" class="i18n_options_dialog_lan guage_title"></span>
334 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span> 324 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span>
335 </span> 325 </span>
336 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button> 326 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button>
337 </header> 327 </header>
338 <div id="dialog-body" class="content"> 328 <div id="dialog-body" class="content">
329 <!-- About Adblock Plus -->
330 <div id="dialog-content-about" class="dialog-content">
331 <p id="abp-version"></p>
332 <p class="i18n_options_dialog_about_copyright"></p>
333 <p>
334 <button class="i18n_options_close primary" data-action="close-dialog "></button>
335 </p>
336 </div>
339 <!-- Add language subscription --> 337 <!-- Add language subscription -->
340 <div id="dialog-content-language-add" class="dialog-content"> 338 <div id="dialog-content-language-add" class="dialog-content">
341 <ul id="all-lang-table-add" class="table list"> 339 <ul id="all-lang-table-add" class="table list">
342 <template> 340 <template>
343 <button data-action="add-language-subscription,close-dialog" class ="control" role="checkbox"> 341 <button data-action="add-language-subscription,close-dialog" class ="control" role="checkbox">
344 <label class="display"></label> 342 <label class="display"></label>
345 </button> 343 </button>
346 </template> 344 </template>
347 </ul> 345 </ul>
348 </div> 346 </div>
(...skipping 28 matching lines...) Expand all
377 <div class="url"></div> 375 <div class="url"></div>
378 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button> 376 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button>
379 </div> 377 </div>
380 </div> 378 </div>
381 </div> 379 </div>
382 <!-- Placeholder element to determine when to wrap focus around --> 380 <!-- Placeholder element to determine when to wrap focus around -->
383 <span class="focus-last" tabindex="0"></span> 381 <span class="focus-last" tabindex="0"></span>
384 </div> 382 </div>
385 </body> 383 </body>
386 </html> 384 </html>
OLDNEW
« no previous file with comments | « locale/en-US/new-options.json ('k') | new-options.js » ('j') | skin/new-options.css » ('J')

Powered by Google App Engine
This is Rietveld