Side by Side Diff: options.html
Issue 6088024630755328:
issue 1526 - Implement new options page design for Chrome/Opera/Safari (Closed)
Patch Set:
Created March 6, 2015, 11:44 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« locale/en-US/options.json ('K')
|
« locale/en-US/options.json ('k')
|
options.js » ('j')
|
options.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <!-- | |
| 3 - This file is part of Adblock Plus <https://adblockplus.org/>, | |
| 4 - Copyright (C) 2006-2015 Eyeo GmbH | |
| 5 - | |
| 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 | |
| 8 - published by the Free Software Foundation. | |
| 9 - | |
| 10 - Adblock Plus is distributed in the hope that it will be useful, | |
| 11 - but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 12 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
| 13 - GNU General Public License for more details. | |
| 14 - | |
| 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/>. | |
| 17 --> | |
| 18 | |
| 19 <html> | |
| 20 <head> | |
| 21 <meta charset="utf-8"> | |
| 22 <title class="i18n_options_page_title"></title> | |
| 23 <link type="text/css" rel="stylesheet" href="skin/options.css"> | |
| 24 <style type="text/css" id="search-style"></style> | |
| 25 <script src="ext/common.js"></script> | |
| 26 <script src="ext/content.js"></script> | |
| 27 <script src="i18n.js"></script> | |
| 28 <script src="options.js"></script> | |
| 29 </head> | |
| 30 <body data-tab="general"> | |
| 31 <!-- Navigation sidebar --> | |
| 32 <div id="nav-sidebar"> | |
| 33 <div id="fixed-sidebar" class="fixed"> | |
| 34 <div id="page-title"> | |
| 35 <p class="i18n_options_page_name"></p> | |
| 36 <h1 class="i18n_options_abp"></h1> | |
| 37 </div> | |
| 38 <ul class="tabs vertical" id="main-navigation-tabs"> | |
| 39 <li id="tab-general" data-show="general" class="active"> | |
| 40 <span class="i18n_options_tab_general"></span> | |
| 41 <span class="icon"></span> | |
| 42 </li> | |
| 43 <li id="tab-advanced" data-show="advanced"> | |
| 44 <span class="i18n_options_tab_advanced"></span> | |
| 45 <span class="icon"></span> | |
| 46 </li> | |
| 47 <li id="tab-help" data-show="help"> | |
| 48 <span class="i18n_options_tab_help"></span> | |
| 49 <span class="icon"></span> | |
| 50 </li> | |
| 51 </ul> | |
| 52 <p class="nav-link"> | |
| 53 <span class="i18n_options_version"></span> <span id="abp-version"></sp an> | |
| 54 </p> | |
| 55 <ul class="tabs vertical bottom"> | |
| 56 <li id="tab-share"> | |
| 57 <span class="i18n_options_tab_share"></span><span class="icon"></spa n> | |
| 58 </li> | |
| 59 <li id="tab-donate"> | |
| 60 <span class="i18n_options_tab_donate"></span><span class="icon"></sp an> | |
| 61 </li> | |
| 62 </ul> | |
| 63 </div> | |
| 64 </div> | |
| 65 <div id="tab-content"> | |
| 66 <div id="content-wrapper"> | |
| 67 <div id="modal-background"></div> | |
| 68 | |
| 69 <!-- General tab content --> | |
| 70 <div id="content-general"> | |
| 71 <div> | |
| 72 <h1 class="i18n_options_blocking"></h1> | |
| 73 <div class="flex-container"> | |
| 74 <div id="blocking-languages"> | |
| 75 <p class="option-name"> | |
| 76 <span class="i18n_options_language_title"></span> | |
| 77 <a class="i18n_options_readMore tooltip" target="_blank"></a> | |
| 78 </p> | |
| 79 <ul class="table list" id="blocking-languages-table"> | |
| 80 <template> | |
| 81 <input type="checkbox" class="control" /> | |
| 82 <span class="display"></span> | |
| 83 </template> | |
| 84 </ul> | |
| 85 <div class="controls"> | |
| 86 <button id="add-website-language"> | |
| 87 <span class="icon icon-add"></span> | |
| 88 <span class="i18n_options_language_add"></span> | |
| 89 </button> | |
| 90 </div> | |
| 91 </div> | |
| 92 <div id="further-blocking"> | |
| 93 <p class="option-name"> | |
| 94 <strong class="i18n_options_furtherBlocking_title"></strong> | |
| 95 <a class="i18n_options_readMore tooltip" target="_blank"></a> | |
| 96 </p> | |
| 97 <div id="custom-wrapper"> | |
| 98 <ul class="table list" id="recommend-list-table"> | |
| 99 <template> | |
| 100 <input type="checkbox" class=control /> | |
| 101 <span class="display"></span> | |
| 102 <span class="popular"></span> | |
| 103 </template> | |
| 104 </ul> | |
| 105 <ul class="table list" id="custom-list-table"> | |
| 106 <template> | |
| 107 <input type="checkbox" class="control" /> | |
| 108 <span class="display"></span> | |
| 109 </template> | |
| 110 </ul> | |
| 111 </div> | |
| 112 <div class="controls"> | |
| 113 <button id="add-blocking-list"> | |
| 114 <span class="icon icon-add"></span> | |
| 115 <span class="i18n_options_furtherBlocking_add"><span> | |
| 116 </button> | |
| 117 </div> | |
| 118 </div> | |
| 119 </div> | |
| 120 </div> | |
| 121 <div> | |
| 122 <h1 class="i18n_options_exceptions"></h1> | |
| 123 <div class="flex-container"> | |
| 124 <div id="acceptable-ads"> | |
| 125 <p class="option-name"> | |
| 126 <strong class="i18n_options_acceptableAds_title"></strong> | |
| 127 <a class="i18n_options_readMore tooltip" target="_blank"></a> | |
| 128 </p> | |
| 129 <ul id="acceptableads-table" class="table list"> | |
| 130 <template> | |
| 131 <input type="checkbox" class="control" /> | |
| 132 <span class="display"></span> | |
| 133 </template> | |
| 134 </ul> | |
| 135 </div> | |
| 136 <div id="whitelisting"> | |
| 137 <p class="option-name"> | |
| 138 <strong class="i18n_options_whitelisted_title"></strong> | |
| 139 <a class="i18n_options_readMore tooltip" target="_blank"></a> | |
| 140 </p> | |
| 141 <ul class="table list" id="whitelisting-table"> | |
| 142 <template> | |
| 143 <button class="delete control"></button> | |
| 144 <span class="display"></span> | |
| 145 </template> | |
| 146 </ul> | |
| 147 <div class="controls"> | |
| 148 <div> | |
| 149 <span class="icon icon-add" id="whitelisting-add-icon"></spa n> | |
| 150 <input type="text" id="whitelisting-textbox" /> | |
| 151 <span class="icon icon-enter" id="whitelisting-enter-icon">< /span> | |
| 152 </div> | |
| 153 <div> | |
| 154 <button class="button-add" id="whitelisting-add-button"> | |
| 155 +<span class="i18n_options_button_add"></span> | |
| 156 </button> | |
| 157 <span></span> | |
| 158 <button class="i18n_options_button_cancel cancel-button" id= "whitelisting-cancel-button"></button> | |
| 159 </div> | |
| 160 </div> | |
| 161 </div> | |
| 162 </div> | |
| 163 </div> | |
| 164 </div> | |
| 165 | |
| 166 <!-- Advanced tab content --> | |
| 167 <div id="content-advanced"> | |
| 168 <div> | |
| 169 <h1><span class="i18n_options_tweaks"></span><a class="i18n_options_ readMore tooltip" href="#"></a></h1> | |
| 170 <ul class="table" style="width: auto;"> | |
| 171 <li> | |
| 172 <input type="checkbox" id="easylist"/><span id="block-element-ex planation" class="i18n_options_tweaks_blockElement"></span></li> | |
| 173 </ul> | |
| 174 </div> | |
| 175 <div> | |
| 176 <h1><span class="i18n_options_blockingList"></span><a class="i18n_op tions_readMore tooltip" href="#" target="_blank"></a></h1> | |
| 177 <ul class="tabs horizontal" id="blocking-list-tabs"> | |
| 178 <li class="i18n_options_tab_overview active" data-show="blocking-l ist-overview"></li><li class="i18n_options_tab_ownList" data-show="blocking-list -own"></li> | |
| 179 </ul> | |
| 180 <div id="blocking-list"> | |
| 181 <div id="blocking-list-overview"> | |
| 182 <ul class="table cols" style="width: auto;"> | |
| 183 <li class="col-name"><span class="i18n_options_tableCol_name"> </span><span class="i18n_options_tableCol_description"></span><span class="i18n_ options_tableCol_date"></span></li> | |
| 184 <li><input type="checkbox" id="easylist"/><span>Easylist</span ><span>Adblocking english sites</span><span>15 March 14 - 10:31</span></li> | |
| 185 <li><input type="checkbox" id="easylist+de"/><span>Easylist Ge rmany + Easylist</span><span>Adblocking english + german sites</span><span>15 Ma rch 14 - 10:31</span></li> | |
| 186 <li><input type="checkbox" id="annoyance-fb"/><span>Facebook a nnoyance blocker</span><span>Blocks Facebook annoyances</span><span>15 March 14 - 10:31</span></li> | |
| 187 <li><input type="checkbox" id="annoyance-youtube"/><span>Faceb ook annoyance blocker</span><span>Blocks Facebook annoyances</span><span>15 Marc h 14 - 10:31</span></li> | |
| 188 <li><input type="checkbox" id="own-list"/><span>Own blocking l ist</span><span>Your own blocking list</span><span><a href="#">edit your blockin g list</a></span></li> | |
| 189 </ul> | |
| 190 <div class="controls"> | |
| 191 <button> | |
| 192 <span class="icon icon-add"></span><span class="i18n_options _blockingList_add"></span> | |
| 193 </button> | |
| 194 <button> | |
| 195 <span class="icon icon-update"></span><span class="i18n_opti ons_blockingList_update"></span> | |
| 196 </button> | |
| 197 </div> | |
| 198 </div> | |
| 199 <div id="blocking-list-own"> | |
| 200 <p class="i18n_options_blockingRules"></p> | |
| 201 <ul class="table list"> | |
| 202 <li><span>zap2it.com##.zc-station-position</span></li> | |
| 203 <li><span>downturk.net##.zippo</span></li> | |
| 204 <li><span>yahoo.com##.y708-promo-middle</span></li> | |
| 205 <li><span>reflector.com##.yahooboss</span></li> | |
| 206 <li><span>yardbarker.com##.yard_leader</span></li> | |
| 207 <li><span>espn.co.uk##.will_hill</span></li> | |
| 208 <li><span>listverse.com##.wiki</span></li> | |
| 209 <li><span>planet5d.com##.wp-image-1573</span></li> | |
| 210 <li><span>buzzinn.net##.wpn_finner</span></li> | |
| 211 <li><span>talkers.com##.wpss_slideshow</span></li> | |
| 212 </ul> | |
| 213 <div class="controls" style="margin: 0px;"> | |
| 214 <input type="text" placeholder="add your blocking rule here"/> | |
| 215 <div class="input-control"> | |
| 216 <span class="input-separator"></span> | |
| 217 <span class="i18n_options_button_add input-button-text"></sp an> | |
| 218 <span class="icon icon-enter-blue"></span> | |
| 219 </div> | |
| 220 </div> | |
| 221 <div class="controls"> | |
| 222 <button> | |
| 223 <span class="icon icon-edit"></span> | |
| 224 <span class="i18n_options_blockingRules_edit"></span> | |
| 225 </button> | |
| 226 </div> | |
| 227 </div> | |
| 228 </div> | |
| 229 </div> | |
| 230 </div> | |
| 231 | |
| 232 <!-- Help tab content --> | |
| 233 <div id="content-help"> | |
| 234 <h1 class="i18n_options_faq"></h1> | |
| 235 <p class="i18n_options_faq_description"></p> | |
| 236 <p> | |
| 237 <a class="i18n_options_faq_link" href="#" target="_blank"></a> | |
| 238 </p> | |
| 239 <h1 class="i18n_options_forum"></h1> | |
| 240 <p class="i18n_options_forum_description"></p> | |
| 241 <p> | |
| 242 <a class="i18n_options_forum_link" href="#" target="_blank"></a> | |
| 243 </p> | |
| 244 <h1 class="i18n_options_media"></h1> | |
| 245 <p class="i18n_options_media_description"></p> | |
| 246 <p> | |
| 247 <a href="#" target="_blank">Twitter</a> | |
| 248 <a href="#" target="_blank">Facebook</a> | |
| 249 <a href="#" target="_blank">Google+</a> | |
| 250 </p> | |
| 251 </div> | |
| 252 </div> | |
| 253 </div> | |
| 254 | |
| 255 <!-- Modal --> | |
| 256 <div id="modal"> | |
| 257 <header> | |
| 258 <span id="modal-title"> | |
| 259 <span id="modal-title-customlist" class="i18n_options_modal_customlist _title"></span> | |
| 260 <span id="modal-title-language" class="i18n_options_modal_language_tit le"></span> | |
| 261 </span> | |
| 262 <button id="modal-close" class="i18n_options_close"></button> | |
| 263 </header> | |
| 264 <div class="content" id="modal-body"> | |
| 265 <!-- Add other website language: Modal --> | |
| 266 <div class="modal-content" id="modal-content-language"> | |
| 267 <div class="modal-content-block"> | |
| 268 <h3 class="i18n_options_modal_language_added"></h3> | |
| 269 <ul class="table list" id="blocking-languages-modal-table"> | |
| 270 <template> | |
| 271 <span class="display"></span> | |
| 272 </template> | |
| 273 </ul> | |
| 274 </div> | |
| 275 <div class="modal-content-block" id="other-language"> | |
| 276 <h3 class="i18n_options_modal_language_other"></h3> | |
| 277 <div> | |
| 278 <input type="search" id="find-language" /> | |
| 279 </div> | |
| 280 <ul class="table list" id="all-lang-table"> | |
| 281 <template> | |
| 282 <button class="button-add control"> | |
| 283 <span></span> | |
| 284 </button> | |
| 285 <span class="display"></span> | |
| 286 </template> | |
| 287 </ul> | |
| 288 </div> | |
| 289 </div> | |
| 290 <!-- Add other blocking list: Modal --> | |
| 291 <div class="modal-content" id="modal-content-customlist"> | |
| 292 <div class="modal-content-block"> | |
| 293 <h3 class="i18n_options_modal_customlist_subscription_title"></h3> | |
| 294 <div> | |
| 295 <input id="blockingList-textbox" type="text" placeholder="www.exam ple.com/blockinglist.txt" /> | |
| 296 </div> | |
| 297 <div class="button-wrapper" id="import-blockingList-button"> | |
| 298 <span class="icon icon-arrow"></span> | |
| 299 <span class="i18n_options_modal_customlist_import"></span> | |
| 300 </div> | |
| 301 </div> | |
| 302 <div class="modal-content-block"> | |
| 303 <h3 class="i18n_options_modal_edit_own_list"></h3> | |
| 304 <div class="button-wrapper" id="edit-ownBlockingList-button"> | |
| 305 <span class="icon icon-arrow"></span> | |
| 306 <span class="i18n_options_modal_create_own_list"></span> | |
| 307 </div> | |
| 308 </div> | |
| 309 </div> | |
| 310 </div> | |
| 311 </div> | |
| 312 </body> | |
| 313 </html> | |
| OLD | NEW |
« locale/en-US/options.json ('K')
|
« locale/en-US/options.json ('k')
|
options.js » ('j')
|
options.js » ('J')
