Expose the Website Settings page in the Content Setting page if it is enabled via flag.

chrome/browser/resources/options/content_settings.html

 <div id="content-settings-page" class="page" hidden>
   <div class="close-button"></div>
   <h1 i18n-content="contentSettingsPage"></h1>
   <div class="content-area">
     <!-- Cookie filter tab contents -->
     <section>
-      <h3 i18n-content="cookies_tab_label"></h3>
-      <div>
+      <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 i18n-content="cookiesAllow"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="cookies" value="allow"></span>
         </div>
         <div class="radio controlled-setting-with-label">
           <label>
@@ skipping 32 matching lines @@
                 class="clear-plugin-lso-data-disabled"></span>
           </label>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="cookies"
               i18n-content="manageExceptions"></button>
           <button id="show-cookies-button"
               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"

[Bernhard Bauer, 2014/09/15 09:13:49]

Break this line to make it fit into 80 columns (same below).

[Daniel Nishi, 2014/09/15 16:57:28]

Done.

+              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>
+      <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 i18n-content="imagesAllow"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="images" value="allow"></span>
         </div>
         <div class="radio controlled-setting-with-label">
           <label>
             <input type="radio" name="images" value="block">
             <span i18n-content="imagesBlock"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="images" value="block">
           </span>
         </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>
+      <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 i18n-content="javascriptAllow"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="javascript" value="allow"></span>
         </div>
         <div class="radio controlled-setting-with-label">
           <label>
             <input type="radio" name="javascript" value="block">
             <span i18n-content="javascriptBlock"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="javascript" value="block"></span>
         </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">
-      <h3 i18n-content="handlers_tab_label"></h3>
+      <h3 i18n-content="handlersTabLabel"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="handlers" value="allow"
                 class="handler-radio">
             <span i18n-content="handlers_allow"></span>
           </label>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="handlers" value="block"
                 class="handler-radio">
             <span i18n-content="handlers_block"></span>
           </label>
         </div>
         <div class="settings-row">
           <button id="manage-handlers-button" contentType="handlers"
               i18n-content="manage_handlers"></button>
         </div>
       </div>
     </section>
     <!-- Plug-ins filter -->
     <section>
-      <h3 i18n-content="plugins_tab_label"></h3>
-      <div>
+      <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 i18n-content="pluginsAllow"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="plugins" value="allow"></span>
         </div>
         <div id="click_to_play" class="radio controlled-setting-with-label">
           <label>
@@ skipping 13 matching lines @@
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="plugins"
               i18n-content="manageExceptions"></button>
         </div>
         <div id="disable-plugins-container">
           <a href="chrome://plugins" i18n-content="disableIndividualPlugins"
               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>
+      <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 i18n-content="popupsAllow"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="popups" value="allow"></span>
         </div>
         <div class="radio controlled-setting-with-label">
           <label>
             <input type="radio" name="popups" value="block">
             <span i18n-content="popupsBlock"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="popups" value="block"></span>
         </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>
+      <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 i18n-content="locationAllow"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="location" value="allow"></span>
         </div>
         <div class="radio controlled-setting-with-label">
           <label>
@@ skipping 23 matching lines @@
           </label>
           <span class="controlled-setting-indicator"
               pref="googlegeolocationaccess.enabled"></span>
         </div>
 </if>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="location"
               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>
+      <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 i18n-content="notificationsAllow"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="notifications" value="allow"></span>
         </div>
         <div class="radio controlled-setting-with-label">
           <label>
             <input type="radio" name="notifications" value="ask">
             <span i18n-content="notificationsAsk"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="notifications" value="ask"></span>
         </div>
         <div class="radio controlled-setting-with-label">
           <label>
             <input type="radio" name="notifications" value="block">
             <span i18n-content="notificationsBlock"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="notifications" value="block"></span>
         </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>
       </div>
     </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="mouselockAllow"></span>
           </label>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="mouselock" value="ask">
@@ skipping 64 matching lines @@
         <div class="radio controlled-setting-with-label">
           <label>
             <input id="media-stream-block" type="radio" name="media-stream"
                 value="block">
             <span id="media-stream-block-label" i18n-content="mediaStreamBlock">
             </span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="media-stream" value="block"></span>
         </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>
         <div id="media-pepper-flash-default" class="pepper-flash-settings">
           <span i18n-content="mediaPepperFlashDefaultDivergedLabel"></span>
           <a target="_blank" i18n-content="mediaPepperFlashChangeLink"
               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>
       <h3 i18n-content="ppapiBrokerTabLabel"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="ppapi-broker" value="allow">
             <span i18n-content="ppapiBrokerAllow"></span>
           </label>
@@ skipping 11 matching lines @@
           </label>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="ppapi-broker"
               i18n-content="manageExceptions"></button>
         </div>
       </div>
     </section>
     <!-- Automatic Downloads filter -->
     <section>
-      <h3 i18n-content="multiple-automatic-downloads_header"></h3>
-      <div>
+      <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 i18n-content="multipleAutomaticDownloadsAllow"></span>
           </label>
           <span class="controlled-setting-indicator"
               content-setting="multiple-automatic-downloads" value="allow">
           </span>
         </div>
@@ skipping 14 matching lines @@
           <span class="controlled-setting-indicator"
               content-setting="multiple-automatic-downloads" value="block">
           </span>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button"
               contentType="multiple-automatic-downloads"
               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">
       <h3 i18n-content="midi-sysex_header"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="midi-sysex" value="allow">
             <span i18n-content="midiSysExAllow"></span>
           </label>
@@ skipping 56 matching lines @@
     </section>
   </div>
   <div class="action-area">
     <div class="button-strip">
       <button id="content-settings-overlay-confirm" class="default-button"
           i18n-content="done">
       </button>
     </div>
   </div>
 </div>