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