Flesh out the location-page class to make it more general.

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

Index: chrome/browser/resources/settings/site_settings/site_list.html
diff --git a/chrome/browser/resources/settings/site_settings/site_list.html b/chrome/browser/resources/settings/site_settings/site_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..060f9de13c89c43037f7eacb27134b962d5636d1
--- /dev/null
+++ b/chrome/browser/resources/settings/site_settings/site_list.html
@@ -0,0 +1,52 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/communication-icons.html">

[michaelpg, 2015/10/22 16:11:33]

add iron-icon/iron-icon.html

[Finnur, 2015/10/26 14:38:04]

Done.

+<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">

[michaelpg, 2015/10/22 16:11:33]

add paper-icon-button, paper-menu-button

[Finnur, 2015/10/26 14:38:04]

Done.

+<link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submenu.html">
+<link rel="import" href="chrome://md-settings/prefs/prefs.html">

[michaelpg, 2015/10/22 16:11:33]

s/prefs.html/prefs_types.html

[Finnur, 2015/10/26 14:38:04]

Done.

+<link rel="import" href="chrome://md-settings/site_settings/constants.html">
+<link rel="import" href="chrome://md-settings/site_settings/site_settings_behavior.html">
+
+<dom-module id="settings-site-list">
+  <link rel="import" type="css" href="../settings_page/settings_page.css">

[michaelpg, 2015/10/22 16:11:33]

o_O we don't use "../" relative paths elsewhere, I'd say make this absolute
(chrome://md-settings/) but I'm not sure if it matters.

dbeam?

[Finnur, 2015/10/26 14:38:04]

dbeam is the one who requested the relative paths... :)

+  <link rel="import" type="css" href="site_list.css">
+  <template>
+    <paper-submenu id="category" hidden on-paper-submenu-open="onToggle_"
+        on-paper-submenu-close="onToggle_">
+      <paper-item class="menu-trigger">
+        <div class="site-header horizontal layout">
+          <div class="flex"
+              >[[computeSiteListHeader_(sites_, categoryEnabled)]]</div>
+          <iron-icon id="icon" icon="icons:expand-more"></iron-icon>
+        </div>
+      </paper-item>
+      <paper-menu class="menu-content">
+        <template is="dom-repeat" items="{{sites_}}">
+          <div class="site-list horizontal layout center">
+            <iron-icon icon="[[computeSiteIcon_(item.url)]]"
+                item-icon></iron-icon>
+            <div class="flex"><paper-item
+                 on-click="onOriginClick_">[[item.url]]</paper-item></div>

[michaelpg, 2015/10/22 16:11:33]

on-tap

[Finnur, 2015/10/26 14:38:04]

Done.

+            <paper-menu-button>
+              <paper-icon-button icon="menu"
+                  class="dropdown-trigger"></paper-icon-button>
+              <paper-menu id="actionMenu" class="dropdown-content"
+                  on-iron-select="onActionMenuIronSelect_">
+                <paper-item value="[[actions_.ALLOW]]"
+                    hidden="[[!showAllowAction_]]"
+                    >[[i18n_.allowAction]]</paper-item>
+                <paper-item value="[[actions_.BLOCK]]"
+                    hidden="[[!showBlockAction_]]"
+                    >[[i18n_.blockAction]]</paper-item>
+                <paper-item value="[[actions_.RESET]]"
+                    >[[i18n_.resetAction]]</paper-item>
+              </paper-menu>
+            </paper-menu-button>
+          </div>
+        </template>
+      </paper-menu>
+    </paper-submenu>
+  </template>
+  <script src="site_list.js"></script>
+</dom-module>