options.html - Issue 6088024630755328: issue 1526 - Implement new options page design for Chrome/Opera/Safari

Unified Diff: options.html

Issue 6088024630755328: issue 1526 - Implement new options page design for Chrome/Opera/Safari (Closed)

Patch Set: Created Jan. 9, 2015, 5:11 p.m.

Use n/p to move between diff chunks; N/P to move between comments.

Jump to:

View side-by-side diff with in-line comments

Index: options.html

===================================================================

new file mode 100644

--- /dev/null

+++ b/options.html

@@ -0,0 +1,259 @@

+<!DOCTYPE html>

+<!--

+ - This file is part of Adblock Plus <http://adblockplus.org/>,

+ -

+ - Adblock Plus is free software: you can redistribute it and/or modify

+ - it under the terms of the GNU General Public License version 3 as

+ - published by the Free Software Foundation.

+ -

+ - Adblock Plus is distributed in the hope that it will be useful,

+ - but WITHOUT ANY WARRANTY; without even the implied warranty of

+ - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

+ - GNU General Public License for more details.

+ -

+ - You should have received a copy of the GNU General Public License

+ - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.

+ -->

+<html>

+ <head>

+ <meta charset="utf-8">

+ <title class="i18n_options_page_title"></title>

+ <link rel="stylesheet" href="skin/options.css">

+ <script type="text/javascript" src="ext/common.js"></script>

+ <script type="text/javascript" src="ext/content.js"></script>

+ <script type="text/javascript" src="utils.js"></script>

+ <script type="text/javascript" src="i18n.js"></script>

+ <script type="text/javascript" src="options.js"></script>

+ </head>

+ <body>

+ <div id="left-sidebar" class="grid-box">

+ <div class="fixed">

+ <div id="page-title">

+ <p class="i18n_options_page_name"></p>

+ <h1>Adblock <b>Plus</b></h1>

+ </div>

+ <ul class="tabs vertical" id="main-navigation-tabs">

+ <li id="tab-general" data-show="content-general" class="active"><span class="i18n_options_tab_general"></span><span class="icon"></span></li>

+ <li id="tab-advanced" data-show="content-advanced"><span class="i18n_options_tab_advanced"></span><span class="icon"></span></li>

+ <li id="tab-help" data-show="content-help"><span class="i18n_options_tab_help"></span><span class="icon"></span></li>

+ </ul>

+ <p class="nav-blue">

+ <span class="i18n_options_version"></span> <span id="version">2.5.10</span>

+ </p>

+ <ul class="tabs vertical bottom">

+ <li id="tab-share"><span class="i18n_options_tab_share"></span><span class="icon"></span></li>

+ <li id="tab-donate"><span class="i18n_options_tab_donate"></span><span class="icon"></span></li>

+ </ul>

+ </div>

+ <div id="tab-content" class="grid-box">

+ <div id="content-general">

+ <div>

+ <h1 class="i18n_options_blocking"></h1>

+ <hr>

+ <div id="blocking-languages" class="grid-box">

+ <p><b class="i18n_options_language_adblocking"></b> <span class="i18n_options_language_title"></span> <a class="i18n_options_readMore dotted" href="#"></a></p>

+ <ul class="table list">

+ <li><input type='checkbox' id="easylist"/><label for="easylist"></label><span>...english</span></li>

+ <li><input type='checkbox' id="easylist+de"/><label for="easylist+de"></label><span>...german (english included)</span></li>

+ </ul>

+ <hr>

+ <div class="controls">

+ <div class="button" id="add-website-language">

+ <span class="icon icon-add"></span><span class="i18n_options_language_add text-blue"></span>

+ </div>

+ <div id="further-blocking" class="grid-box right">

+ <p><b class="i18n_options_furtherBlocking_title"></b> <a class="i18n_options_readMore dotted" href="#"></a></p>

+ <ul class="table list">

+ <li><input type='checkbox' id="disable-tracking"/><label for="disable-tracking"></label><span>Disable Tracking</span><span class="green-right">popular</span></li>

+ <li><input type='checkbox' id="disable-malware"/><label for="disable-malware"></label><span>Disable Malware Websites</span><span class="green-right">popular</span></li>

+ <li><input type='checkbox' id="disable-social"/><label for="disable-social"></label><span>Disable Social media buttons</span></li>

+ <li><input type='checkbox' id="facebook-annoyance"/><label for="facebook-annoyance"></label><span>Facebook annoyance</span></li>

