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

Side by Side Diff: options.html

Issue 29321417: Issue 2357 - Added "predefined list" dialog to options page (Closed)
Patch Set: post-review: rebased Created July 16, 2015, 10:49 a.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/options.json ('k') | 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-2015 Eyeo GmbH 4 - Copyright (C) 2006-2015 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 17 matching lines...) Expand all
28 <script src="options.js"></script> 28 <script src="options.js"></script>
29 </head> 29 </head>
30 <body data-tab="general"> 30 <body data-tab="general">
31 <!-- Navigation sidebar --> 31 <!-- Navigation sidebar -->
32 <div id="nav-sidebar"> 32 <div id="nav-sidebar">
33 <div id="fixed-sidebar" class="fixed"> 33 <div id="fixed-sidebar" class="fixed">
34 <div id="page-title"> 34 <div id="page-title">
35 <p class="i18n_options_page_header_1"></p> 35 <p class="i18n_options_page_header_1"></p>
36 <h1 class="i18n_options_page_header_2"></h1> 36 <h1 class="i18n_options_page_header_2"></h1>
37 </div> 37 </div>
38 <ul id="main-navigation-tabs" class="tabs vertical"> 38 <ul class="tabs vertical">
39 <li id="tab-general" data-show="general" class="active"> 39 <li id="tab-general" data-action="switch-tab" data-tab="general" class ="active">
40 <a class="i18n_options_tab_general"></a> 40 <a class="i18n_options_tab_general"></a>
41 <span class="icon"></span> 41 <span class="icon"></span>
42 </li> 42 </li>
43 <li id="tab-advanced" data-show="advanced"> 43 <li id="tab-advanced" data-action="switch-tab" data-tab="advanced">
44 <a class="i18n_options_tab_advanced"></a> 44 <a class="i18n_options_tab_advanced"></a>
45 <span class="icon"></span> 45 <span class="icon"></span>
46 </li> 46 </li>
47 <li id="tab-help" data-show="help"> 47 <li id="tab-help" data-action="switch-tab" data-tab="help">
48 <a class="i18n_options_tab_help"></a> 48 <a class="i18n_options_tab_help"></a>
49 <span class="icon"></span> 49 <span class="icon"></span>
50 </li> 50 </li>
51 </ul> 51 </ul>
52 <a id="link-version"> 52 <a id="link-version">
53 <span class="i18n_options_version"></span> 53 <span class="i18n_options_version"></span>
54 <span id="abp-version"></span> 54 <span id="abp-version"></span>
55 </a> 55 </a>
56 <ul class="tabs vertical bottom"> 56 <ul class="tabs vertical bottom">
57 <li id="tab-share"> 57 <li id="tab-share">
(...skipping 21 matching lines...) Expand all
79 <span class="i18n_options_language_title"></span> 79 <span class="i18n_options_language_title"></span>
80 <a class="i18n_options_readMore tooltip" target="_blank"></a> 80 <a class="i18n_options_readMore tooltip" target="_blank"></a>
81 </p> 81 </p>
82 <ul id="blocking-languages-table" class="table list"> 82 <ul id="blocking-languages-table" class="table list">
83 <template> 83 <template>
84 <input type="checkbox" class="control" /> 84 <input type="checkbox" class="control" />
85 <span class="display"></span> 85 <span class="display"></span>
86 </template> 86 </template>
87 </ul> 87 </ul>
88 <div class="controls"> 88 <div class="controls">
89 <button id="add-website-language"> 89 <button data-action="open-dialog" data-dialog="language">
90 <span class="icon icon-add"></span> 90 <span class="icon icon-add"></span>
91 <span class="i18n_options_language_add"></span> 91 <span class="i18n_options_language_add"></span>
92 </button> 92 </button>
93 </div> 93 </div>
94 </div> 94 </div>
95 <div id="further-blocking"> 95 <div id="further-blocking">
96 <p class="option-name"> 96 <p class="option-name">
97 <strong class="i18n_options_furtherBlocking_title"></strong> 97 <strong class="i18n_options_furtherBlocking_title"></strong>
98 <a class="i18n_options_readMore tooltip" target="_blank"></a> 98 <a class="i18n_options_readMore tooltip" target="_blank"></a>
99 </p> 99 </p>
100 <div id="custom-wrapper"> 100 <div id="custom-wrapper">
101 <ul id="recommend-list-table" class="table list"> 101 <ul id="recommend-list-table" class="table list">
102 <template> 102 <template>
103 <input type="checkbox" class=control /> 103 <input type="checkbox" class=control />
104 <span class="display"></span> 104 <span class="display"></span>
105 <span class="popular"></span> 105 <span class="popular"></span>
106 </template> 106 </template>
107 </ul> 107 </ul>
108 <ul id="custom-list-table" class="table list"> 108 <ul id="custom-list-table" class="table list">
109 <template> 109 <template>
110 <input type="checkbox" class="control" /> 110 <input type="checkbox" class="control" />
111 <span class="display"></span> 111 <span class="display"></span>
112 </template> 112 </template>
113 </ul> 113 </ul>
114 </div> 114 </div>
115 <div class="controls"> 115 <div class="controls">
116 <button id="add-blocking-list"> 116 <button data-action="open-dialog" data-dialog="custom">
117 <span class="icon icon-add"></span> 117 <span class="icon icon-add"></span>
118 <span class="i18n_options_furtherBlocking_add"><span> 118 <span class="i18n_options_furtherBlocking_add"><span>
119 </button> 119 </button>
120 </div> 120 </div>
121 </div> 121 </div>
122 </div> 122 </div>
123 </div> 123 </div>
124 <div> 124 <div>
125 <h1 class="i18n_options_exceptions_title"></h1> 125 <h1 class="i18n_options_exceptions_title"></h1>
126 <div class="flex-container"> 126 <div class="flex-container">
(...skipping 15 matching lines...) Expand all
142 <a class="i18n_options_readMore tooltip" target="_blank"></a> 142 <a class="i18n_options_readMore tooltip" target="_blank"></a>
143 </p> 143 </p>
144 <ul id="whitelisting-table" class="table list"> 144 <ul id="whitelisting-table" class="table list">
145 <template> 145 <template>
146 <button class="delete control"></button> 146 <button class="delete control"></button>
147 <span class="display"></span> 147 <span class="display"></span>
148 </template> 148 </template>
149 </ul> 149 </ul>
150 <div class="controls"> 150 <div class="controls">
151 <div> 151 <div>
152 <span id="whitelisting-add-icon" class="icon icon-add"></spa n> 152 <span class="icon icon-add" data-action="add-domain-exceptio n"></span>
153 <input type="text" id="whitelisting-textbox" /> 153 <input type="text" id="whitelisting-textbox" />
154 <span id="whitelisting-enter-icon" class="icon icon-enter">< /span> 154 <span class="icon icon-enter" data-action="add-domain-except ion"></span>
155 </div> 155 </div>
156 <div> 156 <div>
157 <button id="whitelisting-add-button" class="button-add"> 157 <button id="whitelisting-add-button" class="button-add" data -action="add-domain-exception">
158 +<span class="i18n_options_button_add"></span> 158 +<span class="i18n_options_button_add"></span>
159 </button> 159 </button>
160 <span></span> 160 <span></span>
161 <button id="whitelisting-cancel-button" class="i18n_options_ button_cancel cancel-button"></button> 161 <button class="i18n_options_button_cancel cancel-button" dat a-action="cancel-domain-exception"></button>
162 </div> 162 </div>
163 </div> 163 </div>
164 </div> 164 </div>
165 </div> 165 </div>
166 </div> 166 </div>
167 </div> 167 </div>
168 168
169 <!-- Advanced tab content --> 169 <!-- Advanced tab content -->
170 <div id="content-advanced"> 170 <div id="content-advanced">
171 <div> 171 <div>
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
256 <a href="#" target="_blank">Google+</a> 256 <a href="#" target="_blank">Google+</a>
257 </p> 257 </p>
258 </div> 258 </div>
259 </div> 259 </div>
260 </div> 260 </div>
261 261
262 <!-- Dialog --> 262 <!-- Dialog -->
263 <div id="dialog"> 263 <div id="dialog">
264 <header> 264 <header>
265 <span id="dialog-title"> 265 <span id="dialog-title">
266 <span id="dialog-title-customlist" class="i18n_options_dialog_customli st_title"></span> 266 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span>
267 <span id="dialog-title-language" class="i18n_options_dialog_language_t itle"></span> 267 <span id="dialog-title-language" class="i18n_options_dialog_language_t itle"></span>
268 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span>
268 </span> 269 </span>
269 <button id="dialog-close" class="i18n_options_close"></button> 270 <button id="dialog-close" class="i18n_options_close" data-action="close- dialog"></button>
270 </header> 271 </header>
271 <div id="dialog-body" class="content"> 272 <div id="dialog-body" class="content">
272 <!-- Add other website language: Dialog --> 273 <!-- Add language subscription -->
273 <div id="dialog-content-language" class="dialog-content"> 274 <div id="dialog-content-language" class="dialog-content">
274 <div class="dialog-content-block"> 275 <div class="dialog-content-block">
275 <h3 class="i18n_options_dialog_language_added"></h3> 276 <h3 class="i18n_options_dialog_language_added"></h3>
276 <ul id="blocking-languages-dialog-table" class="table list"> 277 <ul id="blocking-languages-dialog-table" class="table list">
277 <template> 278 <template>
278 <span class="display"></span> 279 <span class="display"></span>
279 </template> 280 </template>
280 </ul> 281 </ul>
281 </div> 282 </div>
282 <div id="other-language" class="dialog-content-block"> 283 <div id="other-language" class="dialog-content-block">
283 <h3 class="i18n_options_dialog_language_other"></h3> 284 <h3 class="i18n_options_dialog_language_other"></h3>
284 <div> 285 <div>
285 <input type="search" id="find-language" /> 286 <input type="search" id="find-language" />
286 </div> 287 </div>
287 <ul id="all-lang-table" class="table list"> 288 <ul id="all-lang-table" class="table list">
288 <template> 289 <template>
289 <button class="button-add control"> 290 <button class="button-add control">
290 +<span></span> 291 +<span></span>
291 </button> 292 </button>
292 <span class="display"></span> 293 <span class="display"></span>
293 </template> 294 </template>
294 </ul> 295 </ul>
295 </div> 296 </div>
296 </div> 297 </div>
297 <!-- Add other blocking list: Dialog --> 298 <!-- Add custom subscription -->
298 <div id="dialog-content-customlist" class="dialog-content"> 299 <div id="dialog-content-custom" class="dialog-content">
299 <div class="dialog-content-block"> 300 <div class="dialog-content-block">
300 <h3 class="i18n_options_dialog_customlist_subscription_title"></h3> 301 <h3 class="i18n_options_dialog_custom_subscription_title"></h3>
301 <div> 302 <div>
302 <input id="blockingList-textbox" type="text" placeholder="www.exam ple.com/blockinglist.txt" /> 303 <input id="blockingList-textbox" type="text" placeholder="www.exam ple.com/blockinglist.txt" />
303 </div> 304 </div>
304 <div id="import-blockingList-button" class="button-wrapper"> 305 <div class="button-wrapper" data-action="import-subscription">
305 <span class="icon icon-arrow"></span> 306 <span class="icon icon-arrow"></span>
306 <span class="i18n_options_dialog_customlist_import"></span> 307 <span class="i18n_options_dialog_custom_import"></span>
307 </div> 308 </div>
308 </div> 309 </div>
309 <div class="dialog-content-block"> 310 <div class="dialog-content-block">
310 <h3 class="i18n_options_dialog_edit_own_list"></h3> 311 <h3 class="i18n_options_dialog_edit_own_list"></h3>
311 <div id="edit-ownBlockingList-button" class="button-wrapper"> 312 <div class="button-wrapper" data-action="edit-custom-filters">
312 <span class="icon icon-arrow"></span> 313 <span class="icon icon-arrow"></span>
313 <span class="i18n_options_dialog_create_own_list"></span> 314 <span class="i18n_options_dialog_create_own_list"></span>
314 </div> 315 </div>
315 </div> 316 </div>
316 </div> 317 </div>
318 <!-- Add predefined subscription -->
319 <div id="dialog-content-predefined" class="dialog-content">
320 <div class="dialog-content-block">
321 <h3></h3>
322 <div class="url"></div>
323 <div class="button-wrapper" data-action="add-predefined-subscription ">
324 <span class="icon icon-arrow"></span>
325 <span class="i18n_options_dialog_predefined_confirm"></span>
326 </div>
327 </div>
328 </div>
317 </div> 329 </div>
318 </div> 330 </div>
319 </body> 331 </body>
320 </html> 332 </html>
OLDNEW
« no previous file with comments | « locale/en-US/options.json ('k') | options.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld