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