content_settings.html revision 116680a4aac90f2aa7413d9095a592090648e557 
1<div id="content-settings-page" class="page" hidden>
2  <div class="close-button"></div>
3  <h1 i18n-content="contentSettingsPage"></h1>
4  <div class="content-area">
5    <!-- Cookie filter tab contents -->
6    <section>
7      <h3 i18n-content="cookies_tab_label"></h3>
8      <div>
9        <div class="radio">
10          <span class="controlled-setting-with-label">
11            <input id="cookies-allow" type="radio" name="cookies" value="allow">
12            <span>
13              <label for="cookies-allow" i18n-content="cookies_allow"></label>
14              <span class="controlled-setting-indicator"
15                  content-setting="cookies" value="allow">
16              </span>
17            </span>
18          </span>
19        </div>
20        <div class="radio">
21          <span class="controlled-setting-with-label">
22            <input id="cookies-session" type="radio" name="cookies"
23                value="session">
24            <span>
25              <label for="cookies-session" i18n-content="cookies_session_only">
26              </label>
27              <span class="controlled-setting-indicator"
28                  content-setting="cookies" value="session">
29              </span>
30            </span>
31          </span>
32        </div>
33        <div class="radio">
34          <span class="controlled-setting-with-label">
35            <input id="cookies-block" type="radio" name="cookies" value="block">
36            <span>
37              <label for="cookies-block" i18n-content="cookies_block"></label>
38              <span class="controlled-setting-indicator"
39                  content-setting="cookies" value="block">
40              </span>
41            </span>
42          </span>
43        </div>
44        <div class="checkbox">
45          <span class="controlled-setting-with-label">
46            <input id="block-third-party-cookies"
47                pref="profile.block_third_party_cookies" type="checkbox">
48            <span>
49              <label for="block-third-party-cookies"
50                  i18n-content="cookies_block_3rd_party">
51              </label>
52              <span class="controlled-setting-indicator"
53                  pref="profile.block_third_party_cookies">
54              </span>
55            </span>
56          </span>
57        </div>
58        <!-- TODO(jochen): remove the div with the clear cookies on exit option
59                           once this has shipped. -->
60        <div class="checkbox" guest-visibility="disabled" hidden>
61          <label>
62            <input id="clear-cookies-on-exit"
63                pref="profile.clear_site_data_on_exit" type="checkbox">
64            <span i18n-content="cookies_lso_clear_when_close"
65                class="clear-plugin-lso-data-enabled"></span>
66            <span i18n-content="cookies_clear_when_close"
67                class="clear-plugin-lso-data-disabled"></span>
68          </label>
69        </div>
70        <div class="settings-row">
71          <button class="exceptions-list-button" contentType="cookies"
72              i18n-content="manageExceptions"></button>
73          <button id="show-cookies-button"
74              i18n-content="cookies_show_cookies"></button>
75        </div>
76     </div>
77    </section>
78    <!-- Image filter -->
79    <section>
80      <h3 i18n-content="images_tab_label"></h3>
81      <div>
82        <div class="radio">
83          <span class="controlled-setting-with-label">
84            <input id="images-allow" type="radio" name="images" value="allow">
85            <span>
86              <label for="images-allow" i18n-content="images_allow"></label>
87              <span class="controlled-setting-indicator"
88                  content-setting="images" value="allow">
89              </span>
90            </span>
91          </span>
92        </div>
93        <div class="radio">
94          <span class="controlled-setting-with-label">
95            <input id="images-block" type="radio" name="images" value="block">
96            <span>
97              <label for="images-block" i18n-content="images_block"></label>
98              <span class="controlled-setting-indicator"
99                  content-setting="images" value="block">
100              </span>
101            </span>
102          </span>
103        </div>
104        <div class="settings-row">
105          <button class="exceptions-list-button" contentType="images"
106              i18n-content="manageExceptions"></button>
107        </div>
108      </div>
109    </section>
110    <!-- JavaScript filter -->
111    <section>
112      <h3 i18n-content="javascript_tab_label"></h3>
113      <div>
114        <div class="radio">
115          <span class="controlled-setting-with-label">
116            <input id="javascript-allow" type="radio" name="javascript"
117                value="allow">
118            <span>
119              <label for="javascript-allow" i18n-content="javascript_allow">
120              </label>
121              <span class="controlled-setting-indicator"
122                  content-setting="javascript" value="allow">
123              </span>
124            </span>
125          </span>
126        </div>
127        <div class="radio">
128          <span class="controlled-setting-with-label">
129            <input id="javascript-block" type="radio" name="javascript"
130                value="block">
131            <span>
132              <label for="javascript-block" i18n-content="javascript_block">
133              </label>
134              <span class="controlled-setting-indicator"
135                  content-setting="javascript" value="block">
136              </span>
137            </span>
138          </span>
139        </div>
140        <div class="settings-row">
141          <button class="exceptions-list-button" contentType="javascript"
142              i18n-content="manageExceptions"></button>
143        </div>
144      </div>
145    </section>
146    <!-- Handlers settings -->
147    <section id="handlers-section">
148      <h3 i18n-content="handlers_tab_label"></h3>
149      <div>
150        <div class="radio">
151          <label>
152            <input type="radio" name="handlers" value="allow"
153                class="handler-radio">
154            <span i18n-content="handlers_allow"></span>
155          </label>
156        </div>
157        <div class="radio">
158          <label>
159            <input type="radio" name="handlers" value="block"
160                class="handler-radio">
161            <span i18n-content="handlers_block"></span>
162          </label>
163        </div>
164        <div class="settings-row">
165          <button id="manage-handlers-button" contentType="handlers"
166              i18n-content="manage_handlers"></button>
167        </div>
168      </div>
169    </section>
170    <!-- Plug-ins filter -->
171    <section>
172      <h3 i18n-content="plugins_tab_label"></h3>
173      <div>
174        <div class="radio">
175          <span class="controlled-setting-with-label">
176            <input id="plugins-allow" type="radio" name="plugins" value="allow">
177            <span>
178              <label for="plugins-allow" i18n-content="plugins_allow"></label>
179              <span class="controlled-setting-indicator"
180                  content-setting="plugins" value="allow">
181              </span>
182            </span>
183          </span>
184        </div>
185        <div id="click_to_play" class="radio">
186          <span class="controlled-setting-with-label">
187            <input id="plugins-ask" type="radio" name="plugins" value="ask">
188            <span>
189              <label for="plugins-ask" i18n-content="plugins_ask"></label>
190              <span class="controlled-setting-indicator"
191                  content-setting="plugins" value="ask">
192              </span>
193            </span>
194          </span>
195        </div>
196        <div class="radio">
197          <span class="controlled-setting-with-label">
198            <input id="plugins-block" type="radio" name="plugins" value="block">
199            <span>
200              <label for="plugins-block" i18n-content="plugins_block"></label>
201              <span class="controlled-setting-indicator"
202                  content-setting="plugins" value="block">
203              </span>
204            </span>
205          </span>
206        </div>
207        <div class="settings-row">
208          <button class="exceptions-list-button" contentType="plugins"
209              i18n-content="manageExceptions"></button>
210        </div>
211        <div id="disable-plugins-container">
212          <a href="chrome://plugins" i18n-content="disableIndividualPlugins"
213              target="_blank"></a>
214        </div>
215      </div>
216    </section>
217    <!-- Pop-ups filter -->
218    <section>
219      <h3 i18n-content="popups_tab_label" class="content-settings-header"></h3>
220      <div>
221        <div class="radio">
222          <span class="controlled-setting-with-label">
223            <input id="popups-allow" type="radio" name="popups" value="allow">
224            <span>
225              <label for="popups-allow" i18n-content="popups_allow"></label>
226              <span class="controlled-setting-indicator"
227                  content-setting="popups" value="allow">
228              </span>
229            </span>
230          </span>
231        </div>
232        <div class="radio">
233          <span class="controlled-setting-with-label">
234            <input id="popups-block" type="radio" name="popups" value="block">
235            <span>
236              <label for="popups-block" i18n-content="popups_block"></label>
237              <span class="controlled-setting-indicator"
238                  content-setting="popups" value="block">
239              </span>
240            </span>
241          </span>
242        </div>
243        <div class="settings-row">
244          <button class="exceptions-list-button" contentType="popups"
245              i18n-content="manageExceptions"></button>
246        </div>
247      </div>
248    </section>
249    <!-- Location filter -->
250    <section>
251      <h3 i18n-content="location_tab_label"></h3>
252      <div>
253        <div class="radio">
254          <span class="controlled-setting-with-label">
255            <input id="location-allow" type="radio" name="location"
256                value="allow">
257            <span>
258              <label for="location-allow" i18n-content="location_allow"></label>
259              <span class="controlled-setting-indicator"
260                  content-setting="location" value="allow">
261              </span>
262            </span>
263          </span>
264        </div>
265        <div class="radio">
266          <span class="controlled-setting-with-label">
267            <input id="location-ask" type="radio" name="location" value="ask">
268            <span>
269              <label for="location-ask" i18n-content="location_ask"></label>
270              <span class="controlled-setting-indicator"
271                  content-setting="location" value="ask">
272              </span>
273            </span>
274          </span>
275        </div>
276        <div class="radio">
277          <span class="controlled-setting-with-label">
278            <input id="location-block" type="radio" name="location"
279                value="block">
280            <span>
281              <label for="location-block" i18n-content="location_block"></label>
282              <span class="controlled-setting-indicator"
283                  content-setting="location" value="block">
284              </span>
285            </span>
286          </span>
287        </div>
288<if expr="enable_google_now">
289        <div class="checkbox" id="geolocationCheckbox" hidden>
290          <span class="controlled-setting-with-label">
291            <input id="googleGeolocationAccessEnabled"
292                pref="googlegeolocationaccess.enabled"
293                metric="Options_GoogleGeolocationAccessCheckbox"
294                type="checkbox">
295            <span>
296              <label for="googleGeolocationAccessEnabled"
297                  i18n-content="googleGeolocationAccessEnable">
298              </label>
299              <span class="controlled-setting-indicator"
300                  pref="googlegeolocationaccess.enabled">
301              </span>
302            </span>
303          </span>
304        </div>
305</if>
306        <div class="settings-row">
307          <button class="exceptions-list-button" contentType="location"
308              i18n-content="manageExceptions"></button>
309        </div>
310      </div>
311    </section>
312    <!-- Notifications filter tab contents -->
313    <section id="notifications-section">
314      <h3 i18n-content="notifications_tab_label"></h3>
315      <div>
316        <div class="radio">
317          <span class="controlled-setting-with-label">
318            <input id="notifications-allow" type="radio" name="notifications"
319                value="allow">
320            <span>
321              <label for="notifications-allow"
322                  i18n-content="notifications_allow">
323              </label>
324              <span class="controlled-setting-indicator"
325                  content-setting="notifications" value="allow">
326              </span>
327            </span>
328          </span>
329        </div>
330        <div class="radio">
331          <span class="controlled-setting-with-label">
332            <input id="notifications-ask" type="radio" name="notifications"
333                value="ask">
334            <span>
335              <label for="notifications-ask" i18n-content="notifications_ask">
336              </label>
337              <span class="controlled-setting-indicator"
338                  content-setting="notifications" value="ask">
339              </span>
340            </span>
341          </span>
342        </div>
343        <div class="radio">
344          <span class="controlled-setting-with-label">
345            <input id="notifications-block" type="radio" name="notifications"
346                value="block">
347            <span>
348              <label for="notifications-block"
349                  i18n-content="notifications_block">
350              </label>
351              <span class="controlled-setting-indicator"
352                  content-setting="notifications" value="block">
353              </span>
354            </span>
355          </span>
356        </div>
357        <div class="settings-row">
358          <button class="exceptions-list-button" contentType="notifications"
359              i18n-content="manageExceptions"></button>
360        </div>
361      </div>
362    </section>
363    <!-- Fullscreen filter -->
364    <section>
365      <h3 i18n-content="fullscreen_tab_label"></h3>
366      <div class="settings-row">
367        <button class="exceptions-list-button" contentType="fullscreen"
368            i18n-content="manageExceptions"></button>
369      </div>
370    </section>
371    <!-- Mouse Lock filter -->
372    <section>
373      <h3 i18n-content="mouselock_tab_label"></h3>
374      <div>
375        <div class="radio">
376          <label>
377            <input type="radio" name="mouselock" value="allow">
378            <span i18n-content="mouselock_allow"></span>
379          </label>
380        </div>
381        <div class="radio">
382          <label>
383            <input type="radio" name="mouselock" value="ask">
384            <span i18n-content="mouselock_ask"></span>
385          </label>
386        </div>
387        <div class="radio">
388          <label>
389            <input type="radio" name="mouselock" value="block">
390            <span i18n-content="mouselock_block"></span>
391          </label>
392        </div>
393        <div class="settings-row">
394          <button class="exceptions-list-button" contentType="mouselock"
395              i18n-content="manageExceptions"></button>
396        </div>
397      </div>
398    </section>
399<if expr="chromeos or is_win">
400    <!-- Protected Content filter -->
401    <section guest-visibility="disabled">
402      <h3 i18n-content="protectedContentTabLabel"
403          class="content-settings-header"></h3>
404      <div>
405        <div class="settings-row">
406          <p i18n-content="protectedContentInfo"></p>
407        </div>
408        <div class="checkbox">
409          <label>
410            <input pref="settings.privacy.drm_enabled" type="checkbox">
411            <span i18n-content="protectedContentEnable"></span>
412          </label>
413        </div>
414  <if expr="chromeos">
415        <div class="settings-row">
416          <button id="protected-content-exceptions"
417              class="exceptions-list-button" contentType="protectedContent"
418              i18n-content="manageExceptions"></button>
419        </div>
420  </if>
421      </div>
422    </section>
423</if>
424    <!-- Media Stream capture device filter -->
425    <section id="media-stream-settings">
426      <div class="section-header">
427        <h3 i18n-content="mediaStreamTabLabel"></h3>
428        <span id="media-indicator"
429            class="controlled-setting-indicator group-indicator"></span>
430      </div>
431      <div>
432        <div class="media-device-control">
433          <span i18n-content="mediaSelectMicLabel"></span>
434          <select id="media-select-mic" class="weakrtl"></select>
435        </div>
436        <div class="media-device-control">
437          <span i18n-content="mediaSelectCameraLabel"></span>
438          <select id="media-select-camera" class="weakrtl"></select>
439        </div>
440        <div class="radio">
441          <span class="controlled-setting-with-label">
442            <input id="media-stream-ask" type="radio" name="media-stream"
443                value="ask">
444            <span>
445              <label id="media-stream-ask-label" for="media-stream-ask"
446                  i18n-content="mediaStreamAsk">
447              </label>
448              <span class="controlled-setting-indicator"
449                  content-setting="media-stream" value="ask">
450              </span>
451            </span>
452          </span>
453        </div>
454        <div class="radio">
455          <span class="controlled-setting-with-label">
456            <input id="media-stream-block" type="radio" name="media-stream"
457                value="block">
458            <span>
459              <label id="media-stream-block-label" for="media-stream-block"
460                  i18n-content="mediaStreamBlock">
461              </label>
462              <span class="controlled-setting-indicator"
463                  content-setting="media-stream" value="block">
464              </span>
465            </span>
466          </span>
467        </div>
468        <div class="settings-row">
469          <button class="exceptions-list-button" contentType="media-stream"
470              i18n-content="manageExceptions"></button>
471        </div>
472        <div id="media-pepper-flash-default" class="pepper-flash-settings">
473          <span i18n-content="mediaPepperFlashDefaultDivergedLabel"></span>
474          <a target="_blank" i18n-content="mediaPepperFlashChangeLink"
475              i18n-values="href:mediaPepperFlashGlobalPrivacyURL"></a>
476        </div>
477      </div>
478    </section>
479    <!-- PPAPI broker -->
480    <section>
481      <h3 i18n-content="ppapiBrokerTabLabel"></h3>
482      <div>
483        <div class="radio">
484          <label>
485            <input type="radio" name="ppapi-broker" value="allow">
486            <span i18n-content="ppapi_broker_allow"></span>
487          </label>
488        </div>
489        <div class="radio">
490          <label>
491            <input type="radio" name="ppapi-broker" value="ask">
492            <span i18n-content="ppapi_broker_ask"></span>
493          </label>
494        </div>
495        <div class="radio">
496          <label>
497            <input type="radio" name="ppapi-broker" value="block">
498            <span i18n-content="ppapi_broker_block"></span>
499          </label>
500        </div>
501        <div class="settings-row">
502          <button class="exceptions-list-button" contentType="ppapi-broker"
503              i18n-content="manageExceptions"></button>
504        </div>
505      </div>
506    </section>
507    <!-- Automatic Downloads filter -->
508    <section>
509      <h3 i18n-content="multiple-automatic-downloads_header"></h3>
510      <div>
511        <div class="radio">
512          <span class="controlled-setting-with-label">
513            <input id="multiple-automatic-downloads_allow" type="radio"
514                name="multiple-automatic-downloads" value="allow">
515            <span>
516              <label for="multiple-automatic-downloads_allow"
517                  i18n-content="multiple-automatic-downloads_allow">
518              </label>
519              <span class="controlled-setting-indicator"
520                  content-setting="multiple-automatic-downloads" value="allow">
521              </span>
522            </span>
523          </span>
524        </div>
525        <div class="radio">
526          <span class="controlled-setting-with-label">
527            <input id="multiple-automatic-downloads_ask" type="radio"
528                name="multiple-automatic-downloads" value="ask">
529            <span>
530              <label for="multiple-automatic-downloads_ask"
531                  i18n-content="multiple-automatic-downloads_ask">
532              </label>
533              <span class="controlled-setting-indicator"
534                  content-setting="multiple-automatic-downloads" value="ask">
535              </span>
536            </span>
537          </span>
538        </div>
539        <div class="radio">
540          <span class="controlled-setting-with-label">
541            <input id="multiple-automatic-downloads_block" type="radio"
542                name="multiple-automatic-downloads" value="block">
543            <span>
544              <label for="multiple-automatic-downloads_block"
545                  i18n-content="multiple-automatic-downloads_block">
546              </label>
547              <span class="controlled-setting-indicator"
548                  content-setting="multiple-automatic-downloads" value="block">
549              </span>
550            </span>
551          </span>
552        </div>
553        <div class="settings-row">
554          <button class="exceptions-list-button"
555              contentType="multiple-automatic-downloads"
556              i18n-content="manageExceptions"></button>
557        </div>
558      </div>
559    </section>
560    <!-- MIDI system exclusive messages filter -->
561    <section id="experimental-web-midi-settings" hidden="true">
562      <h3 i18n-content="midi-sysex_header"></h3>
563      <div>
564        <div class="radio">
565          <label>
566            <input type="radio" name="midi-sysex" value="allow">
567            <span i18n-content="midiSysExAllow"></span>
568          </label>
569        </div>
570        <div class="radio">
571          <label>
572            <input type="radio" name="midi-sysex" value="ask">
573            <span i18n-content="midiSysExAsk"></span>
574          </label>
575        </div>
576        <div class="radio">
577          <label>
578            <input type="radio" name="midi-sysex" value="block">
579            <span i18n-content="midiSysExBlock"></span>
580          </label>
581        </div>
582        <div class="settings-row">
583          <button class="exceptions-list-button" contentType="midi-sysex"
584              i18n-content="manageExceptions"></button>
585        </div>
586      </div>
587    </section>
588    <!-- Push messaging filter -->
589    <section id="experimental-push-messaging-settings" hidden="true">
590      <h3 i18n-content="push-messaging_header"></h3>
591      <div>
592        <div class="radio">
593          <label>
594            <input type="radio" name="push-messaging" value="allow">
595            <span i18n-content="pushMessagingAllow"></span>
596          </label>
597        </div>
598        <div class="radio">
599          <label>
600            <input type="radio" name="push-messaging" value="ask">
601            <span i18n-content="pushMessagingAsk"></span>
602          </label>
603        </div>
604        <div class="radio">
605          <label>
606            <input type="radio" name="push-messaging" value="block">
607            <span i18n-content="pushMessagingBlock"></span>
608          </label>
609        </div>
610        <div class="settings-row">
611          <button class="exceptions-list-button" contentType="push-messaging"
612              i18n-content="manageExceptions"></button>
613        </div>
614      </div>
615    </section>
616    <!-- Page zoom levels -->
617    <section id="page-zoom-levels">
618      <h3 i18n-content="zoomlevels_header"></h3>
619      <div>
620        <div class="settings-row">
621          <button class="exceptions-list-button" contentType="zoomlevels"
622              i18n-content="zoomLevelsManage"></button>
623        </div>
624      </div>
625    </section>
626  </div>
627  <div class="action-area">
628    <div class="button-strip">
629      <button id="content-settings-overlay-confirm" class="default-button"
630          i18n-content="done">
631      </button>
632    </div>
633  </div>
634</div>
635