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

Side by Side Diff: new-options.html

Issue 29478597: Issue 5326 - General tab (HTML, strings and functionality) (Closed)
Patch Set: rebase Created Aug. 23, 2017, 12:36 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,
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 <style id="search-style"></style>
26 <script src="ext/common.js"></script> 25 <script src="ext/common.js"></script>
27 <script src="ext/content.js"></script> 26 <script src="ext/content.js"></script>
28 <script src="common.js"></script> 27 <script src="common.js"></script>
29 <script src="i18n.js"></script> 28 <script src="i18n.js"></script>
30 <script src="new-options.js"></script> 29 <script src="new-options.js"></script>
31 </head> 30 </head>
32 <body data-tab="general"> 31 <body data-tab="general">
33 <!-- Navigation sidebar --> 32 <!-- Navigation sidebar -->
34 <div id="nav-sidebar"> 33 <div id="nav-sidebar">
35 <div id="fixed-sidebar" class="fixed"> 34 <div id="fixed-sidebar" class="fixed">
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after
80 </ul> 79 </ul>
81 </footer> 80 </footer>
82 </div> 81 </div>
83 </div> 82 </div>
84 <div id="content"> 83 <div id="content">
85 <div id="content-wrapper"> 84 <div id="content-wrapper">
86 <div id="dialog-background"></div> 85 <div id="dialog-background"></div>
87 86
88 <!-- General tab content --> 87 <!-- General tab content -->
89 <div id="content-general" role="tabpanel" aria-labelledby="tab-general"> 88 <div id="content-general" role="tabpanel" aria-labelledby="tab-general">
90 <div> 89 <h1 class="i18n_options_tab_general"></h1>
91 <h1 class="i18n_options_blocking_title"></h1> 90 <p class="i18n_options_general_description"></p>
92 <div class="hbox"> 91 <section>
93 <div id="blocking-languages"> 92 <h2 class="i18n_options_privacy_header"></h2>
94 <div class="option-name"> 93 <ul id="recommend-protection-list-table" class="table list">
95 <span class="i18n_options_language_title"></span> 94 <template>
96 <span class="i18n_options_readMore" 95 <button data-action="toggle-remove-subscription" role="checkbox" class="control"></button>
97 data-tooltip="options_language_title_tooltip" 96 <label class="display"></label>
98 data-tooltip-image="skin/tooltips/block.png"></span> 97 <span class="i18n_options_readMore" data-tooltip="options_protec tion_%value%_tooltip"></span>
99 </div> 98 </template>
100 <ul id="blocking-languages-table" class="table list"> 99 </ul>
101 <template> 100 </section>
102 <button data-action="toggle-disable-subscription" role="chec kbox" class="control" title="options_control_toggle_title"></button> 101 <section>
103 <label class="display"></label> 102 <h2 class="i18n_options_acceptableAds_header"></h2>
104 <button data-action="remove-subscription" class="delete cont rol" title="options_control_remove_title"></button> 103 <p class="i18n_options_acceptableAds_description"></p>
105 </template> 104 <form id="acceptable-ads">
106 </ul> 105 <div>
107 <div class="controls"> 106 <input data-action="switch-acceptable-ads" type="radio" name="ac ceptable-ads" value="ads">
108 <button data-action="open-dialog" data-dialog="language"> 107 <label class="i18n_options_acceptableAds_ads_label"></label>
109 <span class="icon icon-add"></span> 108 <p id="enable-aa-description" class="i18n_options_acceptableAds_ ads_description_1"></p>
110 <span class="i18n_options_language_add"></span> 109 <p class="i18n_options_acceptableAds_ads_description_2"></p>
111 </button>
112 </div>
113 </div> 110 </div>
114 <div id="further-blocking"> 111 <div>
115 <div class="option-name"> 112 <input data-action="switch-acceptable-ads" type="radio" name="ac ceptable-ads" value="privacy">
116 <strong class="i18n_options_more_title"></strong> 113 <label class="i18n_options_acceptableAds_privacy_label"></label>
117 <span class="i18n_options_readMore" 114 <p class="i18n_options_acceptableAds_privacy_description"></p>
118 data-tooltip="options_more_title_tooltip" 115 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification"> </p>
119 data-tooltip-image="skin/tooltips/more.png" 116 </div>
120 data-tooltip-flip="horizontal"></span> 117 <div>
121 </div> 118 <input data-action="switch-acceptable-ads" type="radio" name="ac ceptable-ads" value="none">
122 <div id="custom-wrapper"> 119 <label class="i18n_options_acceptableAds_none_label"></label>
123 <ul id="recommend-list-table" class="table list"> 120 </div>
124 <template> 121 </form>
125 <button data-action="toggle-remove-subscription" role="che ckbox" class="control"></button> 122 </section>
126 <div class="fill"> 123 <section>
127 <label class="display" 124 <h2 class="i18n_options_language_header"></h2>
128 data-tooltip="options_more_%value%_tooltip" 125 <p class="i18n_options_language_description"></p>
129 data-tooltip-native></label> 126 <div id="blocking-languages">
130 </div> 127 <ul id="blocking-languages-table" class="table list">
131 </template> 128 <template>
132 </ul> 129 <label class="display"></label>
133 <ul id="custom-list-table" class="table list"> 130 <button data-single="hidden" data-action="remove-subscription" class="delete control" title="options_control_remove_title"></button>
134 <template> 131 <button data-single="visible" data-action="open-dialog" data-d ialog="language-change" class="i18n_options_language_change"></button>
135 <button data-action="toggle-disable-subscription" role="ch eckbox" class="control" title="options_control_toggle_title"></button> 132 </template>
136 <label class="display"></label> 133 </ul>
137 <button data-action="remove-subscription" class="delete co ntrol" title="options_control_remove_title"></button> 134 <div class="controls">
138 </template> 135 <button data-action="open-dialog" data-dialog="language-add">
139 </ul> 136 <span class="i18n_options_language_add"></span>
140 </div> 137 </button>
141 <div class="controls">
142 <button data-action="open-dialog" data-dialog="custom">
143 <span class="icon icon-add"></span>
144 <span class="i18n_options_more_add"><span>
145 </button>
146 </div>
147 </div> 138 </div>
148 </div> 139 </div>
149 </div> 140 <p class="i18n_options_language_tip"></p>
150 <div> 141 </section>
151 <h1 class="i18n_options_exceptions_title"></h1> 142 <section>
152 <div class="hbox"> 143 <h2 class="i18n_options_more_filters_header"></h2>
153 <div id="acceptable-ads"> 144 <p class="i18n_options_more_filters_description"></p>
154 <div class="option-name"> 145 <ul id="custom-list-table" class="table list">
155 <strong class="i18n_options_acceptableAds_title"></strong> 146 <template>
156 <span class="i18n_options_readMore" 147 <label class="display"></label>
157 data-tooltip="options_acceptableAds_title_tooltip" 148 <button data-action="remove-subscription" class="delete control" title="options_control_remove_title"></button>
158 data-tooltip-image="skin/tooltips/acceptable-ads.png"></sp an> 149 </template>
159 </div> 150 </ul>
160 <ul id="acceptableads-table" class="table list"> 151 <p class="i18n_options_more_filters_note"></p>
161 <template> 152 </section>
162 <button data-action="toggle-remove-subscription" role="check box" class="control"></button>
163 <label class="display"></label>
164 </template>
165 </ul>
166 </div>
167 </div>
168 </div>
169 </div> 153 </div>
170 154
171 <!-- Whitelist tab content --> 155 <!-- Whitelist tab content -->
172 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whiteli st"> 156 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whiteli st">
173 <h1 class="i18n_options_tab_whitelist"></h1> 157 <h1 class="i18n_options_tab_whitelist"></h1>
174 <p class="i18n_options_whitelist_description"></p> 158 <p class="i18n_options_whitelist_description"></p>
175 <form> 159 <form>
176 <input id="whitelisting-textbox" type="text"> 160 <input id="whitelisting-textbox" type="text">
177 <button id="whitelisting-add-button" 161 <button id="whitelisting-add-button"
178 type="submit" 162 type="submit"
(...skipping 158 matching lines...) Expand 10 before | Expand all | Expand 10 after
337 </p> 321 </p>
338 </div> 322 </div>
339 </div> 323 </div>
340 </div> 324 </div>
341 325
342 <!-- Dialog --> 326 <!-- Dialog -->
343 <div id="dialog" role="dialog" aria-hidden="true"> 327 <div id="dialog" role="dialog" aria-hidden="true">
344 <header> 328 <header>
345 <span id="dialog-title"> 329 <span id="dialog-title">
346 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span> 330 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span>
347 <span id="dialog-title-language" class="i18n_options_dialog_language_t itle"></span> 331 <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>
348 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span> 333 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span>
349 </span> 334 </span>
350 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button> 335 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button>
351 </header> 336 </header>
352 <div id="dialog-body" class="content"> 337 <div id="dialog-body" class="content">
353 <!-- Add language subscription --> 338 <!-- Add language subscription -->
354 <div id="dialog-content-language" class="dialog-content"> 339 <div id="dialog-content-language-add" class="dialog-content">
355 <div class="dialog-content-block"> 340 <ul id="all-lang-table-add" class="table list">
356 <h3 class="i18n_options_dialog_language_added"></h3> 341 <template>
357 <ul id="blocking-languages-dialog-table" class="table list"> 342 <button data-action="add-language-subscription,close-dialog" class ="control add" role="checkbox">
358 <template>
359 <label class="display"></label> 343 <label class="display"></label>
360 </template> 344 </button>
361 </ul> 345 <button data-action="change-language-subscription,close-dialog" cl ass="control change" role="checkbox">
362 </div>
363 <div id="other-language" class="dialog-content-block">
364 <div>
365 <label for="find-language" class="i18n_options_dialog_language_oth er"></label>
366 <input type="search" id="find-language" class="default-focus" />
367 </div>
368 <ul id="all-lang-table" class="table list">
369 <template>
370 <button data-action="add-language-subscription" class="button-ad d control">
371 +<span class="i18n_options_button_add"></span>
372 </button>
373 <label class="display"></label> 346 <label class="display"></label>
374 </template> 347 </button>
375 </ul> 348 </template>
376 </div> 349 </ul>
377 </div> 350 </div>
378 <!-- Add custom subscription --> 351 <!-- Add custom subscription -->
379 <div id="dialog-content-custom" class="dialog-content"> 352 <div id="dialog-content-custom" class="dialog-content">
380 <div class="dialog-content-block"> 353 <div class="dialog-content-block">
381 <div> 354 <div>
382 <label for="blockingList-textbox" class="i18n_options_dialog_custo m_subscription_title"></label> 355 <label for="blockingList-textbox" class="i18n_options_dialog_custo m_subscription_title"></label>
383 <input id="blockingList-textbox" type="text" class="default-focus" placeholder="www.example.com/blockinglist.txt" /> 356 <input id="blockingList-textbox" type="text" class="default-focus" placeholder="www.example.com/blockinglist.txt" />
384 </div> 357 </div>
385 <button class="i18n_options_dialog_custom_import" data-action="impor t-subscription"></button> 358 <button class="i18n_options_dialog_custom_import" data-action="impor t-subscription"></button>
386 </div> 359 </div>
387 <div class="dialog-content-block"> 360 <div class="dialog-content-block">
388 <h3 class="i18n_options_dialog_edit_own_list"></h3> 361 <h3 class="i18n_options_dialog_edit_own_list"></h3>
389 <button class="i18n_options_dialog_create_own_list" data-action="clo se-dialog,switch-tab,edit-custom-filters" data-tab="advanced"></button> 362 <button class="i18n_options_dialog_create_own_list" data-action="clo se-dialog,switch-tab,edit-custom-filters" data-tab="advanced"></button>
390 </div> 363 </div>
391 </div> 364 </div>
392 <!-- Add predefined subscription --> 365 <!-- Add predefined subscription -->
393 <div id="dialog-content-predefined" class="dialog-content"> 366 <div id="dialog-content-predefined" class="dialog-content">
394 <div class="dialog-content-block"> 367 <div class="dialog-content-block">
395 <h3></h3> 368 <h3></h3>
396 <div class="url"></div> 369 <div class="url"></div>
397 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button> 370 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button>
398 </div> 371 </div>
399 </div> 372 </div>
400 </div> 373 </div>
401 <!-- Placeholder element to determine when to wrap focus around --> 374 <!-- Placeholder element to determine when to wrap focus around -->
402 <span class="focus-last" tabindex="0"></span> 375 <span class="focus-last" tabindex="0"></span>
403 </div> 376 </div>
404 </body> 377 </body>
405 </html> 378 </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