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

chrome/browser/resources/settings/location_page/location_page.html

 <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.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-menu/paper-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submenu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 
 <dom-module id="cr-settings-location-page">
   <link rel="import" type="css"
       href="chrome://md-settings/settings_page/settings_page.css">
   <link rel="import" type="css" href="location_page.css">
   <template>
     <paper-icon-item>
-      <iron-icon icon="communication:location-on" item-icon></iron-icon>
+      <iron-icon icon="{{computeIcon_(contentSettingsType)}}" item-icon></iron-icon>

[Dan Beam, 2015/09/29 16:38:55]

{{ -> [[

       <paper-item-body two-line class="flex">
-        <div i18n-content="siteSettingsLocation"></div>
-        <div secondary i18n-content="siteSettingsAskBeforeAccessing"></div>
+        <div>{{computeTitle_(contentSettingsType)}}</div>
+        <div secondary>{{computeDesc_(contentSettingsType, globalDefault)}}</div>
       </paper-item-body>
-      <paper-toggle-button></paper-toggle-button>
+      <paper-toggle-button id="toggle" checked="{{globalDefault}}"
+          on-change="handleToggleChange_"></paper-toggle-button>
     </paper-icon-item>
     <paper-menu>
-      <paper-submenu>
+      <paper-submenu hidden$="{{!showBlockedList_(block, globalDefault)}}">
         <paper-item class="menu-trigger">
-          <div>[[getTitleAndCount_("siteSettingsBlock", block.length)]]</div>
+          <div>{{computeBlockedListHeader_(block)}}</div>
         </paper-item>
         <paper-menu class="menu-content">
           <template is="dom-repeat" items="{{block}}">
-            <paper-item>{{item.url}}</paper-item>
+            <paper-item on-dblclick="handleDblClick_">{{item.url}}</paper-item>
           </template>
         </paper-menu>
       </paper-submenu>
-      <paper-submenu>
+      <paper-submenu hidden$="{{!showAllowedList_(allow)}}">
         <paper-item class="menu-trigger">
-          <div>[[getTitleAndCount_("siteSettingsAllow", allow.length)]]</div>
+          <div>{{computeAllowedListHeader_(allow, globalDefault)}}</div>
         </paper-item>
         <paper-menu class="menu-content">
           <template is="dom-repeat" items="{{allow}}">
-            <paper-item>{{item.url}}</paper-item>
+            <paper-item on-dblclick="handleDblClick_">{{item.url}}</paper-item>
           </template>
         </paper-menu>
       </paper-submenu>
     </paper-menu>
   </template>
   <script src="location_page.js"></script>
 </dom-module>