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