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

Side by Side Diff: new-options.html

Issue 29338983: issue 3741 - Add "remove" option to list items in new options page (Closed)
Patch Set: Impoved accessibility, removed onclick assignments from the collections Created June 8, 2016, 3:02 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-2016 Eyeo GmbH 4 - Copyright (C) 2006-2016 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 79 matching lines...) Expand 10 before | Expand all | Expand 10 after
90 <p class="i18n_options_language_title_tooltip"></p> 90 <p class="i18n_options_language_title_tooltip"></p>
91 <div class="notes"> 91 <div class="notes">
92 <p class="i18n_options_language_title_tooltip_notes_1">< /p> 92 <p class="i18n_options_language_title_tooltip_notes_1">< /p>
93 <p class="i18n_options_language_title_tooltip_notes_2">< /p> 93 <p class="i18n_options_language_title_tooltip_notes_2">< /p>
94 </div> 94 </div>
95 </div> 95 </div>
96 </div> 96 </div>
97 </div> 97 </div>
98 <ul id="blocking-languages-table" class="table list"> 98 <ul id="blocking-languages-table" class="table list">
99 <template> 99 <template>
100 <button role="checkbox" class="control"></button> 100 <button data-action="toggle-disable-subscription" role="chec kbox" class="control" title="toggle"></button>
101 <label class="display"></label> 101 <label class="display"></label>
102 <button data-action="remove-subscription" class="delete cont rol" title="remove"></button>
102 </template> 103 </template>
103 </ul> 104 </ul>
104 <div class="controls"> 105 <div class="controls">
105 <button data-action="open-dialog" data-dialog="language"> 106 <button data-action="open-dialog" data-dialog="language">
106 <span class="icon icon-add"></span> 107 <span class="icon icon-add"></span>
107 <span class="i18n_options_language_add"></span> 108 <span class="i18n_options_language_add"></span>
108 </button> 109 </button>
109 </div> 110 </div>
110 </div> 111 </div>
111 <div id="further-blocking"> 112 <div id="further-blocking">
112 <div class="option-name"> 113 <div class="option-name">
113 <strong class="i18n_options_furtherBlocking_title"></strong> 114 <strong class="i18n_options_furtherBlocking_title"></strong>
114 <div class="tooltip"> 115 <div class="tooltip">
115 <span class="i18n_options_readMore"></span> 116 <span class="i18n_options_readMore"></span>
116 <div role="tooltip" class="flip-vertical"> 117 <div role="tooltip" class="flip-vertical">
117 <img src="skin/tooltips/more.png" alt="" /> 118 <img src="skin/tooltips/more.png" alt="" />
118 <p class="i18n_options_furtherBlocking_title_tooltip"></p> 119 <p class="i18n_options_furtherBlocking_title_tooltip"></p>
119 </div> 120 </div>
120 </div> 121 </div>
121 </div> 122 </div>
122 <div id="custom-wrapper"> 123 <div id="custom-wrapper">
123 <ul id="recommend-list-table" class="table list"> 124 <ul id="recommend-list-table" class="table list">
124 <template> 125 <template>
125 <button role="checkbox" class="control"></button> 126 <button data-action="toggle-remove-subscription" role="che ckbox" class="control"></button>
126 <label class="display"></label> 127 <label class="display"></label>
127 <span class="i18n_options_popular popular"></span>
128 </template> 128 </template>
129 </ul> 129 </ul>
130 <ul id="custom-list-table" class="table list"> 130 <ul id="custom-list-table" class="table list">
131 <template> 131 <template>
132 <button role="checkbox" class="control"></button> 132 <button data-action="toggle-disable-subscription" role="ch eckbox" class="control"></button>
133 <label class="display"></label> 133 <label class="display"></label>
134 <button data-action="remove-subscription" class="delete co ntrol"></button>
134 </template> 135 </template>
135 </ul> 136 </ul>
136 </div> 137 </div>
137 <div class="controls"> 138 <div class="controls">
138 <button data-action="open-dialog" data-dialog="custom"> 139 <button data-action="open-dialog" data-dialog="custom">
139 <span class="icon icon-add"></span> 140 <span class="icon icon-add"></span>
140 <span class="i18n_options_furtherBlocking_add"><span> 141 <span class="i18n_options_furtherBlocking_add"><span>
141 </button> 142 </button>
142 </div> 143 </div>
143 </div> 144 </div>
(...skipping 10 matching lines...) Expand all
154 <div role="tooltip"> 155 <div role="tooltip">
155 <img src="skin/tooltips/acceptable-ads.png" alt="" /> 156 <img src="skin/tooltips/acceptable-ads.png" alt="" />
156 <p class="i18n_options_acceptableAds_title_tooltip_1"></p> 157 <p class="i18n_options_acceptableAds_title_tooltip_1"></p>
157 <p class="i18n_options_acceptableAds_title_tooltip_2"></p> 158 <p class="i18n_options_acceptableAds_title_tooltip_2"></p>
158 <p class="i18n_options_acceptableAds_title_tooltip_3"></p> 159 <p class="i18n_options_acceptableAds_title_tooltip_3"></p>
159 </div> 160 </div>
160 </div> 161 </div>
161 </div> 162 </div>
162 <ul id="acceptableads-table" class="table list"> 163 <ul id="acceptableads-table" class="table list">
163 <template> 164 <template>
164 <button role="checkbox" class="control"></button> 165 <button data-action="toggle-remove-subscription" role="check box" class="control"></button>
165 <label class="display"></label> 166 <label class="display"></label>
166 </template> 167 </template>
167 </ul> 168 </ul>
168 </div> 169 </div>
169 <div id="whitelisting"> 170 <div id="whitelisting">
170 <div class="option-name"> 171 <div class="option-name">
171 <strong class="i18n_options_whitelisted_title"></strong> 172 <strong class="i18n_options_whitelisted_title"></strong>
172 <div class="tooltip"> 173 <div class="tooltip">
173 <span class="i18n_options_readMore"></span> 174 <span class="i18n_options_readMore"></span>
174 <div role="tooltip" class="flip-vertical"> 175 <div role="tooltip" class="flip-vertical">
175 <img src="skin/tooltips/whitelisted.png" alt="" /> 176 <img src="skin/tooltips/whitelisted.png" alt="" />
176 <p class="i18n_options_whitelisted_title_tooltip_1"></p> 177 <p class="i18n_options_whitelisted_title_tooltip_1"></p>
177 <p class="i18n_options_whitelisted_title_tooltip_2"></p> 178 <p class="i18n_options_whitelisted_title_tooltip_2"></p>
178 <div class="notes"> 179 <div class="notes">
179 <p class="i18n_options_whitelisted_title_tooltip_notes"> </p> 180 <p class="i18n_options_whitelisted_title_tooltip_notes"> </p>
180 </div> 181 </div>
181 </div> 182 </div>
182 </div> 183 </div>
183 </div> 184 </div>
184 <ul id="whitelisting-table" class="table list"> 185 <ul id="whitelisting-table" class="table list">
185 <template> 186 <template>
186 <button class="delete control"></button>
187 <label class="display"></label> 187 <label class="display"></label>
188 <button data-action="remove-filter" class="delete control">< /button>
188 </template> 189 </template>
189 </ul> 190 </ul>
190 <div class="controls"> 191 <div class="controls">
191 <button data-action="edit-domain-exception"> 192 <button data-action="edit-domain-exception">
192 <span class="icon icon-add"></span> 193 <span class="icon icon-add"></span>
193 <span class="i18n_options_whitelisted_add"></span> 194 <span class="i18n_options_whitelisted_add"></span>
194 </button> 195 </button>
195 <div> 196 <div>
196 <span class="icon icon-add" data-action="add-domain-exceptio n"></span> 197 <span class="icon icon-add" data-action="add-domain-exceptio n"></span>
197 <input type="text" id="whitelisting-textbox" placeholder="ww w.example.com" /> 198 <input type="text" id="whitelisting-textbox" placeholder="ww w.example.com" />
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after
262 <li class="i18n_options_tab_ownList" data-action="switch-tab" data -tab="advanced-customFilters"></li> 263 <li class="i18n_options_tab_ownList" data-action="switch-tab" data -tab="advanced-customFilters"></li>
263 </ul> 264 </ul>
264 <div id="filter-lists"> 265 <div id="filter-lists">
265 <div id="all-filter-lists"> 266 <div id="all-filter-lists">
266 <div class="table-header"> 267 <div class="table-header">
267 <h2 class="i18n_options_column_name"></h2> 268 <h2 class="i18n_options_column_name"></h2>
268 <h2 class="i18n_options_column_date"></h2> 269 <h2 class="i18n_options_column_date"></h2>
269 </div> 270 </div>
270 <ul class="table cols" id="all-filter-lists-table"> 271 <ul class="table cols" id="all-filter-lists-table">
271 <template> 272 <template>
272 <button role="checkbox" class="control"></button> 273 <button data-action="toggle-disable-subscription" role="chec kbox" class="control"></button>
273 <div> 274 <div>
274 <label data-action="open-context-menu" class="display"></l abel> 275 <label data-action="open-context-menu" class="display"></l abel>
275 <div data-action="open-context-menu" class="arrow"> 276 <div data-action="open-context-menu" class="arrow">
276 <div class="context-menu"> 277 <div class="context-menu">
277 <div class="content"> 278 <div class="content">
278 <a class="i18n_options_filterList_updateNow update-s ubscription" data-action="update-subscription"></a> 279 <a class="i18n_options_filterList_updateNow update-s ubscription" data-action="update-subscription"></a>
279 <a class="i18n_options_filterList_website website" t arget="_blank"></a> 280 <a class="i18n_options_filterList_website website" t arget="_blank"></a>
280 <a class="i18n_options_filterList_source source" tar get="_blank"></a> 281 <a class="i18n_options_filterList_source source" tar get="_blank"></a>
281 <a class="i18n_options_filterList_delete delete" dat a-action="remove-subscription"></a> 282 <a class="i18n_options_filterList_delete delete" dat a-action="remove-subscription"></a>
282 </div> 283 </div>
(...skipping 114 matching lines...) Expand 10 before | Expand all | Expand 10 after
397 </template> 398 </template>
398 </ul> 399 </ul>
399 </div> 400 </div>
400 <div id="other-language" class="dialog-content-block"> 401 <div id="other-language" class="dialog-content-block">
401 <div> 402 <div>
402 <label for="find-language" class="i18n_options_dialog_language_oth er"></label> 403 <label for="find-language" class="i18n_options_dialog_language_oth er"></label>
403 <input type="search" id="find-language" class="default-focus" /> 404 <input type="search" id="find-language" class="default-focus" />
404 </div> 405 </div>
405 <ul id="all-lang-table" class="table list"> 406 <ul id="all-lang-table" class="table list">
406 <template> 407 <template>
407 <button class="button-add control"> 408 <button data-action="add-language-subscription" class="button-ad d control">
408 +<span class="i18n_options_button_add"></span> 409 +<span class="i18n_options_button_add"></span>
409 </button> 410 </button>
410 <label class="display"></label> 411 <label class="display"></label>
411 </template> 412 </template>
412 </ul> 413 </ul>
413 </div> 414 </div>
414 </div> 415 </div>
415 <!-- Add custom subscription --> 416 <!-- Add custom subscription -->
416 <div id="dialog-content-custom" class="dialog-content"> 417 <div id="dialog-content-custom" class="dialog-content">
417 <div class="dialog-content-block"> 418 <div class="dialog-content-block">
(...skipping 15 matching lines...) Expand all
433 <div class="url"></div> 434 <div class="url"></div>
434 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button> 435 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button>
435 </div> 436 </div>
436 </div> 437 </div>
437 </div> 438 </div>
438 <!-- Placeholder element to determine when to wrap focus around --> 439 <!-- Placeholder element to determine when to wrap focus around -->
439 <span class="focus-last" tabindex="0"></span> 440 <span class="focus-last" tabindex="0"></span>
440 </div> 441 </div>
441 </body> 442 </body>
442 </html> 443 </html>
OLDNEW
« no previous file with comments | « locale/en-US/new-options.json ('k') | new-options.js » ('j') | new-options.js » ('J')

Powered by Google App Engine
This is Rietveld