Site Settings: Give each category its own route.

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

 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item-body.html">
 <link rel="import" href="chrome://md-settings/certificate_manager_page/certificate_manager_page.html">
 <link rel="import" href="chrome://md-settings/clear_browsing_data_page/clear_browsing_data_page.html">
 <link rel="import" href="chrome://md-settings/controls/settings_checkbox.html">
 <link rel="import" href="chrome://md-settings/settings_page/settings_animated_pages.html">
@@ skipping 81 matching lines @@
       <neon-animatable id="manage-certificates">
         <settings-subheader i18n-values="page-title:manageCertificates">
         </settings-subheader>
         <settings-certificate-manager-page>
         </settings-certificate-manager-page>
       </neon-animatable>
       <neon-animatable id="site-settings">
         <settings-subheader i18n-values="page-title:siteSettings">
         </settings-subheader>
         <settings-site-settings-page current-route="{{currentRoute}}"
-            prefs="{{prefs}}" category-selected="{{categorySelected}}">
+            prefs="{{prefs}}">
         </settings-site-settings-page>
       </neon-animatable>
-      <neon-animatable id="site-settings-category">
+
+      <neon-animatable id="site-settings-category-camera">
         <settings-subheader i18n-values="page-title:siteSettings">
         </settings-subheader>
         <site-settings-category
             selected-origin="{{originSelected}}" prefs="{{prefs}}"
-            current-route="{{currentRoute}}" category="{{categorySelected}}">
+            current-route="{{currentRoute}}" category="13">

[tommycli, 2016/01/07 19:30:37]

I'm not thrilled with these numeric constants being in here, especially since
they are a repeat of ContentSettingsType.

I think you can make it look like {{ContentSettingsType.CAMERA}}, etc. I asked
how on the group chat, and here was the response I got:

--

Does anyone know if it's possible to get a numeric enum value out of JS into a
polymer binding?
i.e. {{settings.ContentSettingsType.CAMERA}}?
7 mins

Demetrios Papadopoulos
Never tried this, not sure if static variables are in the scope the HTML
bindings can see. But you could always pull it out into a property on the
Polymer object.

Michael Giuffrida 
only if settings is in the bound model, ie this.ContentSettingsType =
settings.ContentSettingsType

         </site-settings-category>
       </neon-animatable>
+      <neon-animatable id="site-settings-category-cookies">
+        <settings-subheader i18n-values="page-title:siteSettings">
+        </settings-subheader>
+        <site-settings-category
+            selected-origin="{{originSelected}}" prefs="{{prefs}}"
+            current-route="{{currentRoute}}" category="0">
+        </site-settings-category>
+      </neon-animatable>
+      <neon-animatable id="site-settings-category-fullscreen">
+        <settings-subheader i18n-values="page-title:siteSettings">
+        </settings-subheader>
+        <site-settings-category
+            selected-origin="{{originSelected}}" prefs="{{prefs}}"
+            current-route="{{currentRoute}}" category="8">
+        </site-settings-category>
+      </neon-animatable>
+      <neon-animatable id="site-settings-category-images">
+        <settings-subheader i18n-values="page-title:siteSettings">
+        </settings-subheader>
+        <site-settings-category
+            selected-origin="{{originSelected}}" prefs="{{prefs}}"
+            current-route="{{currentRoute}}" category="1">
+        </site-settings-category>
+      </neon-animatable>
+      <neon-animatable id="site-settings-category-location">
+        <settings-subheader i18n-values="page-title:siteSettings">
+        </settings-subheader>
+        <site-settings-category
+            selected-origin="{{originSelected}}" prefs="{{prefs}}"
+            current-route="{{currentRoute}}" category="5">
+        </site-settings-category>
+      </neon-animatable>
+      <neon-animatable id="site-settings-category-javascript">
+        <settings-subheader i18n-values="page-title:siteSettings">
+        </settings-subheader>
+        <site-settings-category
+            selected-origin="{{originSelected}}" prefs="{{prefs}}"
+            current-route="{{currentRoute}}" category="2">
+        </site-settings-category>
+      </neon-animatable>
+      <neon-animatable id="site-settings-category-microphone">
+        <settings-subheader i18n-values="page-title:siteSettings">
+        </settings-subheader>
+        <site-settings-category
+            selected-origin="{{originSelected}}" prefs="{{prefs}}"
+            current-route="{{currentRoute}}" category="12">
+        </site-settings-category>
+      </neon-animatable>
+      <neon-animatable id="site-settings-category-notifications">
+        <settings-subheader i18n-values="page-title:siteSettings">
+        </settings-subheader>
+        <site-settings-category
+            selected-origin="{{originSelected}}" prefs="{{prefs}}"
+            current-route="{{currentRoute}}" category="6">
+        </site-settings-category>
+      </neon-animatable>
+      <neon-animatable id="site-settings-category-popups">
+        <settings-subheader i18n-values="page-title:siteSettings">
+        </settings-subheader>
+        <site-settings-category
+            selected-origin="{{originSelected}}" prefs="{{prefs}}"
+            current-route="{{currentRoute}}" category="4">
+        </site-settings-category>
+      </neon-animatable>
+
       <neon-animatable id="site-details">
         <site-details prefs="{{prefs}}" origin="{{originSelected}}">
         </site-details>
       </neon-animatable>
       <neon-animatable id="clear-browsing-data">
         <settings-subheader i18n-values="page-title:clearBrowsingData">
         </settings-subheader>
         <settings-clear-browsing-data-page prefs="{{prefs}}">
         </settings-clear-browsing-data-page>
       </neon-animatable>
     </settings-animated-pages>
   </template>
   <script src="privacy_page.js"></script>
 </dom-module>