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

Side by Side Diff: options.html

Issue 29536764: Issue 5587, 5748 - Use mobile options page on Firefox for Android (Closed) Base URL: https://hg.adblockplus.org/adblockpluschrome/
Patch Set: Hide content frame until loaded Created Oct. 4, 2017, 9:56 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
« no previous file with comments | « metadata.gecko-webext ('k') | options.js » ('j') | options.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 2
3 <!-- 3 <!--
4 - This file is part of Adblock Plus <https://adblockplus.org/>, 4 - This file is part of Adblock Plus <https://adblockplus.org/>,
5 - Copyright (C) 2006-present eyeo GmbH 5 - Copyright (C) 2006-present eyeo GmbH
6 - 6 -
7 - Adblock Plus is free software: you can redistribute it and/or modify 7 - Adblock Plus is free software: you can redistribute it and/or modify
8 - it under the terms of the GNU General Public License version 3 as 8 - it under the terms of the GNU General Public License version 3 as
9 - published by the Free Software Foundation. 9 - published by the Free Software Foundation.
10 - 10 -
11 - Adblock Plus is distributed in the hope that it will be useful, 11 - Adblock Plus is distributed in the hope that it will be useful,
12 - but WITHOUT ANY WARRANTY; without even the implied warranty of 12 - but WITHOUT ANY WARRANTY; without even the implied warranty of
13 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 13 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 - GNU General Public License for more details. 14 - GNU General Public License for more details.
15 - 15 -
16 - You should have received a copy of the GNU General Public License 16 - You should have received a copy of the GNU General Public License
17 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. 17 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.
18 --> 18 -->
19 19
20 <html> 20 <html>
21 <head> 21 <head>
22 <meta charset="utf-8"> 22 <meta charset="utf-8">
23 <link type="text/css" href="jquery-ui/css/smoothness/jquery-ui-1.12.1.custom.css " rel="stylesheet" /> 23 <style>
24 <script type="text/javascript" src="jquery-ui/js/jquery-3.2.1.min.js"></script> 24 body
25 <script type="text/javascript" src="jquery-ui/js/jquery-ui-1.12.1.custom.min.js" ></script> 25 {
26 <script type="text/javascript" src="ext/common.js"></script> 26 margin: 0;
27 <script type="text/javascript" src="ext/content.js"></script> 27 border: none;
28 <script type="text/javascript" src="i18n.js" charset="utf-8"></script> 28 padding: 0;
29 <script type="text/javascript" src="options.js" charset="utf-8"></script> 29 }
30 <title>Adblock Plus Options</title>
31 <style type="text/css" media="screen">
32 body
33 {
34 font-family: Arial, Helvetica, sans-serif;
35 font-size: 13px;
36 padding: 20px;
37 }
38 30
39 td 31 #content
40 { 32 {
41 font-size: 13px; 33 border: none;
42 vertical-align: top; 34 position: fixed;
43 text-align: left; 35 width: 100%;
44 } 36 height: 100%;
45 37 }
46 p 38 </style>
47 { 39 <script src="options.js" defer></script>
48 margin-top: 0.5em; 40 </head>
49 } 41 <body>
50 42 <iframe id="content" style="visibility: hidden" data-src="desktop-options.ht ml" data-src-fennec="mobile-options.html"></iframe>
Sebastian Noack 2017/10/04 22:36:19 Using style attributes isn't great. A more semanti
Manish Jethani 2017/10/04 23:07:52 The hidden attribute doesn't seem to be as effecti
51 button 43 </body>
52 {
53 white-space: pre;
54 }
55
56 #firefox-warning
57 {
58 margin-bottom: 20px;
59 padding: 10px;
60 border: 1px solid #cccccc;
61 border-radius: 3px;
62 background-color: #ffcccc;
63 font-size: 120%;
64 }
65
66 #subscriptionTemplate,
67 #addSubscriptionContainer,
68 #customSubscriptionContainer
69 {
70 display: none;
71 }
72
73 #acceptableAdsContainer
74 {
75 margin-top: 10px;
76 }
77
78 #acceptableAdsLink,
79 #acceptableAdsDocs
80 {
81 margin-left: 10px;
82 margin-right: 10px;
83 }
84
85 .subscription
86 {
87 margin: 3px 0px;
88 }
89
90 .subscriptionRemoveButton,
91 .subscriptionEnabledContainer,
92 .subscriptionTitle
93 {
94 margin-right: 1em;
95 }
96
97 .subscriptionRemoveButton
98 {
99 font-weight: normal !important;
100 font-size: 20px !important;
101 color: #FF0000 !important;
102 border: none !important;
103 outline: none !important;
104 background: none !important;
105 }
106
107 .subscriptionUpdate
108 {
109 color: #B0B0B0;
110 }
111
112 #rawFilters {
113 display: none;
114 }
115
116 .okMsg {
117 display: none;
118 color: #ffffff;
119 background: #30e030;
120 font-weight: bold;
121 padding: 3px;
122 }
123
124 .errMsg {
125 display: none;
126 color: #ffffff;
127 background: #e03030;
128 font-weight:bold;
129 padding:3px;
130 }
131
132 /* Filter list entry status message */
133 .flMsg {
134 display: none;
135 color: #b0b0b0;
136 }
137
138 .focused
139 {
140 box-shadow: 0px 0px 10px #e03030;
141 }
142
143 </style>
144 </head>
145 <body>
146 <table>
147 <tr>
148 <td style="padding-right: 8px; vertical-align: middle;">
149 <img src="icons/detailed/abp-32.png" srcset="icons/detailed/abp-64.png 2x" >
150 </td>
151 <td>
152 <h1><span class="i18n_options"></span></h1>
153 </td>
154 </tr>
155 </table>
156
157 <div id="firefox-warning" hidden>
158 Don't like what you see?
159 <a href="https://adblockplus.org/blog/the-plan-towards-offering-adblock-plus- for-firefox-as-a-web-extension" target="_blank">Neither do we</a>.
160 This page will be improved soon.
161 </div>
162
163 <div id="tabs">
164 <ul>
165 <li><a href="#tab-filterlists"><span class="i18n_filter_lists"></span></a></ li>
166 <li><a href="#tab-userfilters"><span class="i18n_add_your_own_filters"></spa n></a></li>
167 <li><a href="#tab-whitelisted"><span class="i18n_whitelisted_domains"></span ></a></li>
168 <li><a href="#tab-general"><span class="i18n_general"></span></a></li>
169 </ul>
170
171 <div id="tab-filterlists">
172 <p>
173 <span class="i18n_enable_only_the"></span>
174 </p>
175 <p>
176 <span class="i18n_out_of_date_lists"></span>
177 <button id="updateFilterLists" class="refreshButton"><span class="i18n_upd ate_now"></span></button><br />
178
179 <!-- Subscription entry template -->
180 <div id="subscriptionTemplate" class="subscription">
181 <button class="i18n_filters_subscription_delete_label subscriptionRemove Button"></button>
182 <label class="subscriptionEnabledContainer">
183 <input class="subscriptionEnabled" type="checkbox" /> <span class="i18 n_filters_subscription_enabled_label"></span>
184 </label>
185 <a class="subscriptionTitle"></a>
186 <span class="subscriptionUpdate"></span>
187 </div>
188
189 <!-- Placeholder for list of subscriptions -->
190 <div id="filterLists"></div>
191 <br />
192
193 <!-- Placeholder for user's filter list URLs -->
194 <div id="userFilterLists" style="margin-bottom: 8px"></div>
195
196 <p id="addSubscriptionButton">
197 <button id="startSubscriptionSelection" class="addButton"><span class="i 18n_filters_addSubscription_label"></span></button>
198 </p>
199 <div id="addSubscriptionContainer">
200 <span class="i18n_subscriptionSelection_subscriptionSelector_label"></sp an><br />
201 <select id="subscriptionSelector" style="width:500px"></select>
202 <button id="addSubscription" class="addButton"><span class="i18n_filters _addSubscriptionAdd_label"></span></button>
203 </div>
204 <div id="customSubscriptionContainer">
205 <p>
206 <span class="i18n_subscriptionSelection_title_label"></span><br />
207 <input type="text" id="customSubscriptionTitle" style="width:500px" />
208 </p>
209 <p>
210 <span class="i18n_subscriptionSelection_location_label"></span><br />
211 <input type="text" id="customSubscriptionLocation" style="width:500px" />
212 </p>
213 </div>
214
215 <div id="acceptableAdsContainer">
216 <input type="checkbox" id="acceptableAds" />
217 <label for="acceptableAds" class="i18n_filters_acceptableAds2_label"></l abel>
218 <a id="acceptableAdsLink" href="#" target="_blank" class="i18n_filters_v iewList_label"></a>
219 <a id="acceptableAdsDocs" href="#" target="_blank" class="i18n_filters_r eadMore_label"></a>
220 </div>
221 </p>
222 </div>
223
224 <div id="tab-whitelisted">
225 <p class="i18n_disabled_for_these_domains"></p>
226
227 <form id="whitelistForm" action="#">
228 <table>
229 <tr>
230 <td style="max-width:100%">
231 <input type="text" value="" id="newWhitelistDomain" style="width:100%" >
232 </td>
233 <td>
234 <button class="addButton" type="submit"><span class="i18n_add_domain_b utton"></span></button>
235 </td>
236 </tr>
237
238 <tr>
239 <td>
240 <select id="excludedDomainsBox" size="10" multiple style="width:500px; background: white;"></select>
241 </td>
242 <td>
243 <button id="removeWhitelist" class="removeButton"><span class="i18n_re move_button"></span></button>
244 </td>
245 </tr>
246 </table>
247 </form>
248 </div>
249
250 <div id="tab-userfilters">
251 <p id="filter-must-follow-syntax" class="i18n_filter_must_follow_syntax"></p >
252
253 <form id="customFilterForm" action="#">
254 <table>
255 <tr>
256 <td>
257 <input type="text" value="" id="newFilter" style="width:500px">
258 </td>
259 <td>
260 <button class="addButton" type="submit"><span class="i18n_add_filter_b utton"></span></button>
261 </td>
262 </tr>
263 <tr>
264 <td>
265 <select id="userFiltersBox" size="20" multiple style="width: 500px; ba ckground: white;overflow:auto;"></select>
266 </td>
267 <td>
268 <button id="removeCustomFilter" class="removeButton"><span class="i18n _remove_button"></span></button>
269 </td>
270 </tr>
271 <tr>
272 <td>
273 <div style="font-size: 90%; text-align: right"><a id="rawFiltersButton " href="#"><span class="i18n_edit_filters_raw"></span></a></div>
274 </td>
275 </tr>
276 <tr id="rawFilters">
277 <td>
278 <div style="width: 500px">
279 <textarea id="rawFiltersText" style="width: 100%; height: 300px"></t extarea>
280 </div>
281 </td>
282 <td>
283 <div><button id="importRawFilters"><span class="i18n_apply_changes"></ span></button></div>
284 </td>
285 </tr>
286 </table>
287 </form>
288 </div>
289
290 <div id="tab-general">
291 <p>
292 <div id="shouldShowBlockElementMenuContainer">
293 <input type="checkbox" id="shouldShowBlockElementMenu" /><label for="sho uldShowBlockElementMenu" class="i18n_show_block_element_menu"></label>
294 </div>
295 <div id="showDevtoolsPanelContainer">
296 <input type="checkbox" id="show_devtools_panel" /><label for="show_devto ols_panel" class="i18n_show_devtools_panel"></label>
297 </div>
298 <div id="shouldShowNotificationsContainer" data-section="notifications">
299 <input type="checkbox" id="shouldShowNotifications" /><label for="should ShowNotifications" class="i18n_overlay_shownotifications_label"></label>
300 </div>
301 </p>
302
303 <p id="found-a-bug" class="i18n_found_a_bug"></p>
304 </div>
305 </div>
306
307 </body>
308 </html> 44 </html>
OLDNEW
« no previous file with comments | « metadata.gecko-webext ('k') | options.js » ('j') | options.js » ('J')

Powered by Google App Engine
This is Rietveld