• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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="pp_ifdef('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="pp_ifdef('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        <div class="settings-row">
415          <button id="protected-content-exceptions"
416              class="exceptions-list-button" contentType="protectedContent"
417              i18n-content="manageExceptions"></button>
418        </div>
419      </div>
420    </section>
421</if>
422    <!-- Media Stream capture device filter -->
423    <section>
424      <div class="section-header">
425        <h3 i18n-content="mediaStreamTabLabel"></h3>
426        <span id="media-indicator"
427            class="controlled-setting-indicator group-indicator"></span>
428      </div>
429      <div>
430        <div class="media-device-control">
431          <span i18n-content="mediaSelectMicLabel"></span>
432          <select id="media-select-mic" class="weakrtl"></select>
433        </div>
434        <div class="media-device-control">
435          <span i18n-content="mediaSelectCameraLabel"></span>
436          <select id="media-select-camera" class="weakrtl"></select>
437        </div>
438        <div class="radio">
439          <span class="controlled-setting-with-label">
440            <input id="media-stream-ask" type="radio" name="media-stream"
441                value="ask">
442            <span>
443              <label id="media-stream-ask-label" for="media-stream-ask"
444                  i18n-content="mediaStreamAsk">
445              </label>
446              <span class="controlled-setting-indicator"
447                  content-setting="media-stream" value="ask">
448              </span>
449            </span>
450          </span>
451        </div>
452        <div class="radio">
453          <span class="controlled-setting-with-label">
454            <input id="media-stream-block" type="radio" name="media-stream"
455                value="block">
456            <span>
457              <label id="media-stream-block-label" for="media-stream-block"
458                  i18n-content="mediaStreamBlock">
459              </label>
460              <span class="controlled-setting-indicator"
461                  content-setting="media-stream" value="block">
462              </span>
463            </span>
464          </span>
465        </div>
466        <div class="settings-row">
467          <button class="exceptions-list-button" contentType="media-stream"
468              i18n-content="manageExceptions"></button>
469        </div>
470        <div id="media-pepper-flash-default" class="pepper-flash-settings">
471          <span i18n-content="mediaPepperFlashDefaultDivergedLabel"></span>
472          <a target="_blank" i18n-content="mediaPepperFlashChangeLink"
473              i18n-values="href:mediaPepperFlashGlobalPrivacyURL"></a>
474        </div>
475      </div>
476    </section>
477    <!-- PPAPI broker -->
478    <section>
479      <h3 i18n-content="ppapiBrokerTabLabel"></h3>
480      <div>
481        <div class="radio">
482          <label>
483            <input type="radio" name="ppapi-broker" value="allow">
484            <span i18n-content="ppapi_broker_allow"></span>
485          </label>
486        </div>
487        <div class="radio">
488          <label>
489            <input type="radio" name="ppapi-broker" value="ask">
490            <span i18n-content="ppapi_broker_ask"></span>
491          </label>
492        </div>
493        <div class="radio">
494          <label>
495            <input type="radio" name="ppapi-broker" value="block">
496            <span i18n-content="ppapi_broker_block"></span>
497          </label>
498        </div>
499        <div class="settings-row">
500          <button class="exceptions-list-button" contentType="ppapi-broker"
501              i18n-content="manageExceptions"></button>
502        </div>
503      </div>
504    </section>
505    <section id="media-galleries-section" hidden>
506      <h3 i18n-content="mediaGalleriesSectionLabel"></h3>
507      <div class="settings-row">
508        <button id="manage-galleries-button"
509            i18n-content="manageGalleriesButton"></button>
510      </div>
511    </section>
512    <!-- Automatic Downloads filter -->
513    <section>
514      <h3 i18n-content="multiple-automatic-downloads_header"></h3>
515      <div>
516        <div class="radio">
517          <span class="controlled-setting-with-label">
518            <input id="multiple-automatic-downloads_allow" type="radio"
519                name="multiple-automatic-downloads" value="allow">
520            <span>
521              <label for="multiple-automatic-downloads_allow"
522                  i18n-content="multiple-automatic-downloads_allow">
523              </label>
524              <span class="controlled-setting-indicator"
525                  content-setting="multiple-automatic-downloads" value="allow">
526              </span>
527            </span>
528          </span>
529        </div>
530        <div class="radio">
531          <span class="controlled-setting-with-label">
532            <input id="multiple-automatic-downloads_ask" type="radio"
533                name="multiple-automatic-downloads" value="ask">
534            <span>
535              <label for="multiple-automatic-downloads_ask"
536                  i18n-content="multiple-automatic-downloads_ask">
537              </label>
538              <span class="controlled-setting-indicator"
539                  content-setting="multiple-automatic-downloads" value="ask">
540              </span>
541            </span>
542          </span>
543        </div>
544        <div class="radio">
545          <span class="controlled-setting-with-label">
546            <input id="multiple-automatic-downloads_block" type="radio"
547                name="multiple-automatic-downloads" value="block">
548            <span>
549              <label for="multiple-automatic-downloads_block"
550                  i18n-content="multiple-automatic-downloads_block">
551              </label>
552              <span class="controlled-setting-indicator"
553                  content-setting="multiple-automatic-downloads" value="block">
554              </span>
555            </span>
556          </span>
557        </div>
558        <div class="settings-row">
559          <button class="exceptions-list-button"
560              contentType="multiple-automatic-downloads"
561              i18n-content="manageExceptions"></button>
562        </div>
563      </div>
564    </section>
565    <!-- MIDI system exclusive messages filter -->
566    <section id="experimental-web-midi-settings" hidden="true">
567      <h3 i18n-content="midi-sysex_header"></h3>
568      <div>
569        <div class="radio">
570          <label>
571            <input type="radio" name="midi-sysex" value="allow">
572            <span i18n-content="midiSysExAllow"></span>
573          </label>
574        </div>
575        <div class="radio">
576          <label>
577            <input type="radio" name="midi-sysex" value="ask">
578            <span i18n-content="midiSysExAsk"></span>
579          </label>
580        </div>
581        <div class="radio">
582          <label>
583            <input type="radio" name="midi-sysex" value="block">
584            <span i18n-content="midiSysExBlock"></span>
585          </label>
586        </div>
587        <div class="settings-row">
588          <button class="exceptions-list-button" contentType="midi-sysex"
589              i18n-content="manageExceptions"></button>
590        </div>
591      </div>
592    </section>
593  </div>
594  <div class="action-area">
595    <div class="button-strip">
596      <button id="content-settings-overlay-confirm" class="default-button"
597          i18n-content="done">
598      </button>
599    </div>
600  </div>
601</div>
602