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

Side by Side Diff: options.html

Issue 29334038: Issue 2802/2358 - Dynamically generate tooltips in options page (Closed)
Patch Set: Created Jan. 19, 2016, 6:24 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 | « locale/en-US/options.json ('k') | options.js » ('j') | skin/options.css » ('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 - This file is part of Adblock Plus <https://adblockplus.org/>, 3 - This file is part of Adblock Plus <https://adblockplus.org/>,
4 - Copyright (C) 2006-2015 Eyeo GmbH 4 - Copyright (C) 2006-2015 Eyeo GmbH
5 - 5 -
6 - Adblock Plus is free software: you can redistribute it and/or modify 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 7 - it under the terms of the GNU General Public License version 3 as
8 - published by the Free Software Foundation. 8 - published by the Free Software Foundation.
9 - 9 -
10 - Adblock Plus is distributed in the hope that it will be useful, 10 - Adblock Plus is distributed in the hope that it will be useful,
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
76 <div id="dialog-background"></div> 76 <div id="dialog-background"></div>
77 77
78 <!-- General tab content --> 78 <!-- General tab content -->
79 <div id="content-general"> 79 <div id="content-general">
80 <div> 80 <div>
81 <h1 class="i18n_options_blocking_title"></h1> 81 <h1 class="i18n_options_blocking_title"></h1>
82 <div class="hbox"> 82 <div class="hbox">
83 <div id="blocking-languages"> 83 <div id="blocking-languages">
84 <div class="option-name"> 84 <div class="option-name">
85 <span class="i18n_options_language_title"></span> 85 <span class="i18n_options_language_title"></span>
86 <div class="tooltip"> 86 <span class="i18n_options_readMore read-more"
87 <span class="i18n_options_readMore"></span> 87 data-tooltip="options_language_title_tooltip"
88 <div role="tooltip"> 88 data-tooltip-image="skin/tooltips/block.png"></span>
89 <img src="skin/tooltips/block.png" alt="" />
90 <p class="i18n_options_language_title_tooltip"></p>
91 <div class="notes">
92 <p class="i18n_options_language_title_tooltip_notes_1">< /p>
93 <p class="i18n_options_language_title_tooltip_notes_2">< /p>
94 </div>
95 </div>
96 </div>
97 </div> 89 </div>
98 <ul id="blocking-languages-table" class="table list"> 90 <ul id="blocking-languages-table" class="table list">
99 <template> 91 <template>
100 <input type="checkbox" class="control" /> 92 <input type="checkbox" class="control" />
101 <span class="display"></span> 93 <span class="display"></span>
102 </template> 94 </template>
103 </ul> 95 </ul>
104 <div class="controls"> 96 <div class="controls">
105 <button data-action="open-dialog" data-dialog="language"> 97 <button data-action="open-dialog" data-dialog="language">
106 <span class="icon icon-add"></span> 98 <span class="icon icon-add"></span>
107 <span class="i18n_options_language_add"></span> 99 <span class="i18n_options_language_add"></span>
108 </button> 100 </button>
109 </div> 101 </div>
110 </div> 102 </div>
111 <div id="further-blocking"> 103 <div id="further-blocking">
112 <div class="option-name"> 104 <div class="option-name">
113 <strong class="i18n_options_furtherBlocking_title"></strong> 105 <strong class="i18n_options_more_title"></strong>
114 <div class="tooltip"> 106 <span class="i18n_options_readMore read-more"
115 <span class="i18n_options_readMore"></span> 107 data-tooltip="options_more_title_tooltip"
116 <div role="tooltip" class="flip-vertical"> 108 data-tooltip-image="skin/tooltips/more.png"
117 <img src="skin/tooltips/more.png" alt="" /> 109 data-tooltip-flip="horizontal"></span>
118 <p class="i18n_options_furtherBlocking_title_tooltip"></p>
119 </div>
120 </div>
121 </div> 110 </div>
122 <div id="custom-wrapper"> 111 <div id="custom-wrapper">
123 <ul id="recommend-list-table" class="table list"> 112 <ul id="recommend-list-table" class="table list">
124 <template> 113 <template>
125 <input type="checkbox" class="control" /> 114 <input type="checkbox" class="control" />
126 <span class="display"></span> 115 <div class="fill">
116 <span class="display"
117 data-tooltip="options_more_%value%_tooltip"
118 data-tooltip-value=""
119 data-tooltip-native></span>
120 </div>
127 <span class="popular"></span> 121 <span class="popular"></span>
128 </template> 122 </template>
129 </ul> 123 </ul>
130 <ul id="custom-list-table" class="table list"> 124 <ul id="custom-list-table" class="table list">
131 <template> 125 <template>
132 <input type="checkbox" class="control" /> 126 <input type="checkbox" class="control" />
133 <span class="display"></span> 127 <span class="display"></span>
134 </template> 128 </template>
135 </ul> 129 </ul>
136 </div> 130 </div>
137 <div class="controls"> 131 <div class="controls">
138 <button data-action="open-dialog" data-dialog="custom"> 132 <button data-action="open-dialog" data-dialog="custom">
139 <span class="icon icon-add"></span> 133 <span class="icon icon-add"></span>
140 <span class="i18n_options_furtherBlocking_add"><span> 134 <span class="i18n_options_more_add"><span>
141 </button> 135 </button>
142 </div> 136 </div>
143 </div> 137 </div>
144 </div> 138 </div>
145 </div> 139 </div>
146 <div> 140 <div>
147 <h1 class="i18n_options_exceptions_title"></h1> 141 <h1 class="i18n_options_exceptions_title"></h1>
148 <div class="hbox"> 142 <div class="hbox">
149 <div id="acceptable-ads"> 143 <div id="acceptable-ads">
150 <div class="option-name"> 144 <div class="option-name">
151 <strong class="i18n_options_acceptableAds_title"></strong> 145 <strong class="i18n_options_acceptableAds_title"></strong>
152 <div class="tooltip"> 146 <span class="i18n_options_readMore read-more"
153 <span class="i18n_options_readMore"></span> 147 data-tooltip="options_acceptableAds_title_tooltip"
154 <div role="tooltip"> 148 data-tooltip-image="skin/tooltips/acceptable-ads.png"></sp an>
155 <img src="skin/tooltips/acceptable-ads.png" alt="" />
156 <p class="i18n_options_acceptableAds_title_tooltip_1"></p>
157 <p class="i18n_options_acceptableAds_title_tooltip_2"></p>
158 <p class="i18n_options_acceptableAds_title_tooltip_3"></p>
159 </div>
160 </div>
161 </div> 149 </div>
162 <ul id="acceptableads-table" class="table list"> 150 <ul id="acceptableads-table" class="table list">
163 <template> 151 <template>
164 <input type="checkbox" class="control" /> 152 <input type="checkbox" class="control" />
165 <span class="display"></span> 153 <span class="display"></span>
166 </template> 154 </template>
167 </ul> 155 </ul>
168 </div> 156 </div>
169 <div id="whitelisting"> 157 <div id="whitelisting">
170 <div class="option-name"> 158 <div class="option-name">
171 <strong class="i18n_options_whitelisted_title"></strong> 159 <strong class="i18n_options_whitelisted_title"></strong>
172 <div class="tooltip"> 160 <span class="i18n_options_readMore read-more"
173 <span class="i18n_options_readMore"></span> 161 data-tooltip="options_whitelisted_title_tooltip"
174 <div role="tooltip" class="flip-vertical"> 162 data-tooltip-image="skin/tooltips/whitelisted.png"
175 <img src="skin/tooltips/whitelisted.png" alt="" /> 163 data-tooltip-flip="horizontal"></span>
176 <p class="i18n_options_whitelisted_title_tooltip_1"></p>
177 <p class="i18n_options_whitelisted_title_tooltip_2"></p>
178 <div class="notes">
179 <p class="i18n_options_whitelisted_title_tooltip_notes"> </p>
180 </div>
181 </div>
182 </div>
183 </div> 164 </div>
184 <ul id="whitelisting-table" class="table list"> 165 <ul id="whitelisting-table" class="table list">
185 <template> 166 <template>
186 <button class="delete control"></button> 167 <button class="delete control"></button>
187 <span class="display"></span> 168 <span class="display"></span>
188 </template> 169 </template>
189 </ul> 170 </ul>
190 <div class="controls"> 171 <div class="controls">
191 <button data-action="edit-domain-exception"> 172 <button data-action="edit-domain-exception">
192 <span class="icon icon-add"></span> 173 <span class="icon icon-add"></span>
(...skipping 13 matching lines...) Expand all
206 </div> 187 </div>
207 </div> 188 </div>
208 </div> 189 </div>
209 </div> 190 </div>
210 </div> 191 </div>
211 </div> 192 </div>
212 193
213 <!-- Advanced tab content --> 194 <!-- Advanced tab content -->
214 <div id="content-advanced"> 195 <div id="content-advanced">
215 <div> 196 <div>
216 <h1><span class="i18n_options_tweaks_title"></span><a class="i18n_op tions_readMore tooltip" href="#"></a></h1> 197 <h1><span class="i18n_options_tweaks_title"></span><a class="i18n_op tions_readMore read-more tooltip" href="#"></a></h1>
217 <ul class="table" style="width: auto;"> 198 <ul class="table" style="width: auto;">
218 <li> 199 <li>
219 <input type="checkbox" id="easylist"/><span id="block-element-ex planation" class="i18n_options_tweaks_blockElement"></span></li> 200 <input type="checkbox" id="easylist"/><span id="block-element-ex planation" class="i18n_options_tweaks_blockElement"></span></li>
220 </ul> 201 </ul>
221 </div> 202 </div>
222 <div> 203 <div>
223 <h1><span class="i18n_options_blockingList_title"></span><a class="i 18n_options_readMore tooltip" href="#" target="_blank"></a></h1> 204 <h1><span class="i18n_options_blockingList_title"></span><a class="i 18n_options_readMore read-more tooltip" href="#" target="_blank"></a></h1>
224 <ul id="blocking-list-tabs" class="tabs horizontal"> 205 <ul id="blocking-list-tabs" class="tabs horizontal">
225 <li class="i18n_options_tab_overview active" data-show="blocking-l ist-overview"></li><li class="i18n_options_tab_ownList" data-show="custom-filter s"></li> 206 <li class="i18n_options_tab_overview active" data-show="blocking-l ist-overview"></li><li class="i18n_options_tab_ownList" data-show="custom-filter s"></li>
226 </ul> 207 </ul>
227 <div id="blocking-list"> 208 <div id="blocking-list">
228 <div id="blocking-list-overview"> 209 <div id="blocking-list-overview">
229 <ul class="table cols" style="width: auto;"> 210 <ul class="table cols" style="width: auto;">
230 <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> 211 <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>
231 <li><input type="checkbox" id="easylist"/><span>Easylist</span ><span>Adblocking english sites</span><span>15 March 14 - 10:31</span></li> 212 <li><input type="checkbox" id="easylist"/><span>Easylist</span ><span>Adblocking english sites</span><span>15 March 14 - 10:31</span></li>
232 <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> 213 <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>
233 <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> 214 <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>
(...skipping 126 matching lines...) Expand 10 before | Expand all | Expand 10 after
360 <div class="url"></div> 341 <div class="url"></div>
361 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button> 342 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button>
362 </div> 343 </div>
363 </div> 344 </div>
364 </div> 345 </div>
365 <!-- Placeholder element to determine when to wrap focus around --> 346 <!-- Placeholder element to determine when to wrap focus around -->
366 <span class="focus-last" tabindex="0"></span> 347 <span class="focus-last" tabindex="0"></span>
367 </div> 348 </div>
368 </body> 349 </body>
369 </html> 350 </html>
OLDNEW
« no previous file with comments | « locale/en-US/options.json ('k') | options.js » ('j') | skin/options.css » ('J')

Powered by Google App Engine
This is Rietveld