Implement important sites dialog for desktop.

chrome/browser/resources/settings/controls/important_site_checkbox.html

Index: chrome/browser/resources/settings/controls/important_site_checkbox.html
diff --git a/chrome/browser/resources/settings/controls/important_site_checkbox.html b/chrome/browser/resources/settings/controls/important_site_checkbox.html
new file mode 100644
index 0000000000000000000000000000000000000000..0b13a1ca7a897b35a8e4cd54dc0c228cb5024a3b
--- /dev/null
+++ b/chrome/browser/resources/settings/controls/important_site_checkbox.html
@@ -0,0 +1,58 @@
+<link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_indicator.html">
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
+<link rel="import" href="settings_boolean_control_behavior.html">
+<link rel="import" href="../settings_shared_css.html">
+
+<dom-module id="important-site-checkbox">
+  <template>
+    <style include="settings-shared">
+      #outerRow {
+        align-items: center;
+        display: flex;
+        min-height: var(--settings-row-two-line-min-height);
+        width: 100%;
+      }
+
+      paper-checkbox {
+        width: 100%;
+      }
+
+      paper-checkbox:not([checked]) .secondary {
+        @apply(--settings-secondary-unchecked);
+      }
+
+      .favicon-image {
+        display: inline-block;
+        margin: 4px 14px 4px 0;
+      }
+
+      .important-site-label {
+        display: inline-block;
+      }
+
+      .has-notifications {
+        color: red;
+      }
+
+    </style>
+    <div id="outerRow">
+      <paper-checkbox id="checkbox" checked="{{site.isChecked}}"
+          disabled="[[disabled]]">
+        <div class="favicon-image" style$="[[siteIcon_(site.exampleOrigin)]];">
+        </div>
+        <div class="important-site-label">
+        <div>[[site.registerableDomain]]</div>
+          <div class="secondary">
+            <span class="storage-size">[[site.storageSize]]</span>
+            <template is="dom-if" if="[[site.hasNotifications]]">
+              <span>&nbsp;&middot;&nbsp;</span>
+              <span class="has-notifications">$i18n{notificationWarning}</span>
+            </template>
+          </div>
+        </div>
+      </paper-checkbox>
+    </div>
+  </template>
+  <script src="important_site_checkbox.js"></script>
+</dom-module>