Add a page for showing the details for a given origin

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

Index: chrome/browser/resources/settings/site_settings/site_settings_category.js
diff --git a/chrome/browser/resources/settings/site_settings/site_settings_category.js b/chrome/browser/resources/settings/site_settings/site_settings_category.js
index 3e6a8928e939f8b5562a8c79e6a09e8355180427..44f3eaee1af6a38e87e0cd5099b566db43bef84c 100644
--- a/chrome/browser/resources/settings/site_settings/site_settings_category.js
+++ b/chrome/browser/resources/settings/site_settings/site_settings_category.js
@@ -45,6 +45,14 @@ Polymer({
     category: {
       type: Number,
     },
+
+    /**
+     * The origin that was selected by the user in the dropdown list.
+     */
+    selectedOrigin: {
+      type: String,
+      observer: 'onSelectedOriginChanged_',
+    },
   },
 
   observers: [
@@ -99,6 +107,10 @@ Polymer({
     }
   },
 
+  onSelectedOriginChanged_: function() {
+    this.$.pages.setSubpageChain(['site-details']);
+  },
+
   /**
    * Handles when the global toggle changes.
    * @private