Upstream version 10.39.225.0
[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / options / content_settings.html
index d96f4f8..ff03980 100644 (file)
@@ -4,56 +4,46 @@
   <div class="content-area">
     <!-- Cookie filter tab contents -->
     <section>
-      <h3 i18n-content="cookies_tab_label"></h3>
-      <div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="cookies-allow" type="radio" name="cookies" value="allow">
+      <h3 i18n-content="cookiesTabLabel"></h3>
+      <div class="replace-with-website-settings">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="cookies" value="allow">
             <span>
-              <label for="cookies-allow" i18n-content="cookies_allow"></label>
+              <span i18n-content="cookiesAllow"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="cookies" value="allow">
-              </span>
+                  content-setting="cookies" value="allow"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="cookies-session" type="radio" name="cookies"
-                value="session">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="cookies" value="session">
             <span>
-              <label for="cookies-session" i18n-content="cookies_session_only">
-              </label>
+              <span i18n-content="cookies_session_only"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="cookies" value="session">
-              </span>
+                  content-setting="cookies" value="session"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="cookies-block" type="radio" name="cookies" value="block">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="cookies" value="block">
             <span>
-              <label for="cookies-block" i18n-content="cookies_block"></label>
+              <span i18n-content="cookiesBlock"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="cookies" value="block">
-              </span>
+                  content-setting="cookies" value="block"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="checkbox">
-          <span class="controlled-setting-with-label">
-            <input id="block-third-party-cookies"
-                pref="profile.block_third_party_cookies" type="checkbox">
+        <div class="checkbox controlled-setting-with-label">
+          <label>
+            <input pref="profile.block_third_party_cookies" type="checkbox">
             <span>
-              <label for="block-third-party-cookies"
-                  i18n-content="cookies_block_3rd_party">
-              </label>
+              <span i18n-content="cookies_block_3rd_party"></span>
               <span class="controlled-setting-indicator"
-                  pref="profile.block_third_party_cookies">
-              </span>
-            </span>
-          </span>
+                  pref="profile.block_third_party_cookies"></span>
+          </label>
         </div>
         <!-- TODO(jochen): remove the div with the clear cookies on exit option
                            once this has shipped. -->
               i18n-content="cookies_show_cookies"></button>
         </div>
      </div>
+      <div class="experimental-website-settings" hidden>
+        <span id="cookies-default-string"></span>
+        <div class="settings-row">
+          <button class="website-settings-permission-button"
+              contentType="cookies" i18n-content="websitesManage"></button>
+          <button id="show-cookies-button"
+              i18n-content="cookies_show_cookies"></button>
+        </div>
+      </div>
     </section>
     <!-- Image filter -->
     <section>
-      <h3 i18n-content="images_tab_label"></h3>
-      <div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="images-allow" type="radio" name="images" value="allow">
+      <h3 i18n-content="imagesTabLabel"></h3>
+      <div class="replace-with-website-settings">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="images" value="allow">
             <span>
-              <label for="images-allow" i18n-content="images_allow"></label>
+              <span i18n-content="imagesAllow"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="images" value="allow">
-              </span>
+                  content-setting="images" value="allow"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="images-block" type="radio" name="images" value="block">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="images" value="block">
             <span>
-              <label for="images-block" i18n-content="images_block"></label>
+              <span i18n-content="imagesBlock"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="images" value="block">
-              </span>
+                  content-setting="images" value="block"></span>
             </span>
-          </span>
+          </label>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="images"
               i18n-content="manageExceptions"></button>
         </div>
       </div>
+      <div class="experimental-website-settings" hidden>
+        <span id="images-default-string"></span>
+        <div class="settings-row">
+          <button class="website-settings-permission-button"
+              contentType="images" i18n-content="websitesManage"></button>
+        </div>
+      </div>
     </section>
     <!-- JavaScript filter -->
     <section>
-      <h3 i18n-content="javascript_tab_label"></h3>
-      <div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="javascript-allow" type="radio" name="javascript"
-                value="allow">
+      <h3 i18n-content="javascriptTabLabel"></h3>
+      <div class="replace-with-website-settings">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="javascript" value="allow">
             <span>
-              <label for="javascript-allow" i18n-content="javascript_allow">
-              </label>
+              <span i18n-content="javascriptAllow"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="javascript" value="allow">
-              </span>
+                  content-setting="javascript" value="allow"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="javascript-block" type="radio" name="javascript"
-                value="block">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="javascript" value="block">
             <span>
-              <label for="javascript-block" i18n-content="javascript_block">
-              </label>
+              <span i18n-content="javascriptBlock"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="javascript" value="block">
-              </span>
+                  content-setting="javascript" value="block"></span>
             </span>
-          </span>
+          </label>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="javascript"
               i18n-content="manageExceptions"></button>
         </div>
       </div>
+      <div class="experimental-website-settings" hidden>
+        <span id="javascript-default-string"></span>
+        <div class="settings-row">
+          <button class="website-settings-permission-button"
+              contentType="javascript" i18n-content="websitesManage"></button>
+        </div>
+      </div>
     </section>
     <!-- Handlers settings -->
     <section id="handlers-section">
     </section>
     <!-- Plug-ins filter -->
     <section>
-      <h3 i18n-content="plugins_tab_label"></h3>
-      <div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="plugins-allow" type="radio" name="plugins" value="allow">
+      <h3 i18n-content="pluginsTabLabel"></h3>
+      <div class="replace-with-website-settings">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="plugins" value="allow">
             <span>
-              <label for="plugins-allow" i18n-content="plugins_allow"></label>
+              <span i18n-content="pluginsAllow"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="plugins" value="allow">
-              </span>
+                  content-setting="plugins" value="allow"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div id="click_to_play" class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="plugins-ask" type="radio" name="plugins" value="ask">
+        <div id="click_to_play" class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="plugins" value="ask">
             <span>
-              <label for="plugins-ask" i18n-content="plugins_ask"></label>
+              <span i18n-content="pluginsAsk"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="plugins" value="ask">
-              </span>
+                  content-setting="plugins" value="ask"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="plugins-block" type="radio" name="plugins" value="block">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="plugins" value="block">
             <span>
-              <label for="plugins-block" i18n-content="plugins_block"></label>
+              <span i18n-content="pluginsBlock"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="plugins" value="block">
-              </span>
+                  content-setting="plugins" value="block"></span>
             </span>
-          </span>
+          </label>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="plugins"
               target="_blank"></a>
         </div>
       </div>
+    <div class="experimental-website-settings" hidden>
+        <span id="plugins-default-string"></span>
+        <div class="settings-row">
+          <button class="website-settings-permission-button"
+              contentType="plugins" i18n-content="websitesManage"></button>
+        </div>
+      </div>
     </section>
     <!-- Pop-ups filter -->
     <section>
-      <h3 i18n-content="popups_tab_label" class="content-settings-header"></h3>
-      <div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="popups-allow" type="radio" name="popups" value="allow">
+      <h3 i18n-content="popupsTabLabel" class="content-settings-header"></h3>
+      <div class="replace-with-website-settings">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="popups" value="allow">
             <span>
-              <label for="popups-allow" i18n-content="popups_allow"></label>
+              <span i18n-content="popupsAllow"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="popups" value="allow">
-              </span>
+                  content-setting="popups" value="allow"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="popups-block" type="radio" name="popups" value="block">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="popups" value="block">
             <span>
-              <label for="popups-block" i18n-content="popups_block"></label>
+              <span i18n-content="popupsBlock"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="popups" value="block">
-              </span>
+                  content-setting="popups" value="block"></span>
             </span>
-          </span>
+          </label>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="popups"
               i18n-content="manageExceptions"></button>
         </div>
       </div>
+    <div class="experimental-website-settings" hidden>
+        <span id="popups-default-string"></span>
+        <div class="settings-row">
+          <button class="website-settings-permission-button"
+              contentType="popups" i18n-content="websitesManage"></button>
+        </div>
+      </div>
     </section>
     <!-- Location filter -->
     <section>
-      <h3 i18n-content="location_tab_label"></h3>
-      <div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="location-allow" type="radio" name="location"
-                value="allow">
+      <h3 i18n-content="locationTabLabel"></h3>
+      <div class="replace-with-website-settings">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="location" value="allow">
             <span>
-              <label for="location-allow" i18n-content="location_allow"></label>
+              <span i18n-content="locationAllow"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="location" value="allow">
-              </span>
+                  content-setting="location" value="allow"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="location-ask" type="radio" name="location" value="ask">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="location" value="ask">
             <span>
-              <label for="location-ask" i18n-content="location_ask"></label>
+              <span i18n-content="locationAsk"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="location" value="ask">
-              </span>
+                  content-setting="location" value="ask"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="location-block" type="radio" name="location"
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="location"
                 value="block">
             <span>
-              <label for="location-block" i18n-content="location_block"></label>
+              <span i18n-content="locationBlock"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="location" value="block">
-              </span>
+                  content-setting="location" value="block"></span>
             </span>
-          </span>
+          </label>
         </div>
 <if expr="enable_google_now">
-        <div class="checkbox" id="geolocationCheckbox" hidden>
-          <span class="controlled-setting-with-label">
-            <input id="googleGeolocationAccessEnabled"
-                pref="googlegeolocationaccess.enabled"
+        <div class="checkbox controlled-setting-with-label"
+            id="geolocationCheckbox" hidden>
+          <label>
+            <input pref="googlegeolocationaccess.enabled"
                 metric="Options_GoogleGeolocationAccessCheckbox"
                 type="checkbox">
             <span>
-              <label for="googleGeolocationAccessEnabled"
-                  i18n-content="googleGeolocationAccessEnable">
-              </label>
+              <span i18n-content="googleGeolocationAccessEnable"></span>
               <span class="controlled-setting-indicator"
-                  pref="googlegeolocationaccess.enabled">
-              </span>
+                  pref="googlegeolocationaccess.enabled"></span>
             </span>
-          </span>
+          </label>
         </div>
 </if>
         <div class="settings-row">
               i18n-content="manageExceptions"></button>
         </div>
       </div>
+    <div class="experimental-website-settings" hidden>
+        <span id="location-default-string"></span>
+        <div class="settings-row">
+          <button class="website-settings-permission-button"
+              contentType="geolocation" i18n-content="websitesManage"></button>
+        </div>
+      </div>
     </section>
     <!-- Notifications filter tab contents -->
     <section id="notifications-section">
-      <h3 i18n-content="notifications_tab_label"></h3>
-      <div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="notifications-allow" type="radio" name="notifications"
-                value="allow">
+      <h3 i18n-content="notificationsTabLabel"></h3>
+      <div class="replace-with-website-settings">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="notifications" value="allow">
             <span>
-              <label for="notifications-allow"
-                  i18n-content="notifications_allow">
-              </label>
+              <span i18n-content="notificationsAllow"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="notifications" value="allow">
-              </span>
+                  content-setting="notifications" value="allow"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="notifications-ask" type="radio" name="notifications"
-                value="ask">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="notifications" value="ask">
             <span>
-              <label for="notifications-ask" i18n-content="notifications_ask">
-              </label>
+              <span i18n-content="notificationsAsk"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="notifications" value="ask">
-              </span>
+                  content-setting="notifications" value="ask"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="notifications-block" type="radio" name="notifications"
-                value="block">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="notifications" value="block">
             <span>
-              <label for="notifications-block"
-                  i18n-content="notifications_block">
-              </label>
+              <span i18n-content="notificationsBlock"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="notifications" value="block">
-              </span>
+                  content-setting="notifications" value="block"></span>
             </span>
-          </span>
+          </label>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="notifications"
               i18n-content="manageExceptions"></button>
         </div>
       </div>
+    <div class="experimental-website-settings" hidden>
+        <span id="notifications-default-string"></span>
+        <div class="settings-row">
+          <button class="website-settings-permission-button"
+              contentType="notifications"
+              i18n-content="websitesManage"></button>
+        </div>
+      </div>
     </section>
     <!-- Fullscreen filter -->
     <section>
-      <h3 i18n-content="fullscreen_tab_label"></h3>
+      <h3 i18n-content="fullscreenTabLabel"></h3>
       <div class="settings-row">
         <button class="exceptions-list-button" contentType="fullscreen"
             i18n-content="manageExceptions"></button>
     </section>
     <!-- Mouse Lock filter -->
     <section>
-      <h3 i18n-content="mouselock_tab_label"></h3>
+      <h3 i18n-content="mouselockTabLabel"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="mouselock" value="allow">
-            <span i18n-content="mouselock_allow"></span>
+            <span i18n-content="mouselockAllow"></span>
           </label>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="mouselock" value="ask">
-            <span i18n-content="mouselock_ask"></span>
+            <span i18n-content="mouselockAsk"></span>
           </label>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="mouselock" value="block">
-            <span i18n-content="mouselock_block"></span>
+            <span i18n-content="mouselockBlock"></span>
           </label>
         </div>
         <div class="settings-row">
           <span i18n-content="mediaSelectCameraLabel"></span>
           <select id="media-select-camera" class="weakrtl"></select>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="media-stream-ask" type="radio" name="media-stream"
-                value="ask">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="media-stream" value="ask">
             <span>
-              <label id="media-stream-ask-label" for="media-stream-ask"
-                  i18n-content="mediaStreamAsk">
-              </label>
-              <span class="controlled-setting-indicator"
-                  content-setting="media-stream" value="ask">
+              <span id="media-stream-ask-label" i18n-content="mediaStreamAsk">
               </span>
+              <span class="controlled-setting-indicator"
+                  content-setting="media-stream" value="ask"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
+        <div class="radio controlled-setting-with-label">
+          <label>
             <input id="media-stream-block" type="radio" name="media-stream"
                 value="block">
             <span>
-              <label id="media-stream-block-label" for="media-stream-block"
-                  i18n-content="mediaStreamBlock">
-              </label>
+              <span id="media-stream-block-label"
+                 i18n-content="mediaStreamBlock"></span>
               <span class="controlled-setting-indicator"
-                  content-setting="media-stream" value="block">
-              </span>
+                  content-setting="media-stream" value="block"></span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="settings-row">
+        <div class="settings-row replace-with-website-settings">
           <button class="exceptions-list-button" contentType="media-stream"
               i18n-content="manageExceptions"></button>
         </div>
               i18n-values="href:mediaPepperFlashGlobalPrivacyURL"></a>
         </div>
       </div>
+    <div class="experimental-website-settings" hidden>
+      <div class="settings-row">
+        <button class="website-settings-permission-button"
+            contentType="media-stream" i18n-content="websitesManage"></button>
+      </div>
+    </div>
     </section>
     <!-- PPAPI broker -->
     <section>
         <div class="radio">
           <label>
             <input type="radio" name="ppapi-broker" value="allow">
-            <span i18n-content="ppapi_broker_allow"></span>
+            <span i18n-content="ppapiBrokerAllow"></span>
           </label>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="ppapi-broker" value="ask">
-            <span i18n-content="ppapi_broker_ask"></span>
+            <span i18n-content="ppapiBrokerAsk"></span>
           </label>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="ppapi-broker" value="block">
-            <span i18n-content="ppapi_broker_block"></span>
+            <span i18n-content="ppapiBrokerBlock"></span>
           </label>
         </div>
         <div class="settings-row">
     </section>
     <!-- Automatic Downloads filter -->
     <section>
-      <h3 i18n-content="multiple-automatic-downloads_header"></h3>
-      <div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="multiple-automatic-downloads_allow" type="radio"
-                name="multiple-automatic-downloads" value="allow">
+      <h3 i18n-content="multipleAutomaticDownloadsTabLabel"></h3>
+      <div class="replace-with-website-settings">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="multiple-automatic-downloads"
+                value="allow">
             <span>
-              <label for="multiple-automatic-downloads_allow"
-                  i18n-content="multiple-automatic-downloads_allow">
-              </label>
+              <span i18n-content="multipleAutomaticDownloadsAllow"></span>
               <span class="controlled-setting-indicator"
                   content-setting="multiple-automatic-downloads" value="allow">
               </span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="multiple-automatic-downloads_ask" type="radio"
-                name="multiple-automatic-downloads" value="ask">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="multiple-automatic-downloads" value="ask">
             <span>
-              <label for="multiple-automatic-downloads_ask"
-                  i18n-content="multiple-automatic-downloads_ask">
-              </label>
+              <span i18n-content="multipleAutomaticDownloadsAsk"></span>
               <span class="controlled-setting-indicator"
                   content-setting="multiple-automatic-downloads" value="ask">
               </span>
             </span>
-          </span>
+          </label>
         </div>
-        <div class="radio">
-          <span class="controlled-setting-with-label">
-            <input id="multiple-automatic-downloads_block" type="radio"
-                name="multiple-automatic-downloads" value="block">
+        <div class="radio controlled-setting-with-label">
+          <label>
+            <input type="radio" name="multiple-automatic-downloads"
+                value="block">
             <span>
-              <label for="multiple-automatic-downloads_block"
-                  i18n-content="multiple-automatic-downloads_block">
-              </label>
+              <span i18n-content="multipleAutomaticDownloadsBlock"></span>
               <span class="controlled-setting-indicator"
                   content-setting="multiple-automatic-downloads" value="block">
               </span>
             </span>
-          </span>
+          </label>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button"
               i18n-content="manageExceptions"></button>
         </div>
       </div>
+    <div class="experimental-website-settings" hidden>
+        <span id="multiple-automatic-downloads-default-string"></span>
+        <div class="settings-row">
+          <button class="website-settings-permission-button"
+              contentType="multiple-automatic-downloads"
+              i18n-content="websitesManage"></button>
+        </div>
+      </div>
     </section>
     <!-- MIDI system exclusive messages filter -->
     <section id="experimental-web-midi-settings" hidden="true">