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