Add a page for showing the details for a given origin

chrome/browser/resources/settings/site_settings/site_details_permission.html

Index: chrome/browser/resources/settings/site_settings/site_details_permission.html
diff --git a/chrome/browser/resources/settings/site_settings/site_details_permission.html b/chrome/browser/resources/settings/site_settings/site_details_permission.html
new file mode 100644
index 0000000000000000000000000000000000000000..50ba486fc619e1365659191eed969e48766e0740
--- /dev/null
+++ b/chrome/browser/resources/settings/site_settings/site_details_permission.html
@@ -0,0 +1,37 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/av-icons.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/communication-icons.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/social-icons.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
+<link rel="import" href="chrome://md-settings/prefs/prefs_behavior.html">
+<link rel="import" href="chrome://md-settings/site_settings/site_settings_behavior.html">
+
+<dom-module id="site-details-permission">
+  <link rel="import" type="css"
+      href="chrome://md-settings/settings_page/settings_page.css">
+  <link rel="import" type="css" href="site_details_permission.css">
+  <template>
+    <div id="details" class="horizontal layout top" hidden>

[michaelpg, 2015/11/09 18:26:30]

import iron-flex-layout

[Finnur, 2015/11/10 16:00:51]

Done.

+      <div class="left-column">
+        <iron-icon icon="[[computeIconForContentCategory(category)]]"
+            item-icon></iron-icon>
+      </div>
+      <div class="flex right-column">
+        <div class="permission-header"
+            >[[computeTitleForContentCategory(category)]]</div>

[michaelpg, 2015/11/09 18:26:30]

This hack should no longer be necessary:

https://github.com/Polymer/polymer/pull/2489/commits

[Finnur, 2015/11/10 00:36:46]

I'm sorry, I don't follow... which hack?

The |title| isn't compound and this is used elsewhere, so a utility function
makes sense.

[michaelpg, 2015/11/10 00:40:45]

No, I meant that putting ">" after the break so that the [[annotation]] spans
the entire tag is no longer necessary, because string interpolation is now
supported in Polymer.

<div>
  [[yayWhitespace(hooray)]]
</div>

[Finnur, 2015/11/10 16:00:51]

Woot! Done.

+        <div class="permission-list">
+          <paper-dropdown-menu>
+            <paper-menu id="permission" class="dropdown-content">
+              <paper-item>[[i18n_.allowAction]]</paper-item>
+              <paper-item>[[i18n_.blockAction]]</paper-item>
+            </paper-menu>
+          </paper-dropdown-menu>
+        </div>
+      </div>
+    </div>
+  </template>
+  <script src="site_details_permission.js"></script>
+</dom-module>