MD Settings: About page, hooking up channel switcher dialog.

chrome/browser/resources/settings/about_page/about_page.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 'settings-about-page' contains version and OS related
  * information.
  */
 Polymer({
   is: 'settings-about-page',
@@ skipping 31 matching lines @@
   browserProxy_: null,
 
   /**
    * @type {string} Selector to get the sections.
    * TODO(michaelpg): replace duplicate docs with @override once b/24294625
    * is fixed.
    */
   sectionSelector: 'settings-section',
 
   /** @override */
-  ready: function() {
+  attached: function() {
     this.browserProxy_ = settings.AboutPageBrowserProxyImpl.getInstance();
     this.browserProxy_.pageReady();
 
 <if expr="chromeos">
+    this.addEventListener('target-channel-changed', function(e) {
+      this.targetChannel_ = e.detail;
+    }.bind(this));
+
     Promise.all([
       this.browserProxy_.getCurrentChannel(),
       this.browserProxy_.getTargetChannel(),
     ]).then(function(channels) {
       this.currentChannel_ = channels[0];
       this.targetChannel_ = channels[1];
 
       this.startListening_();
     }.bind(this));
 
     this.browserProxy_.getRegulatoryInfo().then(function(info) {
       this.regulatoryInfo_ = info;
     }.bind(this));
 </if>
 <if expr="not chromeos">
     this.startListening_();
 </if>
+
+    this.scroller = this.parentElement;
   },
 
   /** @private */
   startListening_: function() {
     this.addWebUIListener(
         'update-status-changed',
         this.onUpdateStatusChanged_.bind(this));
     this.browserProxy_.refreshUpdateStatus();
   },
 
   /**
    * @param {!UpdateStatusChangedEvent} event
    * @private
    */
   onUpdateStatusChanged_: function(event) {
 <if expr="chromeos">
     if (event.status == UpdateStatus.CHECKING)
       this.hasCheckedForUpdates_ = true;
 </if>
     this.currentUpdateStatusEvent_ = event;
   },
 
-  /** @override */
-  attached: function() {
-    this.scroller = this.parentElement;
-  },
-
   /** @private */
   onHelpTap_: function() {
     this.browserProxy_.openHelpPage();
   },
 
   /** @private */
   onRelaunchTap_: function() {
     this.browserProxy_.relaunchNow();
   },
 
   /**
    * @return {boolean}
    * @private
    */
   shouldShowUpdateStatus_: function() {
     return this.currentUpdateStatusEvent_.status != UpdateStatus.DISABLED;
   },
 
   /**
    * @return {boolean}
    * @private
    */
   shouldShowRelaunch_: function() {
     var shouldShow = false;
 <if expr="not chromeos">
-    shouldShow =
-        this.currentUpdateStatusEvent_.status == UpdateStatus.NEARLY_UPDATED;
+    shouldShow = this.checkStatus_(UpdateStatus.NEARLY_UPDATED);
 </if>
 <if expr="chromeos">
-    shouldShow = !this.isTargetChannelMoreStable_() &&
-        this.currentUpdateStatusEvent_.status == UpdateStatus.NEARLY_UPDATED;
+    shouldShow = this.checkStatus_(UpdateStatus.NEARLY_UPDATED) &&
+        !this.isTargetChannelMoreStable_();
 </if>
     return shouldShow;
   },
 
   /**
    * @return {string}
    * @private
    */
   getUpdateStatusMessage_: function() {
     switch (this.currentUpdateStatusEvent_.status) {
@@ skipping 45 matching lines @@
   getIconSrc_: function() {
     switch (this.currentUpdateStatusEvent_.status) {
       case UpdateStatus.CHECKING:
       case UpdateStatus.UPDATING:
         return 'chrome://resources/images/throbber_small.svg';
       default:
         return null;
     }
   },
 
+  /**
+   * @param {!UpdateStatus} status
+   * @return {boolean}
+   * @private
+   */
+  checkStatus_: function(status) {
+    return this.currentUpdateStatusEvent_.status == status;
+  },
+
 <if expr="chromeos">
   /**
    * @return {boolean}
    * @private
    */
   isTargetChannelMoreStable_: function() {
     assert(this.currentChannel_.length > 0);
     assert(this.targetChannel_.length > 0);
     return settings.isTargetChannelMoreStable(
         this.currentChannel_, this.targetChannel_);
   },
 
   /** @private */
   onDetailedBuildInfoTap_: function() {
     var animatedPages = /** @type {!SettingsAnimatedPagesElement} */ (
         this.$.pages);
     animatedPages.setSubpageChain(['detailed-build-info']);
   },
 
   /** @private */
   onRelaunchAndPowerwashTap_: function() {
     // TODO(dpapad): Implement this.
   },
 
   /**
    * @return {boolean}
    * @private
    */
   shouldShowRelaunchAndPowerwash_: function() {
-    return this.isTargetChannelMoreStable_() &&
-        this.currentUpdateStatusEvent_.status == UpdateStatus.NEARLY_UPDATED;
+    return this.checkStatus_(UpdateStatus.NEARLY_UPDATED) &&
+        this.isTargetChannelMoreStable_();
   },
 
   /** @private */
   onCheckUpdatesTap_: function() {
     this.onUpdateStatusChanged_({status: UpdateStatus.CHECKING});
     this.browserProxy_.requestUpdate();
   },
 
   /**
    * @return {boolean}
    * @private
    */
   shouldShowCheckUpdates_: function() {
     return !this.hasCheckedForUpdates_ ||
-        this.currentUpdateStatusEvent_.status == UpdateStatus.FAILED;
+        this.checkStatus_(UpdateStatus.FAILED);
   },
 
   /**
    * @return {boolean}
    * @private
    */
   shouldShowRegulatoryInfo_: function() {
     return this.regulatoryInfo_ !== null;
   },
 </if>
 
 <if expr="_google_chrome">
   /** @private */
   onReportIssueTap_: function() {
     this.browserProxy_.openFeedbackDialog();
   },
 </if>
 });