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

chrome/browser/resources/settings/about_page/about_page.html

Index: chrome/browser/resources/settings/about_page/about_page.html
diff --git a/chrome/browser/resources/settings/about_page/about_page.html b/chrome/browser/resources/settings/about_page/about_page.html
index 3b65961fffc918944a073aa5dba9a7a49a4ff819..fbee7735c6d1f7a6d59b7de9ed5c9c48a67c3dbb 100644
--- a/chrome/browser/resources/settings/about_page/about_page.html
+++ b/chrome/browser/resources/settings/about_page/about_page.html
@@ -23,7 +23,7 @@
 <dom-module id="settings-about-page">
   <template>
     <style include="settings-shared settings-page-styles">
-      span {
+      .product-title {
         font-size: 20px;
         margin-top: auto;
         margin-bottom: auto;
@@ -65,22 +65,29 @@
               <img id="product-logo"
                   srcset="chrome://theme/current-channel-logo@1x 1x,
                           chrome://theme/current-channel-logo@2x 2x" alt="">
-              <span>$i18n{aboutProductTitle}</span>
+              <span class="product-title">$i18n{aboutProductTitle}</span>
             </div>
             <div class="settings-box two-line">
-              <div hidden="[[!shouldShowUpdateStatus_(
-                  currentUpdateStatusEvent_)]]">
-                <iron-icon
-                    icon$="[[getIcon_(currentUpdateStatusEvent_)]]"
-                    src="[[getIconSrc_(currentUpdateStatusEvent_)]]">
-                </iron-icon>
-              </div>
+              <iron-icon
+                  hidden="[[!shouldShowUpdateStatusIcon_(
+                      currentUpdateStatusEvent_)]]"
+                  icon$="[[getIcon_(currentUpdateStatusEvent_)]]"
+                  src="[[getIconSrc_(currentUpdateStatusEvent_)]]">
+              </iron-icon>
               <div class="start">
-                <div hidden="[[!shouldShowUpdateStatus_(
-                    currentUpdateStatusEvent_)]]">
+                <div id="updateStatusMessage"
+                    hidden="[[!shouldShowUpdateStatusMessage_(
+                        currentUpdateStatusEvent_)]]">
                   [[getUpdateStatusMessage_(
-                      currentUpdateStatusEvent_, targetChannel_)]]
+                      currentUpdateStatusEvent_,targetChannel)]]
                 </div>
+                <span id="deprecationWarning"
+                    hidden="[[!obsoleteSystemInfo_.obsolete]]">
+                  $i18n{aboutObsoleteSystem}
+                  <a href="$i18n{aboutObsoleteSystemURL}" target="_blank">
+                    $i18n{learnMore}
+                  </a>
+                </span>
                 <div class="secondary">$i18n{aboutBrowserVersion}</div>
               </div>
               <paper-button id="relaunch" class="secondary-action"