Migrating UpdateScreen to ScreenContext

chrome/browser/resources/chromeos/login/oobe_screen_update.js

 // Copyright (c) 2012 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 Oobe update screen implementation.
  */
 
 login.createScreen('UpdateScreen', 'update', function() {
+  var USER_ACTION_CANCEL_UPDATE_SHORTCUT = 'cancel-update';
+  var CONTEXT_KEY_TIME_LEFT_SEC = 'time-left-sec';
+  var CONTEXT_KEY_SHOW_TIME_LEFT = 'show-time-left';
+  var CONTEXT_KEY_UPDATE_MESSAGE = 'update-msg';
+  var CONTEXT_KEY_SHOW_CURTAIN = 'show-curtain';
+  var CONTEXT_KEY_SHOW_PROGRESS_MESSAGE = 'show-progress-msg';
+  var CONTEXT_KEY_PROGRESS = 'progress';
+  var CONTEXT_KEY_PROGRESS_MESSAGE = 'progress-msg';
+  var CONTEXT_KEY_CANCEL_UPDATE_SHORTCUT_ENABLED = 'cancel-update-enabled';
+
   return {
-    EXTERNAL_API: [
-      'enableUpdateCancel',
-      'setUpdateProgress',
-      'showEstimatedTimeLeft',
-      'setEstimatedTimeLeft',
-      'showProgressMessage',
-      'setProgressMessage',
-      'setUpdateMessage',
-      'showUpdateCurtain'
-    ],
+    EXTERNAL_API: [],
+
+    /** @override */
+    decorate: function() {
+      var self = this;
+
+      this.context.addObserver(CONTEXT_KEY_TIME_LEFT_SEC,
+                               function(time_left_sec) {
+        self.setEstimatedTimeLeft(time_left_sec);
+      });
+      this.context.addObserver(CONTEXT_KEY_SHOW_TIME_LEFT,
+                               function(show_time_left) {
+        self.showEstimatedTimeLeft(show_time_left);
+      });
+      this.context.addObserver(CONTEXT_KEY_UPDATE_MESSAGE,
+                               function(update_msg) {
+        self.setUpdateMessage(update_msg);
+      });
+      this.context.addObserver(CONTEXT_KEY_SHOW_CURTAIN,
+                               function(show_curtain) {
+        self.showUpdateCurtain(show_curtain);
+      });
+      this.context.addObserver(CONTEXT_KEY_SHOW_PROGRESS_MESSAGE,
+                               function(show_progress_msg) {
+        self.showProgressMessage(show_progress_msg);
+      });
+      this.context.addObserver(CONTEXT_KEY_PROGRESS,
+                               function(progress) {
+        self.setUpdateProgress(progress);
+      });
+      this.context.addObserver(CONTEXT_KEY_PROGRESS_MESSAGE,
+                               function(progress_msg) {
+        self.setProgressMessage(progress_msg);
+      });
+      this.context.addObserver(CONTEXT_KEY_CANCEL_UPDATE_SHORTCUT_ENABLED,
+                               function(enabled) {
+        $('update-cancel-hint').hidden = !enabled;
+      });
+    },
 
     /**
      * Header text of the screen.
      * @type {string}
      */
     get header() {
       return loadTimeData.getString('updateScreenTitle');
     },
 
     /**
      * Cancels the screen.
      */
     cancel: function() {
       // It's safe to act on the accelerator even if it's disabled on official
-      // builds, since Chrome will just ignore the message in that case.
+      // builds, since Chrome will just ignore this user action in that case.
       var updateCancelHint = $('update-cancel-hint').firstElementChild;
       updateCancelHint.textContent =
           loadTimeData.getString('cancelledUpdateMessage');
-      chrome.send('cancelUpdate');
+      this.send(login.Screen.CALLBACK_USER_ACTED,
+                USER_ACTION_CANCEL_UPDATE_SHORTCUT);
     },
 
     /**
-     * Makes 'press Escape to cancel update' hint visible.
-     */
-    enableUpdateCancel: function() {
-      $('update-cancel-hint').hidden = false;
-    },
-
-    /**
      * Sets update's progress bar value.
      * @param {number} progress Percentage of the progress bar.
      */
     setUpdateProgress: function(progress) {
       $('update-progress-bar').value = progress;
     },
 
     /**
      * Shows or hides downloading ETA message.
      * @param {boolean} visible Are ETA message visible?
@@ skipping 55 matching lines @@
     /**
      * Shows or hides update curtain.
      * @param {boolean} visible Are curtains visible?
      */
     showUpdateCurtain: function(visible) {
       $('update-screen-curtain').hidden = !visible;
       $('update-screen-main').hidden = visible;
     }
   };
 });