Site Settings: Give each category its own route.

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

Index: chrome/browser/resources/settings/privacy_page/privacy_page.html
diff --git a/chrome/browser/resources/settings/privacy_page/privacy_page.html b/chrome/browser/resources/settings/privacy_page/privacy_page.html
index 7d32b89b6f401a97959fea78d0e8850014f2245c..5616064485e4fc65b2c1f8dc76fab2fdfd594292 100644
--- a/chrome/browser/resources/settings/privacy_page/privacy_page.html
+++ b/chrome/browser/resources/settings/privacy_page/privacy_page.html
@@ -99,17 +99,83 @@
         <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="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="{{categorySelected}}">
+            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>