Settings People Revamp: Easy Unlock: Add browser proxy and setup flow.

Adds a browser proxy object and implements the setup flow. Tests in a
separate CL.

BUG=563721

Review URL: https://codereview.chromium.org/1806123002

Cr-Commit-Position: refs/heads/master@{#381845}

chrome/browser/resources/settings/people_page/compiled_resources2.gyp

@@ -32,6 +32,13 @@
       ],
       'includes': ['../../../../../third_party/closure_compiler/compile_js2.gypi'],
     },
+    {
+      'target_name': 'easy_unlock_browser_proxy',
+      'dependencies': [
+        '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:cr',
+      ],
+      'includes': ['../../../../../third_party/closure_compiler/compile_js2.gypi'],
+    },
     {
       'target_name': 'people_page',
       'dependencies': [
@@ -40,6 +47,7 @@
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:i18n_behavior',
         '<(DEPTH)/ui/webui/resources/js/compiled_resources2.gyp:web_ui_listener_behavior',
         '../settings_page/compiled_resources2.gyp:settings_animated_pages',
+        'easy_unlock_browser_proxy',
         'sync_private_api',
       ],
       'includes': ['../../../../../third_party/closure_compiler/compile_js2.gypi'],

chrome/browser/resources/settings/people_page/easy_unlock_browser_proxy.html

+<script src="chrome://md-settings/people_page/easy_unlock_browser_proxy.js"></script>

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

+// Copyright 2016 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 A helper object used from the the People section to interact
+ * with the Easy Unlock functionality of the browser. ChromeOS only.
+ */
+cr.exportPath('settings');
+
+cr.define('settings', function() {
+  /** @interface */
+  function EasyUnlockBrowserProxy() {}
+
+  EasyUnlockBrowserProxy.prototype = {
+    /**
+     * Returns a true promise if Easy Unlock is already enabled on the device.
+     * @return {!Promise<boolean>}
+     */
+    getEnabledStatus: function() {},
+
+    /**
+     * Starts the Easy Unlock setup flow.
+     */
+    launchSetup: function() {}
+  };
+
+  /**
+   * @constructor
+   * @implements {EasyUnlockBrowserProxy}
+   */
+  function EasyUnlockBrowserProxyImpl() {}
+  // The singleton instance_ is replaced with a test version of this wrapper
+  // during testing.
+  cr.addSingletonGetter(EasyUnlockBrowserProxyImpl);
+
+  EasyUnlockBrowserProxyImpl.prototype = {
+    /** @override */
+    getEnabledStatus: function() {
+      return cr.sendWithPromise('easyUnlockGetEnabledStatus');
+    },
+
+    /** @override */
+    launchSetup: function() {
+      chrome.send('easyUnlockLaunchSetup');
+    },
+  };
+
+  return {
+    EasyUnlockBrowserProxyImpl: EasyUnlockBrowserProxyImpl,
+  };
+});

chrome/browser/resources/settings/people_page/people_page.html

@@ -14,6 +14,7 @@
 
 <if expr="chromeos">
 <link rel="import" href="chrome://md-settings/people_page/change_picture.html">
+<link rel="import" href="chrome://md-settings/people_page/easy_unlock_browser_proxy.html">
 <link rel="import" href="chrome://md-settings/people_page/users_page.html">
 </if>
 <if expr="not chromeos">
@@ -103,14 +104,15 @@
               </div>
             </div>
             <div class="secondary-action">
-              <!-- TODO(tommycli): Hook up these buttons to actions. -->
               <template is="dom-if" if=[[!easyUnlockEnabled_]]>
-                <paper-button class="secondary-button">
+                <paper-button class="secondary-button"
+                    on-tap="onEasyUnlockSetupTap_">
                   [[i18n('easyUnlockSetupButton')]]
                 </paper-button>
               </template>
               <template is="dom-if" if=[[easyUnlockEnabled_]]>
-                <paper-button class="secondary-button">
+                <paper-button class="secondary-button"
+                    on-tap="onEasyUnlockTurnOffTap_">
                   [[i18n('easyUnlockTurnOffButton')]]
                 </paper-button>
               </template>

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

@@ -57,6 +57,14 @@ Polymer({
     profileName_: String,
 
 <if expr="chromeos">
+    /** @private {!settings.EasyUnlockBrowserProxyImpl} */
+    browserProxy_: {
+      type: Object,
+      value: function() {
+        return settings.EasyUnlockBrowserProxyImpl.getInstance();
+      },
+    },
+
     /**
      * True if Easy Unlock is allowed on this machine.
      * @private {boolean}
@@ -93,6 +101,8 @@ Polymer({
       this.addWebUIListener(
           'easy-unlock-enabled-status',
           this.handleEasyUnlockEnabledStatusChanged_.bind(this));
+      this.browserProxy_.getEnabledStatus().then(
+          this.handleEasyUnlockEnabledStatusChanged_.bind(this));
     }
 </if>
   },
@@ -175,6 +185,18 @@ Polymer({
     this.$.pages.setSubpageChain(['sync']);
   },
 
+<if expr="chromeos">
+  /** @private */
+  onEasyUnlockSetupTap_: function() {
+    this.browserProxy_.launchSetup();
+  },
+
+  /** @private */
+  onEasyUnlockTurnOffTap_: function() {
+    // TODO(tommycli): Implement Easy Unlock turn off functionality.
+  },
+</if>
+
   /** @private */
   onManageOtherPeople_: function() {
 <if expr="not chromeos">

chrome/browser/resources/settings/settings_resources.grd

@@ -825,11 +825,17 @@
                    type="chrome_html" />
         <structure name="IDR_SETTINGS_PEOPLE_CHANGE_PICTURE_BROWSER_PROXY_JS"
                    file="people_page/change_picture_browser_proxy.js"
+                   type="chrome_html" />
+        <structure name="IDR_SETTINGS_PEOPLE_CHANGE_PICTURE_BROWSER_PROXY_HTML"
+                   file="people_page/change_picture_browser_proxy.html"
                    type="chrome_html"
                    flattenhtml="true"
                    allowexternalscript="true" />
-        <structure name="IDR_SETTINGS_PEOPLE_CHANGE_PICTURE_BROWSER_PROXY_HTML"
-                   file="people_page/change_picture_browser_proxy.html"
+        <structure name="IDR_SETTINGS_PEOPLE_EASY_UNLOCK_BROWSER_PROXY_JS"
+                   file="people_page/easy_unlock_browser_proxy.js"
+                   type="chrome_html" />
+        <structure name="IDR_SETTINGS_PEOPLE_EASY_UNLOCK_BROWSER_PROXY_HTML"
+                   file="people_page/easy_unlock_browser_proxy.html"
                    type="chrome_html"
                    flattenhtml="true"
                    allowexternalscript="true" />

chrome/browser/ui/webui/settings/chromeos/easy_unlock_settings_handler.cc

@@ -55,6 +55,10 @@ void EasyUnlockSettingsHandler::RegisterMessages() {
       "easyUnlockGetEnabledStatus",
       base::Bind(&EasyUnlockSettingsHandler::HandleGetEnabledStatus,
                  base::Unretained(this)));
+  web_ui()->RegisterMessageCallback(
+      "easyUnlockLaunchSetup",
+      base::Bind(&EasyUnlockSettingsHandler::HandleLaunchSetup,
+                 base::Unretained(this)));
   web_ui()->RegisterMessageCallback(
       "easyUnlockGetTurnOffFlowStatus",
       base::Bind(&EasyUnlockSettingsHandler::HandleGetTurnOffFlowStatus,
@@ -144,6 +148,11 @@ void EasyUnlockSettingsHandler::HandleGetEnabledStatus(
       base::FundamentalValue(EasyUnlockService::Get(profile_)->IsEnabled()));
 }
 
+void EasyUnlockSettingsHandler::HandleLaunchSetup(
+    const base::ListValue* args) {
+  EasyUnlockService::Get(profile_)->LaunchSetup();
+}
+
 void EasyUnlockSettingsHandler::HandleGetTurnOffFlowStatus(
     const base::ListValue* args) {
   SendTurnOffOperationStatus();

chrome/browser/ui/webui/settings/chromeos/easy_unlock_settings_handler.h

@@ -48,6 +48,7 @@ class EasyUnlockSettingsHandler : public ::settings::SettingsPageUIHandler,
 
   // JS callbacks.
   void HandleGetEnabledStatus(const base::ListValue* args);
+  void HandleLaunchSetup(const base::ListValue* args);
   void HandleGetTurnOffFlowStatus(const base::ListValue* args);
   void HandleRequestTurnOff(const base::ListValue* args);
   void HandlePageDismissed(const base::ListValue* args);