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