Site Settings Desktop: Implement the cookies list and details dialog.

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

Index: chrome/browser/resources/settings/site_settings/site_data.html
diff --git a/chrome/browser/resources/settings/site_settings/site_data.html b/chrome/browser/resources/settings/site_settings/site_data.html
new file mode 100644
index 0000000000000000000000000000000000000000..6bf730c1471c1ac61b8246247a9c2f2b284e6d44
--- /dev/null
+++ b/chrome/browser/resources/settings/site_settings/site_data.html
@@ -0,0 +1,39 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
+<link rel="import" href="/settings_shared_css.html">
+<link rel="import" href="/site_settings/site_data_details_dialog.html">
+<link rel="import" href="/site_settings/site_settings_behavior.html">
+
+<dom-module id="site-data">
+  <template>
+    <style include="settings-shared">
+      :host {
+        display: block;
+        margin-top: 18px;
+        width: 100%;
+      }
+
+      .list-frame {
+        -webkit-padding-start: 36px;
+        margin-top: 10px;
+      }
+    </style>
+    <div>$i18n{siteSettingsCookieHeader}</div>
+    <div class="list-frame vertical-list">
+      <template is="dom-repeat" items="[[sites]]">
+        <div class="list-item underscore">
+          <div class="favicon-image" style$="[[computeSiteIcon(item.site)]]"

[michaelpg, 2016/07/05 18:01:11]

the screenshot looks like the favicon is not aligned with the text - could you
check?

[Finnur, 2016/07/06 09:57:35]

Done.

+              on-tap="onOriginTap_"></div>
+          <div class="middle layout horizontal" on-tap="onSiteTap_">
+            <div class="flex">[[item.site]]</div>
+            <div class="secondary">[[item.localData]]</div>
+          </div>
+        </div>
+      </template>
+    </div>
+
+  </template>
+  <script src="cookie_tree_node.js"></script>
+  <script src="site_data.js"></script>
+</dom-module>