Site Settings: Give each category its own route.

chrome/browser/resources/settings/site_settings_page/site_settings_page.js

Index: chrome/browser/resources/settings/site_settings_page/site_settings_page.js
diff --git a/chrome/browser/resources/settings/site_settings_page/site_settings_page.js b/chrome/browser/resources/settings/site_settings_page/site_settings_page.js
index b7375408644a0efd290c591fdf379216a97d2628..17ab458cd36d0a8afc92fed7dd392ee6260d00c5 100644
--- a/chrome/browser/resources/settings/site_settings_page/site_settings_page.js
+++ b/chrome/browser/resources/settings/site_settings_page/site_settings_page.js
@@ -39,14 +39,6 @@ Polymer({
       type: Object,
       notify: true,
     },
-
-    /**
-     * The category selected by the user.
-     */
-    categorySelected: {
-      type: Number,
-      notify: true,
-    },
   },
 
   ready: function() {
@@ -59,7 +51,7 @@ Polymer({
       this.addCategory(settings.ContentSettingsTypes.JAVASCRIPT);
       this.addCategory(settings.ContentSettingsTypes.POPUPS);
       this.addCategory(settings.ContentSettingsTypes.FULLSCREEN);
-      this.addCategory(settings.ContentSettingsTypes.NOTIFICATION);
+      this.addCategory(settings.ContentSettingsTypes.NOTIFICATIONS);
       this.addCategory(settings.ContentSettingsTypes.IMAGES);
     }.bind(this));
   },
@@ -100,12 +92,12 @@ Polymer({
    */
   onTapCategory: function(event) {
     var description = event.currentTarget.querySelector('.flex').innerText;
-    this.categorySelected = this.computeCategoryFromDesc(description);
-
+    var page = this.computeCategoryTextId(
+        this.computeCategoryFromDesc(description));
     this.currentRoute = {
       page: this.currentRoute.page,
       section: 'privacy',
-      subpage: ['site-settings', 'site-settings-category'],
+      subpage: ['site-settings', 'site-settings-category-' + page],
     };
   },
 });