+ <li><input type='checkbox' id="youtube-annoyance"/><label for="youtube-annoyance"></label><span>Youtube annoyance</span></li>

+ <li><input type='checkbox' id="twitter-annoyance"/><label for="twitter-annoyance"></label><span>Twitter annoyance</span></li>

+ <li><input type='checkbox' id="disable-tracking"/><label for="disable-tracking"></label><span>Disable Tracking</span></li>

+ <li><input type='checkbox' id="disable-malware"/><label for="disable-malware"></label><span>Disable Malware Websites</span></li>

+ <li><input type='checkbox' id="disable-social"/><label for="disable-social"></label><span>Disable Social media buttons</span></li>

+ <li><input type='checkbox' id="facebook-annoyance"/><label for="facebook-annoyance"></label><span>Facebook annoyance</span></li>

+ <li><input type='checkbox' id="youtube-annoyance"/><label for="youtube-annoyance"></label><span>Youtube annoyance</span></li>

+ <li><input type='checkbox' id="twitter-annoyance"/><label for="twitter-annoyance"></label><span>Twitter annoyance</span></li>

+ </ul>

+ <hr>

+ <div class="controls">

+ <div class="button" id="add-blocking-list">

+ <span class="icon icon-add"></span><span class="i18n_options_furtherBlocking_add text-blue"><span>

+ </div>

+ <div>

+ <h1 class="i18n_options_exception"></h1>

+ <hr>

+ <div class="grid-box">

+ <p><b class="i18n_options_acceptableAds_title"></b> <a class="i18n_options_readMore dotted" href="#"></a></p>

+ <ul class="table list">

+ <li><input type='checkbox' id="allow-whitelist"/><label for="allow-whitelist"></label><span>Allow some non-intrusive advertising</span></li>

+ </ul>

+ </div>

+ <div id="whitelisting" class="grid-box right">

+ <p><b class="i18n_options_whitelisted_title"></b> <a class="i18n_options_readMore dotted" href="#"></a></p>

+ <ul class="table list">

+ <li><button></button><span>alternate.de</span></li>

+ <li><button></button><span>amazon.de</span></li>

+ <li><button></button><span>der.postillion.com</span></li>

+ <li><button></button><span>taz.de</span></li>

+ </ul>

+ <hr>

+ <div class="controls">

+ <span class="icon icon-add" id="whitelisting-add-icon"></span>

+ <input type="text" id="whitelisting-textbox" />

+ <span class="icon icon-enter" id="whitelisting-enter-icon"></span>

+ </div>

+ <div>

+ <button class="addbtn" id="whitelisting-add-btn">+<span class="i18n_options_btn_add"></span></button>

+ <button class="i18n_options_btn_cancel cancelbtn" id="whitelisting-cancel-btn"></button>

+ </div>

+ <div id="content-advanced">

+ <div>

+ <h1 class="i18n_options_tweaks"></h1>

+ <a class="i18n_options_readMore dotted" href="#"></a>

+ <hr />

+ <ul class="table" style="width: auto;">

+ <li>

+ <input type='checkbox' id="easylist"/><label for="easylist"></label><span class="i18n_options_tweaks_blockElement"></span> <a class="i18n_options_tweaks_blockElement_highlight dotted" href="#"></a></li>

+ <li><input type='checkbox' id="easylist+de"/><label for="easylist+de"></label><a class="i18n_options_tweaks_hideWhitespace_highlight dotted" href="#"></a> <span class="i18n_options_tweaks_hideWhitespace"></span></li>

+ </ul>

+ <div>

+ <h1 class="i18n_options_blockingList"></h1>

+ <a class="i18n_options_readMore dotted" href="#"></a>

+ <hr />

+ <ul class="tabs horizontal" id="blocking-list-tabs">

+ <li class="i18n_options_tab_overview active" data-show="blocking-list-overview"></li><li class="i18n_options_tab_ownList" data-show="blocking-list-own"></li>

+ </ul>

+ <div id="blocking-list">

+ <div id="blocking-list-overview">

+ <ul class="table cols" style="width: auto;">

+ <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>

+ <li><input type='checkbox' id="easylist"/><label for="easylist"></label><span>Easylist</span><span>Adblocking english sites</span><span>15 March 14 - 10:31</span></li>

+ <li><input type='checkbox' id="easylist+de"/><label for="easylist+de"></label><span>Easylist Germany + Easylist</span><span>Adblocking english + german sites</span><span>15 March 14 - 10:31</span></li>

