Home | History | Annotate | Download | only in options 
      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>
    648