Settings People Revamp: Easy Unlock: Add basic UI

chrome/browser/resources/settings/people_page/people_page.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview
  * 'settings-people-page' is the settings page containing sign-in settings.
  *
  * Example:
  *
  *    <iron-animated-pages>
  *      <settings-people-page prefs="{{prefs}}"></settings-people-page>
  *      ... other pages ...
  *    </iron-animated-pages>
  */
 Polymer({
   is: 'settings-people-page',
 
   behaviors: [
     I18nBehavior,
+    WebUIListenerBehavior,
   ],
 
   properties: {
     /**
      * The current active route.
      */
     currentRoute: {
       type: Object,
       notify: true,
     },
@@ skipping 16 matching lines @@
      * The currently selected profile icon URL. May be a data URL.
      * @private {string}
      */
     profileIconUrl_: String,
 
     /**
      * The current profile name.
      * @private {string}
      */
     profileName_: String,
+
+<if expr="chromeos">
+    /**
+     * True if Easy Unlock is allowed on this machine.
+     * @private {boolean}
+     */
+    easyUnlockAllowed_: {
+      type: Boolean,
+      value: function() {
+        return loadTimeData.getBoolean('easyUnlockAllowed');
+      },
+      readOnly: true,
+    },
+
+    /**
+     * True if Easy Unlock is enabled.
+     * @private {boolean}
+     */
+    easyUnlockEnabled_: {
+      type: Boolean,
+      value: function() {
+        return loadTimeData.getBoolean('easyUnlockEnabled');
+      },
+    },
+</if>
   },
 
   /** @override */
-  created: function() {
+  attached: function() {
     settings.SyncPrivateApi.getProfileInfo(this.handleProfileInfo_.bind(this));
     settings.SyncPrivateApi.getSyncStatus(
         this.handleSyncStatusFetched_.bind(this));
+
+<if expr="chromeos">
+    if (this.easyUnlockAllowed_) {
+      this.addWebUIListener(
+          'easy-unlock-enabled-status',
+          this.handleEasyUnlockEnabledStatusChanged_.bind(this));
+    }
+</if>
   },
 
   /**
    * Handler for when the profile's icon and name is updated.
    * @private
    * @param {!string} name
    * @param {!string} iconUrl
    */
   handleProfileInfo_: function(name, iconUrl) {
     this.profileName_ = name;
     this.profileIconUrl_ = iconUrl;
   },
 
   /**
    * Handler for when the sync state is pushed from settings.SyncPrivateApi.
    * @private
    */
   handleSyncStatusFetched_: function(syncStatus) {
     this.syncStatus = syncStatus;
 
     // TODO(tommycli): Remove once we figure out how to refactor the sync
     // code to not include HTML in the status messages.
     this.$.syncStatusText.innerHTML = syncStatus.statusText;
   },
 
+<if expr="chromeos">
+  /**
+   * Handler for when the Easy Unlock enabled status has changed.
+   * @private
+   */
+  handleEasyUnlockEnabledStatusChanged_: function(easyUnlockEnabled) {
+    this.easyUnlockEnabled_ = easyUnlockEnabled;
+  },
+</if>
+
   /** @private */
   onActionLinkTap_: function() {
     settings.SyncPrivateApi.showSetupUI();
   },
 
   /** @private */
   onPictureTap_: function() {
 <if expr="chromeos">
     this.$.pages.setSubpageChain(['changePicture']);
 </if>
@@ skipping 52 matching lines @@
 
   /**
    * @private
    * @return {boolean}
    */
   isAdvancedSyncSettingsVisible_: function(syncStatus) {
     return syncStatus && syncStatus.signedIn && !syncStatus.managed &&
            syncStatus.syncSystemEnabled;
   },
 });