Add controlled setting indicators for content settings

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>
         <div class="radio">
           <label>
             <input type="radio" name="cookies" value="allow">
             <span i18n-content="cookies_allow"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="cookies" value="allow">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="cookies" value="session">
             <span i18n-content="cookies_session_only"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="cookies" value="session">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="cookies" value="block">
             <span i18n-content="cookies_block"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="cookies" value="block">
+          </span>
         </div>
         <div class="checkbox">
           <label>
             <input pref="profile.block_third_party_cookies" type="checkbox">
             <span i18n-content="cookies_block_3rd_party"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              pref="profile.block_third_party_cookies">
+          </span>
         </div>
         <!-- TODO(jochen): remove the div with the clear cookies on exit option
                            once this has shipped. -->
         <div class="checkbox" guest-visibility="disabled" hidden>
           <label>
             <input id="clear-cookies-on-exit"
                 pref="profile.clear_site_data_on_exit" type="checkbox">
             <span i18n-content="cookies_lso_clear_when_close"
                 class="clear-plugin-lso-data-enabled"></span>
             <span i18n-content="cookies_clear_when_close"
@@ skipping 10 matching lines @@
     </section>
     <!-- Image filter -->
     <section>
       <h3 i18n-content="images_tab_label"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="images" value="allow">
             <span i18n-content="images_allow"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="images" value="allow">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="images" value="block">
             <span i18n-content="images_block"></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>
     </section>
     <!-- JavaScript filter -->
     <section>
       <h3 i18n-content="javascript_tab_label"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="javascript" value="allow">
             <span i18n-content="javascript_allow"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="javascript" value="allow">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="javascript" value="block">
             <span i18n-content="javascript_block"></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>
     </section>
     <!-- Handlers settings -->
     <section id="handlers-section">
       <h3 i18n-content="handlers_tab_label"></h3>
@@ skipping 20 matching lines @@
     </section>
     <!-- Plug-ins filter -->
     <section>
       <h3 i18n-content="plugins_tab_label"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="plugins" value="allow">
             <span i18n-content="plugins_allow"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="plugins" value="allow">
+          </span>
         </div>
         <div id="click_to_play" class="radio">
           <label>
             <input type="radio" name="plugins" value="ask">
             <span i18n-content="plugins_ask"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="plugins" value="ask">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="plugins" value="block">
             <span i18n-content="plugins_block"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="plugins" value="block">
+          </span>
         </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>
     </section>
     <!-- Pop-ups filter -->
     <section>
       <h3 i18n-content="popups_tab_label" class="content-settings-header"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="popups" value="allow">
             <span i18n-content="popups_allow"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="popups" value="allow">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="popups" value="block">
             <span i18n-content="popups_block"></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>
     </section>
     <!-- Location filter -->
     <section>
       <h3 i18n-content="location_tab_label"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="location" value="allow">
             <span i18n-content="location_allow"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="location" value="allow">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="location" value="ask">
             <span i18n-content="location_ask"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="location" value="ask">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="location" value="block">
             <span i18n-content="location_block"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="location" value="block">
+          </span>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="location"
               i18n-content="manageExceptions"></button>
         </div>
       </div>
     </section>
     <!-- Notifications filter tab contents -->
     <section>
       <h3 i18n-content="notifications_tab_label"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="notifications" value="allow">
             <span i18n-content="notifications_allow"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="notifications" value="allow">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="notifications" value="ask">
             <span i18n-content="notifications_ask"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="notifications" value="ask">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="notifications" value="block">
             <span i18n-content="notifications_block"></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>
     </section>
     <!-- Fullscreen filter -->
     <section>
       <h3 i18n-content="fullscreen_tab_label"></h3>
@@ skipping 84 matching lines @@
 </if>
     <!-- Media Stream capture device filter -->
     <section>
       <h3 i18n-content="mediaStreamTabLabel"></h3>
       <div>
         <div class="radio">
           <label>
             <input type="radio" name="media-stream" value="ask">
             <span i18n-content="mediaStreamAsk"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="media-stream" value="ask">
+          </span>
         </div>
         <div class="radio">
           <label>
             <input type="radio" name="media-stream" value="block">
             <span i18n-content="mediaStreamBlock"></span>
           </label>
+          <span class="controlled-setting-indicator"
+              content-setting="media-stream" value="block">
+          </span>
         </div>
         <div class="settings-row">
           <button class="exceptions-list-button" contentType="media-stream"
               i18n-content="manageExceptions"></button>
         </div>
       </div>
     </section>
     <!-- PPAPI broker -->
     <section>
       <h3 i18n-content="ppapiBrokerTabLabel"></h3>
@@ skipping 29 matching lines @@
             i18n-content="manageGalleriesButton"></button>
       </div>
     </section>
   </div>
   <div class="action-area">
     <div class="button-strip">
       <button id="content-settings-overlay-confirm" i18n-content="ok"></button>
     </div>
   </div>
 </div>