Site Settings Desktop: Convert cookie controls to distributed node.

BUG=614277, 543635
CQ_INCLUDE_TRYBOTS=tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/2082663003
Cr-Commit-Position: refs/heads/master@{#400701}

chrome/browser/resources/settings/privacy_page/privacy_page.html

@@ -157,10 +157,16 @@
       <template is="dom-if" name="site-settings-category-cookies">
         <settings-subpage page-title="$i18n{siteSettingsCategoryCookies}">
           <site-settings-category
-              prefs="{{prefs}}"
               selected-site="{{selectedSite}}"
               current-route="{{currentRoute}}"
               category="{{ContentSettingsTypes.COOKIES}}">
+            <div class="settings-box cookie-controls">
+              <settings-checkbox class="start"
+                  label="$i18n{thirdPartyCookie}"
+                  sub-label="$i18n{thirdPartyCookieSublabel}"
+                  pref="{{prefs.profile.block_third_party_cookies}}">
+              </settings-checkbox>
+            </div>
           </site-settings-category>
         </settings-subpage>
       </template>

chrome/browser/resources/settings/site_settings/site_settings_category.html

@@ -47,15 +47,7 @@
           on-change="onToggleChange_"></paper-toggle-button>
     </div>
 
-    <div id="cookieControls" hidden>
-      <div class="settings-box">
-        <settings-checkbox class="start"
-            label="$i18n{thirdPartyCookie}"
-            sub-label="$i18n{thirdPartyCookieSublabel}"
-            pref="{{prefs.profile.block_third_party_cookies}}">
-        </settings-checkbox>
-      </div>
-    </div>
+    <content select=".cookie-controls"></content>
 
     <settings-site-list
         category="[[category]]"

chrome/browser/resources/settings/site_settings/site_settings_category.js

@@ -21,14 +21,6 @@ Polymer({
       notify: true,
     },
 
-    /**
-     * Preferences state.
-     */
-    prefs: {
-      type: Object,
-      notify: true,
-    },
-
     /**
      * Represents the state of the main toggle shown for the category. For
      * example, the Location category can be set to Block/Ask so false, in that
@@ -61,9 +53,6 @@ Polymer({
   ready: function() {
     this.addWebUIListener('contentSettingCategoryChanged',
         this.defaultValueForCategoryChanged_.bind(this));
-
-    if (this.category == settings.ContentSettingsTypes.COOKIES)
-      this.$.cookieControls.hidden = false;
   },
 
   /**