Add a page for showing the details for a given origin

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

Index: chrome/browser/resources/settings/site_settings/site_details.html
diff --git a/chrome/browser/resources/settings/site_settings/site_details.html b/chrome/browser/resources/settings/site_settings/site_details.html
new file mode 100644
index 0000000000000000000000000000000000000000..1d2e230e61d9ce5eba86f684a3c4226c5a700877
--- /dev/null
+++ b/chrome/browser/resources/settings/site_settings/site_details.html
@@ -0,0 +1,41 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="chrome://md-settings/site_settings/site_details_permission.html">
+
+<dom-module id="site-details">
+  <link rel="import" type="css"
+      href="chrome://md-settings/settings_page/settings_page.css">
+  <link rel="import" type="css" href="site_details.css">
+  <template>
+    <div class="origin">{{origin}}</div>

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

nit: we tend to use [[]] instead of {{}} when the binding can only be one-way.
There's no effective difference in cases like this. I just think it adds clarity
and shows your intention better.

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

Done.

+    <h2 i18n-content="siteSettingsUsage" id="usage" hidden></h2>
+    <paper-item id="storage" hidden>
+      <div class="flex">{{storedData}}</div>

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

import iron-flex-layout (or use a custom class and write your own CSS)

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

Done.

+      <paper-icon-button icon="delete"
+          on-tap="onClearStorage_" alt="delete"></paper-icon-button>

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

i18n-values="alt:delete" (and add the string)

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

Done.

+    </paper-item>
+    <h2 i18n-content="siteSettingsPermissions"></h2>
+    <site-details-permission prefs="{{prefs}}" id="cookies">
+    </site-details-permission>
+    <site-details-permission prefs="{{prefs}}" id="javascript">
+    </site-details-permission>
+    <site-details-permission prefs="{{prefs}}" id="popups">
+    </site-details-permission>
+    <site-details-permission prefs="{{prefs}}" id="geolocation">
+    </site-details-permission>
+    <site-details-permission prefs="{{prefs}}" id="notification">
+    </site-details-permission>
+    <site-details-permission prefs="{{prefs}}" id="fullscreen">
+    </site-details-permission>
+    <site-details-permission prefs="{{prefs}}" id="camera">
+    </site-details-permission>
+    <site-details-permission prefs="{{prefs}}" id="mic">
+    </site-details-permission>
+    <paper-button
+        on-tap="onClearAndReset_"
+        raised i18n-content="siteSettingsClearAndReset"
+        class="reset-button"></paper-button>
+  </template>
+  <script src="site_details.js"></script>
+</dom-module>