+ <li><input type='checkbox' id="annoyance-fb"/><label for="annoyance-fb"></label><span>Facebook annoyance blocker</span><span>Blocks Facebook annoyances</span><span>15 March 14 - 10:31</span></li>

+ <li><input type='checkbox' id="annoyance-youtube"/><label for="annoyance-youtube"></label><span>Facebook annoyance blocker</span><span>Blocks Facebook annoyances</span><span>15 March 14 - 10:31</span></li>

+ <li><input type='checkbox' id="own-list"/><label for="own-list"></label><span>Own blocking list</span><span>Your own blocking list</span><span><a href="#">edit your blocking list</a></span></li>

+ </ul>

+ <hr class=""/>

+ <div class="controls">

+ <div class="button">

+ <span class="icon icon-add"></span><span class="i18n_options_blockingList_add text-blue"></span>

+ </div>

+ <div class="button">

+ <span class="icon icon-update"></span><span class="i18n_options_blockingList_update text-blue"></span>

+ </div>

+ <div id="blocking-list-own">

+ <p class="i18n_options_blockingRules"></p>

+ <ul class="table list">

+ <li><span>zap2it.com##.zc-station-position</span></li>

+ <li><span>downturk.net##.zippo</span></li>

+ <li><span>yahoo.com##.y708-promo-middle</span></li>

+ <li><span>reflector.com##.yahooboss</span></li>

+ <li><span>yardbarker.com##.yard_leader</span></li>

+ <li><span>espn.co.uk##.will_hill</span></li>

+ <li><span>listverse.com##.wiki</span></li>

+ <li><span>planet5d.com##.wp-image-1573</span></li>

+ <li><span>buzzinn.net##.wpn_finner</span></li>

+ <li><span>talkers.com##.wpss_slideshow</span></li>

+ </ul>

+ <div class="controls" style="margin: 0px;">

+ <input type="text" placeholder="add your blocking rule here"/>

+ <div class="input-control">

+ <span class="input-separator"></span>

+ <span class="i18n_options_btn_add input-btn-text"></span>

+ <span class="icon icon-enter-blue"></span>

+ </div>

+ <div class="controls button">

+ <span class="icon icon-edit"></span>

+ <span class="i18n_options_blockingRules_edit text-blue"></span>

+ </div>

+ <div id="content-help">

+ <h1>1. <span class="i18n_options_faq"></span></h1>

+ <hr />

+ <p class="i18n_options_faq_description"></p>

+ <p>

+ <span class="icon icon-arrow"></span>

+ <a class="i18n_options_faq_link text-blue" href="#"></a>

+ </p>

+ <h1>2. <span class="i18n_options_forum"></span></h1>

+ <hr />

+ <p class="i18n_options_forum_description"></p>

+ <p>

+ <span class="icon icon-arrow"></span>

+ <a class="i18n_options_forum_link text-blue" href="#"></a>

+ </p>

+ <h1>3. <span class="i18n_options_media"></span></h1>

+ <hr />

+ <p class="i18n_options_media_description"></p>

+ <p>

+ <span class="icon icon-arrow"></span>

+ <a class="text-blue" href="#">Twitter</a>

+ <span class="icon icon-arrow"></span>

+ <a class="text-blue" href="#">Facebook</a>

+ <span class="icon icon-arrow"></span>

+ <a class="text-blue" href="#">Google+</a>

+ </p>

+ </div>

+ <div id="modal" style="display: block;">

+ <div>

+ <div class="header">

+ <div>

+ <span class="i18n_options_modal_title title"></span>

+ </div>

+ <div class="close-wrapper">

+ <span class="separator"></span>

+ <div class="button" id="modal-close">

+ <span class="icon icon-close"></span>

+ <span class="i18n_options_close close"></span>

+ </div>

+ <div class="content">

+ <div class="section">

+ <div><b class="i18n_options_modal_subscription_title"></b></div>

+ <div>

+ <input type="text" placeholder="www.yourURL.com/blockinglist.txt" />

+ </div>

+ <div class="btn-wrapper">

+ <span class="icon icon-arrow"></span>

+ <span class="i18n_options_modal_import_subscription text-blue"></span>

+ </div>

+ <div class="section">

+ </div>

+ <div><b class="i18n_options_modal_edit_own_list"></b></div>

+ <div class="btn-wrapper">

+ <span class="icon icon-arrow"></span>

+ <span class="i18n_options_modal_create_own_list text-blue"></span>

+ </div>

+ </body>

+</html>

« no previous file with comments | « locale/en-US/options.json ('k') | options.js » ('j') | no next file with comments »