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

Unified Diff: options.html

Issue 8560083: adblockplusopera: Port UI code from Chrome (Closed)
Patch Set: Created Oct. 18, 2012, 1:26 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
Download patch
« background.js ('K') | « locales/zh-TW/messages.json ('k') | options.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: options.html
===================================================================
--- a/options.html
+++ b/options.html
@@ -1,62 +1,264 @@
-<!DOCTYPE HTML>
-<html>
- <head>
- <title id=title></title>
- <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
- <link rel='shortcut icon' href='/images/icon32.png'/>
-
- <link rel='stylesheet' type='text/css' href='/design/header.css'/>
- <link rel='stylesheet' type='text/css' href='/design/default.css'/>
- <link rel='stylesheet' type='text/css' href='/design/input.css'/>
- <link rel='stylesheet' type='text/css' href='/design/notify.css'/>
-
- <!--Load generic scripts-->
- <script src="/files/default.js"></script>
- <script src="/files/sources.js"></script>
- <script src="/files/download.js"></script>
- <script src="/files/preferences.js"></script>
- <script src="/files/css.js"></script>
- <!--PARTIAL - Only call status function-->
- <script src="/files/lists.js"></script>
- <!--Load language specific scripts-->
- <script src="/files/translate.js"></script>
- </head>
- <body>
- <div id=arrow></div>
-
- <div id=header></div>
-
- <div id=content>
- <div id=lists></div>
- <hr>
- <div id=privacy></div>
- <hr>
- <div id=css></div>
- <hr>
- <div id=other></div>
- <hr>
- <div id=help></div>
- </div>
-
- <div id=notification></div>
-
- <div id=footer>
- <div id=donate></div>
- <div id=copyright></div>
- </div>
-
- <!--Load page generating scripts-->
- <script src="/common/header.js"></script>
-
- <script src="/options/listsDisplay.js"></script>
- <script src="/options/whitelist.js"></script>
- <script src="/options/privacy.js"></script>
- <script src="/options/cssDisplay.js"></script>
- <script src="/options/other.js"></script>
- <script src="/options/help.js"></script>
- <script src="/options/time.js"></script>
-
- <script src="/common/notification.js"></script>
- </body>
-</html>
-
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<link type="text/css" href="jquery-ui/css/smoothness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
+<script type="text/javascript" src="jquery-ui/js/jquery-1.7.1.min.js"></script>
+<script type="text/javascript" src="jquery-ui/js/jquery-ui-1.8.16.custom.min.js"></script>
+<script type="text/javascript" src="i18n.js" charset="utf-8"></script>
+<script type="text/javascript" src="options.js" charset="utf-8"></script>
+<title>Adblock Plus Options</title>
+<style type="text/css" media="screen">
+body
+{
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 13px;
+ padding: 20px;
+}
+
+td
+{
+ font-size: 13px;
+ vertical-align: top;
+ text-align: left;
+}
+
+p
+{
+ margin-top: 0.5em;
+}
+
+button
+{
+ white-space: pre;
+}
+
+#subscriptionTemplate,
+#addSubscriptionContainer,
+#customSubscriptionContainer
+{
+ display: none;
+}
+
+#acceptableAdsContainer
+{
+ margin-top: 10px;
+}
+
+#acceptableAdsLink,
+#acceptableAdsDocs
+{
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+.subscription
+{
+ margin: 3px 0px;
+}
+
+.subscriptionRemoveButton,
+.subscriptionEnabledContainer,
+.subscriptionTitle
+{
+ margin-right: 1em;
+}
+
+.subscriptionRemoveButton
+{
+ font-weight: normal !important;
+ font-size: 20px !important;
+ color: #FF0000 !important;
+ border: none !important;
+ outline: none !important;
+ background: none !important;
+}
+
+.subscriptionUpdate
+{
+ color: #B0B0B0;
+}
+.subscriptionUpdate.error
+{
+ color: #FF0000;
+}
+
+#rawFilters {
+ display: none;
+}
+
+.okMsg {
+ display: none;
+ color: #ffffff;
+ background: #30e030;
+ font-weight: bold;
+ padding: 3px;
+}
+
+.errMsg {
+ display: none;
+ color: #ffffff;
+ background: #e03030;
+ font-weight:bold;
+ padding:3px;
+}
+
+/* Filter list entry status message */
+.flMsg {
+ display: none;
+ color: #b0b0b0;
+}
+
+</style>
+</head>
+<body>
+<table>
+ <tr>
+ <td style="padding-right: 8px">
+ <img src="icons/abp-32.png">
+ </td>
+ <td>
+ <h1><span class="i18n_options"></span></h1>
+ </td>
+ </tr>
+</table>
+
+<div id="tabs">
+ <ul>
+ <li><a href="#tab-filterlists"><span class="i18n_filter_lists"></span></a></li>
+ <li><a href="#tab-userfilters"><span class="i18n_add_your_own_filters"></span></a></li>
+ <li><a href="#tab-whitelisted"><span class="i18n_whitelisted_domains"></span></a></li>
+ <li><a href="#tab-general"><span class="i18n_general"></span></a></li>
+ </ul>
+
+ <div id="tab-filterlists">
+ <p>
+ <span class="i18n_enable_only_the"></span>
+ </p>
+ <p>
+ <span class="i18n_out_of_date_lists"></span>
+ <button id="updateFilterLists" class="refreshButton"><span class="i18n_update_now"></span></button><br />
+
+ <!-- Subscription entry template -->
+ <div id="subscriptionTemplate" class="subscription">
+ <button class="i18n_filters_subscription_delete_label subscriptionRemoveButton"></button>
+ <span class="subscriptionEnabledContainer">
+ <input class="subscriptionEnabled" type="checkbox" /> <span class="i18n_filters_subscription_enabled_label"></span>
+ </span>
+ <a class="subscriptionTitle"></a>
+ <span class="subscriptionUpdate"></span>
+ </div>
+
+ <!-- Placeholder for list of subscriptions -->
+ <div id="filterLists"></div>
+ <br />
+
+ <!-- Placeholder for user's filter list URLs -->
+ <div id="userFilterLists" style="margin-bottom: 8px"></div>
+
+ <p id="addSubscriptionButton">
+ <button id="startSubscriptionSelection" class="addButton"><span class="i18n_filters_addSubscription_label"></span></button>
+ </p>
+ <div id="addSubscriptionContainer">
+ <span class="i18n_subscriptionSelection_subscriptionSelector_label"></span><br />
+ <select id="subscriptionSelector" style="width:500px"></select>
+ <button id="addSubscription" class="addButton"><span class="i18n_filters_addSubscriptionAdd_label"></span></button>
+ </div>
+ <div id="customSubscriptionContainer">
+ <p>
+ <span class="i18n_subscriptionSelection_title_label"></span><br />
+ <input type="text" id="customSubscriptionTitle" style="width:500px" />
+ </p>
+ <p>
+ <span class="i18n_subscriptionSelection_location_label"></span><br />
+ <input type="text" id="customSubscriptionLocation" style="width:500px" />
+ </p>
+ </div>
+
+ <div id="acceptableAdsContainer">
+ <input type="checkbox" id="acceptableAds" />
+ <span class="i18n_filters_acceptableAds2_label"></span>
+ <a id="acceptableAdsLink" href="#" class="i18n_filters_viewList_label"></a>
+ <a id="acceptableAdsDocs" href="#" class="i18n_filters_readMore_label"></a>
+ </div>
+ </p>
+ </div>
+
+ <div id="tab-whitelisted">
+ <p class="i18n_disabled_for_these_domains"></p>
+
+ <form id="whitelistForm" action="#">
+ <table>
+ <tr>
+ <td style="max-width:100%">
+ <input type="text" value="" id="newWhitelistDomain" style="width:100%">
+ </td>
+ <td>
+ <button class="addButton" type="submit"><span class="i18n_add_domain_button"></span></button>
+ </td>
+ </tr>
+
+ <tr>
+ <td>
+ <select id="excludedDomainsBox" size="10" multiple style="width:500px; background: white;"></select>
+ </td>
+ <td>
+ <button id="removeWhitelist" class="removeButton"><span class="i18n_remove_button"></span></button>
+ </td>
+ </tr>
+ </table>
+ </form>
+ </div>
+
+ <div id="tab-userfilters">
+ <p class="i18n_filter_must_follow_syntax">"http://adblockplus.org/en/filters"</p>
+
+ <form id="customFilterForm" action="#">
+ <table>
+ <tr>
+ <td>
+ <input type="text" value="" id="newFilter" style="width:500px">
+ </td>
+ <td>
+ <button class="addButton" type="submit"><span class="i18n_add_filter_button"></span></button>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <select id="userFiltersBox" size="20" multiple style="width: 500px; background: white;"></select>
+ </td>
+ <td>
+ <button id="removeCustomFilter" class="removeButton"><span class="i18n_remove_button"></span></button>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="font-size: 90%; text-align: right"><a id="rawFiltersButton" href="#"><span class="i18n_edit_filters_raw"></span></a></div>
+ </td>
+ </tr>
+ <tr id="rawFilters">
+ <td>
+ <div style="width: 500px">
+ <textarea id="rawFiltersText" style="width: 100%; height: 300px"></textarea>
+ </div>
+ </td>
+ <td>
+ <div><button id="importRawFilters"><span class="i18n_apply_changes"></span></button></div>
+ </td>
+ </tr>
+ </table>
+ </form>
+ </div>
+
+ <div id="tab-general">
+ <p>
+ <div id="shouldShowIconContainer">
+ <input type="checkbox" id="shouldShowIcon" /><span class="i18n_show_icon"></span>
+ </div>
+ </p>
+
+ <p class="i18n_found_a_bug">"https://adblockplus.org/forum/viewforum.php?f=14"</p>
+ </div>
+</div>
+
+</body>
+</html>
« background.js ('K') | « locales/zh-TW/messages.json ('k') | options.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld