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: Rebased Created Aug. 25, 2017, 4:56 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
« no previous file with comments | « locale/en-US/new-options.json ('k') | new-options.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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-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
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">
47 <span class="i18n_options_tab_general"></span>
48 </li> 49 </li>
49 <li id="tab-whitelist" role="tab" data-tab="whitelist" 50 <li role="presentation">
50 aria-controls="content-whitelist" 51 <a href="#whitelist" class="i18n_options_tab_whitelist" role="tab" tabindex="-1" aria-controls="content-whitelist"></a>
51 tabindex="-1">
52 <span class="i18n_options_tab_whitelist"></span>
53 </li> 52 </li>
54 <li id="tab-advanced" role="tab" data-tab="advanced" 53 <li role="presentation">
55 aria-controls="content-advanced" tabindex="-1"> 54 <a href="#advanced" class="i18n_options_tab_advanced" role="tab" t abindex="-1" aria-controls="content-advanced"></a>
56 <span class="i18n_options_tab_advanced"></span>
57 </li> 55 </li>
58 <li id="tab-help" role="tab" data-tab="help" 56 <li role="presentation">
59 aria-controls="content-help" tabindex="-1"> 57 <a href="#help" class="i18n_options_tab_help" role="tab" tabindex= "-1" aria-controls="content-help"></a>
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-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_tab_help"></h1> 207 <p id="filter-lists-description" class="i18n_options_filterList_descri ption"></p>
300 <p class="i18n_options_help_description"></p> 208
301 <section> 209 <div id="all-filter-lists-table-header">
302 <h2 class="i18n_options_support_title"></h2> 210 <h2 class="i18n_options_filterList_column_status"></h2>
303 <ul> 211 <h2 class="i18n_options_filterList_column_name"></h2>
304 <li id="report-issue" class="i18n_options_report_issue"></li> 212 <h2 class="i18n_options_filterList_column_update"></h2>
305 <li id="report-ad" class="i18n_options_report_ad"></li> 213 </div>
306 <li id="report-bug" class="i18n_options_report_bug"></li> 214 <ul class="table cols" id="all-filter-lists-table">
307 <li id="report-forum" class="i18n_options_report_forum"></li> 215 <template>
216 <button data-action="remove-subscription" class="control delete">< /button>
217 <button data-action="toggle-disable-subscription" role="checkbox" class="control">
218 </button>
219 <div class="state">
220 <span class="i18n_options_filterList_state_active" id="state-act ive"></span>
221 <span class="i18n_options_filterList_state_disabled" id="state-d isabled"></span>
222 </div>
223 <div>
224 <label class="display"></label>
225 </div>
226 <span class="last-update"></span>
227 <span class="message"></span>
228 <a data-action="open-context-menu" class="arrow"></a>
229 <div role="menubar" class="context-menu-wrapper">
230 <div class="context-menu">
231 <ul class="content" role="menu">
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_tab_help"></h1>
290 <p class="i18n_options_help_description"></p>
291 <section>
292 <h2 class="i18n_options_support_title"></h2>
293 <ul>
294 <li id="report-issue" class="i18n_options_report_issue"></li>
295 <li id="report-ad" class="i18n_options_report_ad"></li>
296 <li id="report-bug" class="i18n_options_report_bug"></li>
297 <li id="report-forum" class="i18n_options_report_forum"></li>
298 </ul>
299 </section>
300 <section>
301 <h2 class="i18n_options_social_title"></h2>
302 <p class="i18n_options_social_description"></p>
303 <div id="social">
304 <ul id="social-general">
305 <li><a id="twitter">Twitter</a></li>
306 <li><a id="facebook">Facebook</a></li>
307 <li><a id="google-plus">Google Plus</a></li>
308 </ul> 308 </ul>
309 </section> 309 <ul id="social-chinese">
310 <section> 310 <li><a id="weibo">Weibo</a></li>
311 <h2 class="i18n_options_social_title"></h2> 311 </ul>
312 <p class="i18n_options_social_description"></p> 312 <p>
313 <div id="social"> 313 <strong>
314 <ul id="social-general"> 314 <span class="i18n_options_email"></span>
315 <li><a id="twitter">Twitter</a></li> 315 <a href="mailto:support@adblockplus.org">support@adblockplus.org </a>
316 <li><a id="facebook">Facebook</a></li> 316 </strong>
317 <li><a id="google-plus">Google Plus</a></li> 317 </p>
318 </ul> 318 </div>
319 <ul id="social-chinese"> 319 </section>
320 <li><a id="weibo">Weibo</a></li> 320 </div>
321 </ul> 321 </main>
322 <p>
323 <strong>
324 <span class="i18n_options_email"></span>
325 <a href="mailto:support@adblockplus.org">support@adblockplus.o rg</a>
326 </strong>
327 </p>
328 </div>
329 </section>
330 </div>
331 </div>
332 </div>
333 322
334 <!-- Dialog --> 323 <!-- Dialog -->
335 <div id="dialog" role="dialog" aria-hidden="true"> 324 <div id="dialog" role="dialog" aria-hidden="true">
336 <header> 325 <header>
337 <span id="dialog-title"> 326 <span id="dialog-title">
327 <span id="dialog-title-about" class="i18n_options_dialog_about_title"> </span>
338 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span> 328 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span>
339 <span id="dialog-title-language-add" class="i18n_options_dialog_langua ge_title"></span> 329 <span id="dialog-title-language-add" class="i18n_options_dialog_langua ge_title"></span>
340 <span id="dialog-title-language-change" class="i18n_options_dialog_lan guage_title"></span> 330 <span id="dialog-title-language-change" class="i18n_options_dialog_lan guage_title"></span>
341 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span> 331 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span>
342 </span> 332 </span>
343 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button> 333 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button>
344 </header> 334 </header>
345 <div id="dialog-body" class="content"> 335 <div id="dialog-body" class="content">
336 <!-- About Adblock Plus -->
337 <div id="dialog-content-about" class="dialog-content">
338 <p id="abp-version"></p>
339 <p class="i18n_options_dialog_about_copyright"></p>
340 <p>
341 <button class="i18n_options_close primary" data-action="close-dialog "></button>
342 </p>
343 </div>
346 <!-- Add language subscription --> 344 <!-- Add language subscription -->
347 <div id="dialog-content-language-add" class="dialog-content"> 345 <div id="dialog-content-language-add" class="dialog-content">
348 <ul id="all-lang-table-add" class="table list"> 346 <ul id="all-lang-table-add" class="table list">
349 <template> 347 <template>
350 <button data-action="add-language-subscription,close-dialog" class ="control add" role="checkbox"> 348 <button data-action="add-language-subscription,close-dialog" class ="control add" role="checkbox">
351 <label class="display"></label> 349 <label class="display"></label>
352 </button> 350 </button>
353 <button data-action="change-language-subscription,close-dialog" cl ass="control change" role="checkbox"> 351 <button data-action="change-language-subscription,close-dialog" cl ass="control change" role="checkbox">
354 <label class="display"></label> 352 <label class="display"></label>
355 </button> 353 </button>
(...skipping 28 matching lines...) Expand all
384 </div> 382 </div>
385 <!-- Notification --> 383 <!-- Notification -->
386 <div id="notification" aria-hidden="true" aria-live="polite"> 384 <div id="notification" aria-hidden="true" aria-live="polite">
387 <strong id="notification-text"></strong> 385 <strong id="notification-text"></strong>
388 <button id="hide-notification" data-action="hide-notification"> 386 <button id="hide-notification" data-action="hide-notification">
389 <span class="i18n_options_notification_hide sr-only"></span> 387 <span class="i18n_options_notification_hide sr-only"></span>
390 </button> 388 </button>
391 </div> 389 </div>
392 </body> 390 </body>
393 </html> 391 </html>
OLDNEW
« no previous file with comments | « locale/en-US/new-options.json ('k') | new-options.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld