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

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

Index: chrome/browser/resources/settings/site_settings/site_settings_category.html
diff --git a/chrome/browser/resources/settings/site_settings/site_settings_category.html b/chrome/browser/resources/settings/site_settings/site_settings_category.html
new file mode 100644
index 0000000000000000000000000000000000000000..be3f2c01b595fe5e10d39369cd9853912ac12ced
--- /dev/null
+++ b/chrome/browser/resources/settings/site_settings/site_settings_category.html
@@ -0,0 +1,34 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.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-item/paper-icon-item.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item-body.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
+<link rel="import" href="chrome://md-settings/prefs/prefs.html">
+<link rel="import" href="chrome://md-settings/prefs/prefs_behavior.html">
+<link rel="import" href="chrome://md-settings/site_settings/constants.html">
+<link rel="import" href="chrome://md-settings/site_settings/site_list.html">
+<link rel="import" href="chrome://md-settings/site_settings/site_settings_behavior.html">
+
+<dom-module id="site-settings-category">
+  <link rel="import" type="css"
+      href="chrome://md-settings/settings_page/settings_page.css">
+  <link rel="import" type="css" href="site_settings_category.css">
+  <template>
+    <paper-icon-item>
+      <iron-icon icon="[[computeIcon_(category)]]" item-icon></iron-icon>
+      <paper-item-body two-line class="flex">
+        <div>[[computeTitle_(category)]]</div>
+        <div secondary>[[computeDesc_(category, categoryEnabled)]]</div>
+      </paper-item-body>
+      <paper-toggle-button id="toggle" checked="{{categoryEnabled}}"

[michaelpg, 2015/10/26 22:15:22]

The current Options implementation isn't just binary allow/block; some content
settings, including Location have an "Ask when a website tries to [x]" option
that can be applied to the entire category. Is that something you plan to
implement eventually?

I'm worried trying to support that (some categories have 2 options, some have 3)
for each category and site list using the model in this CL will be complicated.

[Finnur, 2015/10/26 23:39:21]

I haven't updated the code, just wanted to get a quick word in... My answer to
your question is: I think we are moving away from the tri-state altogether and
when categories need more complex settings we'll add a check-box (or something)
below the toggle, such as with the cookies category and 3rd party cookies.
Rebecca, or someone can probably chime in with a more authoritative answer. I'll
try to loop her in. 

+          on-change="onToggleChange_"></paper-toggle-button>
+    </paper-icon-item>
+    <settings-site-list id="blockList"
+        prefs="{{prefs}}" category="[[category]]"></settings-site-list>
+    <settings-site-list id="allowList"
+        prefs="{{prefs}}" category="[[category]]"></settings-site-list>
+  </template>
+  <script src="site_settings_category.js"></script>
+</dom-module>