src/chrome/browser/resources/options/content_settings.html

   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>