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

Side by Side Diff: options.html

Issue 8560083: adblockplusopera: Port UI code from Chrome (Closed)
Patch Set: Created Oct. 18, 2012, 1:26 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
« background.js ('K') | « locales/zh-TW/messages.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>
2 <html> 1 <html>
3 » <head> 2 <head>
4 » » <title id=title></title> 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 » » <meta http-equiv='Content-Type' content='text/html; charset=utf- 8'/> 4 <link type="text/css" href="jquery-ui/css/smoothness/jquery-ui-1.8.16.custom.css " rel="stylesheet" />
6 » » <link rel='shortcut icon' href='/images/icon32.png'/> 5 <script type="text/javascript" src="jquery-ui/js/jquery-1.7.1.min.js"></script>
7 » » 6 <script type="text/javascript" src="jquery-ui/js/jquery-ui-1.8.16.custom.min.js" ></script>
8 » » <link rel='stylesheet' type='text/css' href='/design/header.css' /> 7 <script type="text/javascript" src="i18n.js" charset="utf-8"></script>
9 » » <link rel='stylesheet' type='text/css' href='/design/default.css '/> 8 <script type="text/javascript" src="options.js" charset="utf-8"></script>
10 » » <link rel='stylesheet' type='text/css' href='/design/input.css'/ > 9 <title>Adblock Plus Options</title>
11 » » <link rel='stylesheet' type='text/css' href='/design/notify.css' /> 10 <style type="text/css" media="screen">
12 » » 11 body
13 » » <!--Load generic scripts--> 12 {
14 » » <script src="/files/default.js"></script> 13 font-family: Arial, Helvetica, sans-serif;
15 » » <script src="/files/sources.js"></script> 14 font-size: 13px;
16 » » <script src="/files/download.js"></script> 15 padding: 20px;
17 » » <script src="/files/preferences.js"></script> 16 }
18 » » <script src="/files/css.js"></script> 17
19 » » <!--PARTIAL - Only call status function--> 18 td
20 » » <script src="/files/lists.js"></script> 19 {
21 » » <!--Load language specific scripts--> 20 font-size: 13px;
22 » » <script src="/files/translate.js"></script> 21 vertical-align: top;
23 » </head> 22 text-align: left;
24 » <body> 23 }
25 » » <div id=arrow></div> 24
26 » » 25 p
27 » » <div id=header></div> 26 {
28 » » » 27 margin-top: 0.5em;
29 » » <div id=content> 28 }
30 » » » <div id=lists></div> 29
31 » » » <hr> 30 button
32 » » » <div id=privacy></div> 31 {
33 » » » <hr> 32 white-space: pre;
34 » » » <div id=css></div> 33 }
35 » » » <hr> 34
36 » » » <div id=other></div> 35 #subscriptionTemplate,
37 » » » <hr> 36 #addSubscriptionContainer,
38 » » » <div id=help></div> 37 #customSubscriptionContainer
39 » » </div> 38 {
40 » » 39 display: none;
41 » » <div id=notification></div> 40 }
42 » » 41
43 » » <div id=footer> 42 #acceptableAdsContainer
44 » » » <div id=donate></div> 43 {
45 » » » <div id=copyright></div> 44 margin-top: 10px;
46 » » </div> 45 }
47 » » 46
48 » » <!--Load page generating scripts--> 47 #acceptableAdsLink,
49 » » <script src="/common/header.js"></script> 48 #acceptableAdsDocs
50 » » 49 {
51 » » <script src="/options/listsDisplay.js"></script> 50 margin-left: 10px;
52 » » <script src="/options/whitelist.js"></script> 51 margin-right: 10px;
53 » » <script src="/options/privacy.js"></script> 52 }
54 » » <script src="/options/cssDisplay.js"></script> 53
55 » » <script src="/options/other.js"></script> 54 .subscription
56 » » <script src="/options/help.js"></script> 55 {
57 » » <script src="/options/time.js"></script> 56 margin: 3px 0px;
58 » » 57 }
59 » » <script src="/common/notification.js"></script> 58
60 » </body> 59 .subscriptionRemoveButton,
60 .subscriptionEnabledContainer,
61 .subscriptionTitle
62 {
63 margin-right: 1em;
64 }
65
66 .subscriptionRemoveButton
67 {
68 font-weight: normal !important;
69 font-size: 20px !important;
70 color: #FF0000 !important;
71 border: none !important;
72 outline: none !important;
73 background: none !important;
74 }
75
76 .subscriptionUpdate
77 {
78 color: #B0B0B0;
79 }
80 .subscriptionUpdate.error
81 {
82 color: #FF0000;
83 }
84
85 #rawFilters {
86 display: none;
87 }
88
89 .okMsg {
90 display: none;
91 color: #ffffff;
92 background: #30e030;
93 font-weight: bold;
94 padding: 3px;
95 }
96
97 .errMsg {
98 display: none;
99 color: #ffffff;
100 background: #e03030;
101 font-weight:bold;
102 padding:3px;
103 }
104
105 /* Filter list entry status message */
106 .flMsg {
107 display: none;
108 color: #b0b0b0;
109 }
110
111 </style>
112 </head>
113 <body>
114 <table>
115 <tr>
116 <td style="padding-right: 8px">
117 <img src="icons/abp-32.png">
118 </td>
119 <td>
120 <h1><span class="i18n_options"></span></h1>
121 </td>
122 </tr>
123 </table>
124
125 <div id="tabs">
126 <ul>
127 <li><a href="#tab-filterlists"><span class="i18n_filter_lists"></span></a></ li>
128 <li><a href="#tab-userfilters"><span class="i18n_add_your_own_filters"></spa n></a></li>
129 <li><a href="#tab-whitelisted"><span class="i18n_whitelisted_domains"></span ></a></li>
130 <li><a href="#tab-general"><span class="i18n_general"></span></a></li>
131 </ul>
132
133 <div id="tab-filterlists">
134 <p>
135 <span class="i18n_enable_only_the"></span>
136 </p>
137 <p>
138 <span class="i18n_out_of_date_lists"></span>
139 <button id="updateFilterLists" class="refreshButton"><span class="i18n_upd ate_now"></span></button><br />
140
141 <!-- Subscription entry template -->
142 <div id="subscriptionTemplate" class="subscription">
143 <button class="i18n_filters_subscription_delete_label subscriptionRemove Button"></button>
144 <span class="subscriptionEnabledContainer">
145 <input class="subscriptionEnabled" type="checkbox" /> <span class="i18 n_filters_subscription_enabled_label"></span>
146 </span>
147 <a class="subscriptionTitle"></a>
148 <span class="subscriptionUpdate"></span>
149 </div>
150
151 <!-- Placeholder for list of subscriptions -->
152 <div id="filterLists"></div>
153 <br />
154
155 <!-- Placeholder for user's filter list URLs -->
156 <div id="userFilterLists" style="margin-bottom: 8px"></div>
157
158 <p id="addSubscriptionButton">
159 <button id="startSubscriptionSelection" class="addButton"><span class="i 18n_filters_addSubscription_label"></span></button>
160 </p>
161 <div id="addSubscriptionContainer">
162 <span class="i18n_subscriptionSelection_subscriptionSelector_label"></sp an><br />
163 <select id="subscriptionSelector" style="width:500px"></select>
164 <button id="addSubscription" class="addButton"><span class="i18n_filters _addSubscriptionAdd_label"></span></button>
165 </div>
166 <div id="customSubscriptionContainer">
167 <p>
168 <span class="i18n_subscriptionSelection_title_label"></span><br />
169 <input type="text" id="customSubscriptionTitle" style="width:500px" />
170 </p>
171 <p>
172 <span class="i18n_subscriptionSelection_location_label"></span><br />
173 <input type="text" id="customSubscriptionLocation" style="width:500px" />
174 </p>
175 </div>
176
177 <div id="acceptableAdsContainer">
178 <input type="checkbox" id="acceptableAds" />
179 <span class="i18n_filters_acceptableAds2_label"></span>
180 <a id="acceptableAdsLink" href="#" class="i18n_filters_viewList_label">< /a>
181 <a id="acceptableAdsDocs" href="#" class="i18n_filters_readMore_label">< /a>
182 </div>
183 </p>
184 </div>
185
186 <div id="tab-whitelisted">
187 <p class="i18n_disabled_for_these_domains"></p>
188
189 <form id="whitelistForm" action="#">
190 <table>
191 <tr>
192 <td style="max-width:100%">
193 <input type="text" value="" id="newWhitelistDomain" style="width:100%" >
194 </td>
195 <td>
196 <button class="addButton" type="submit"><span class="i18n_add_domain_b utton"></span></button>
197 </td>
198 </tr>
199
200 <tr>
201 <td>
202 <select id="excludedDomainsBox" size="10" multiple style="width:500px; background: white;"></select>
203 </td>
204 <td>
205 <button id="removeWhitelist" class="removeButton"><span class="i18n_re move_button"></span></button>
206 </td>
207 </tr>
208 </table>
209 </form>
210 </div>
211
212 <div id="tab-userfilters">
213 <p class="i18n_filter_must_follow_syntax">"http://adblockplus.org/en/filters "</p>
214
215 <form id="customFilterForm" action="#">
216 <table>
217 <tr>
218 <td>
219 <input type="text" value="" id="newFilter" style="width:500px">
220 </td>
221 <td>
222 <button class="addButton" type="submit"><span class="i18n_add_filter_b utton"></span></button>
223 </td>
224 </tr>
225 <tr>
226 <td>
227 <select id="userFiltersBox" size="20" multiple style="width: 500px; ba ckground: white;"></select>
228 </td>
229 <td>
230 <button id="removeCustomFilter" class="removeButton"><span class="i18n _remove_button"></span></button>
231 </td>
232 </tr>
233 <tr>
234 <td>
235 <div style="font-size: 90%; text-align: right"><a id="rawFiltersButton " href="#"><span class="i18n_edit_filters_raw"></span></a></div>
236 </td>
237 </tr>
238 <tr id="rawFilters">
239 <td>
240 <div style="width: 500px">
241 <textarea id="rawFiltersText" style="width: 100%; height: 300px"></t extarea>
242 </div>
243 </td>
244 <td>
245 <div><button id="importRawFilters"><span class="i18n_apply_changes"></ span></button></div>
246 </td>
247 </tr>
248 </table>
249 </form>
250 </div>
251
252 <div id="tab-general">
253 <p>
254 <div id="shouldShowIconContainer">
255 <input type="checkbox" id="shouldShowIcon" /><span class="i18n_show_icon "></span>
256 </div>
257 </p>
258
259 <p class="i18n_found_a_bug">"https://adblockplus.org/forum/viewforum.php?f=1 4"</p>
260 </div>
261 </div>
262
263 </body>
61 </html> 264 </html>
62
OLDNEW
« 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