Site Settings: Give each category its own route.

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

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview
  * 'settings-site-settings-page' is the settings page containing privacy and
  * security site settings.
  *
  * Example:
@@ skipping 21 matching lines @@
       notify: true,
     },
 
     /**
      * The current active route.
      */
     currentRoute: {
       type: Object,
       notify: true,
     },
-
-    /**
-     * The category selected by the user.
-     */
-    categorySelected: {
-      type: Number,
-      notify: true,
-    },
   },
 
   ready: function() {
     CrSettingsPrefs.initialized.then(function() {
       // TODO(finnur): Implement 'All Sites' list.
       this.addCategory(settings.ContentSettingsTypes.COOKIES);
       this.addCategory(settings.ContentSettingsTypes.GEOLOCATION);
       this.addCategory(settings.ContentSettingsTypes.CAMERA);
       this.addCategory(settings.ContentSettingsTypes.MIC);
       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));
   },
 
   /**
    * Adds a single category to the page.
    * @param {number} category The category to add.
    */
   addCategory: function(category) {
     var root = this.$.list;
@@ skipping 20 matching lines @@
     paperIcon.appendChild(setting);
     root.appendChild(paperIcon);
   },
 
   /**
    * Handles selection of a single category and navigates to the details for
    * that category.
    */
   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],
     };
   },
 });