MD Settings: Add Google Play Store (Arc++) section

chrome/browser/resources/settings/android_apps_page/android_apps_page.html

Index: chrome/browser/resources/settings/android_apps_page/android_apps_page.html
diff --git a/chrome/browser/resources/settings/android_apps_page/android_apps_page.html b/chrome/browser/resources/settings/android_apps_page/android_apps_page.html
new file mode 100644
index 0000000000000000000000000000000000000000..b389f8f6f331a2cee2f61e0df779ef3e9ff7949c
--- /dev/null
+++ b/chrome/browser/resources/settings/android_apps_page/android_apps_page.html
@@ -0,0 +1,62 @@
+<link rel="import" href="chrome://resources/html/i18n_behavior.html">
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+<link rel="import" href="/android_apps_page/android_apps_browser_proxy.html">
+<link rel="import" href="/controls/settings_checkbox.html">
+<link rel="import" href="/i18n_setup.html">
+<link rel="import" href="/prefs/prefs_behavior.html">
+<link rel="import" href="/settings_shared_css.html">
+
+<dom-module id="settings-android-apps-page">
+  <template>
+    <style include="settings-shared">
+      a {
+        -webkit-margin-start: 4px;
+        height: var(--checkbox-size);
+      }
+
+      .indented {
+        -webkit-margin-start: 36px;
+      }
+    </style>
+
+    <div class="settings-box first">
+      <settings-checkbox id="enabledCheckbox" pref="{{prefs.arc.enabled}}"
+          label="$i18n{androidAppsEnabled}"
+          no-set-pref on-change="onArcEnabledChange_">
+      </settings-checkbox>
+      <a href="$i18nRaw{androidAppsLearnMoreUrl}" target="_blank">
+        $i18n{androidAppsLearnMore}
+      </a>
+    </div>
+
+    <div class="settings-box continuation indented"
+        on-tap="onManageAndroidAppsTap_" actionable
+        hidden="[[!androidAppsInfo_.appReady]]">
+      <div class="start">
+        <div>$i18n{androidAppsManageApps}</div>
+      </div>
+      <button class="icon-external" is="paper-icon-button-light">
+      </button>
+    </div>
+
+    <!-- Confirm disable android apps dialog -->

[michaelpg, 2016/12/01 20:15:34]

nit: remove redundant comment

[stevenjb, 2016/12/02 00:39:19]

I like my highly visible comments separating out the dialog UI.

+    <dialog is="cr-dialog" id="confirmDisableDialog"
+        on-cancel="onConfirmDisableDialogCancel_">
+      <div class="title">$i18n{androidAppsDisableDialogTitle}</div>
+      <div class="body" inner-h-t-m-l="[[getDialogBody_()]]"></div>
+      <div class="button-container">
+        <paper-button class="cancel-button"
+            on-tap="onConfirmDisableDialogCancel_">
+          $i18n{cancel}
+        </paper-button>
+        <paper-button class="action-button"
+            on-tap="onConfirmDisableDialogConfirm_">
+          $i18n{confirm}
+        </paper-button>
+      </div>
+    </dialog>
+

[michaelpg, 2016/12/01 20:15:34]

nit: no blank line (its fine keeping <dialog> separated from the prior tag, but
it's not necessary here, same as the <template> line above)

[stevenjb, 2016/12/02 00:39:19]

Done.

+  </template>
+  <script src="android_apps_page.js"></script>
+</dom-module>