MD Settings: About page, implement obsolete/end-of-the-line status.

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 18 matching lines @@
 
     /** @private {!BrowserChannel} */
     currentChannel_: String,
 
     /** @private {!BrowserChannel} */
     targetChannel_: String,
 
     /** @private {?RegulatoryInfo} */
     regulatoryInfo_: Object,
 </if>
+
+    /** @private {!{obsolete: boolean, endOfLine: boolean}} */
+    obsoleteSystemInfo_: {
+      type: Object,
+      value: function() {
+        return {
+          obsolete: loadTimeData.getBoolean('aboutObsoleteNowOrSoon'),
+          endOfLine: loadTimeData.getBoolean('aboutObsoleteEndOfTheLine'),
+        };
+      },
+    },
   },
 
   /** @private {?settings.AboutPageBrowserProxy} */
   browserProxy_: null,
 
   /**
    * @type {string} Selector to get the sections.
    * TODO(michaelpg): replace duplicate docs with @override once b/24294625
    * is fixed.
    */
@@ skipping 57 matching lines @@
 
   /** @private */
   onRelaunchTap_: function() {
     this.browserProxy_.relaunchNow();
   },
 
   /**
    * @return {boolean}
    * @private
    */
-  shouldShowUpdateStatus_: function() {
-    return this.currentUpdateStatusEvent_.status != UpdateStatus.DISABLED;
+  shouldShowUpdateStatusMessage_: function() {
+    return this.currentUpdateStatusEvent_.status != UpdateStatus.DISABLED &&
+        !this.obsoleteSystemInfo_.endOfLine;
   },
 
   /**
+   * @return {boolean}
+   * @private
+   */
+  shouldShowUpdateStatusIcon_: function() {
+    return this.currentUpdateStatusEvent_.status != UpdateStatus.DISABLED ||
+        this.obsoleteSystemInfo_.endOfLine;
+  },
+
+  /**
    * @return {boolean}
    * @private
    */
   shouldShowRelaunch_: function() {
     var shouldShow = false;
 <if expr="not chromeos">
     shouldShow = this.checkStatus_(UpdateStatus.NEARLY_UPDATED);
 </if>
 <if expr="chromeos">
     shouldShow = this.checkStatus_(UpdateStatus.NEARLY_UPDATED) &&
@@ skipping 29 matching lines @@
       default:
         return this.currentUpdateStatusEvent_.message || '';
     }
   },
 
   /**
    * @return {?string}
    * @private
    */
   getIcon_: function() {
+    // If this platform has reached the end of the line, display an error icon
+    // and ignore UpdateStatus.
+    if (this.obsoleteSystemInfo_.endOfLine)
+      return 'settings:error';
+
     switch (this.currentUpdateStatusEvent_.status) {
       case UpdateStatus.DISABLED_BY_ADMIN:
         return 'cr:domain';
       case UpdateStatus.FAILED:
         return 'settings:error';
       case UpdateStatus.UPDATED:
       case UpdateStatus.NEARLY_UPDATED:
           return 'settings:check-circle';
       default:
           return null;
     }
   },
 
   /**
    * @return {?string}
    * @private
    */
   getIconSrc_: function() {
+    if (this.obsoleteSystemInfo_.endOfLine)
+      return null;
+
     switch (this.currentUpdateStatusEvent_.status) {
       case UpdateStatus.CHECKING:
       case UpdateStatus.UPDATING:
         return 'chrome://resources/images/throbber_small.svg';
       default:
         return null;
     }
   },
 
   /**
@@ skipping 62 matching lines @@
   },
 </if>
 
 <if expr="_google_chrome">
   /** @private */
   onReportIssueTap_: function() {
     this.browserProxy_.openFeedbackDialog();
   },
 </if>
 });