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