[Media Router] Use common media-router-header for MR UI.

chrome/browser/resources/media_router/elements/media_router_container/media_router_container.js

 // Copyright 2015 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.
 
 // This Polymer element contains the entire media router interface. It handles
 // hiding and showing specific components.
 Polymer({
   is: 'media-router-container',
 
   properties: {
@@ skipping 82 matching lines @@
       value: '',
     },
 
     /**
      * The issue to show.
      * @type {?media_router.Issue}
      */
     issue: {
       type: Object,
       value: null,
+      observer: 'maybeShowIssueView_',
     },
 
     /**
+     * The header text.
+     * @private {string}
+     */
+    issueHeaderText_: {
+      type: String,
+      readOnly: true,
+      value: loadTimeData.getString('issueHeader'),
+    },
+
+    /**
      * Whether the MR UI was just opened.
      * @private {boolean}
      */
     justOpened_: {
       type: Boolean,
       value: true,
       observer: 'computeSpinnerHidden_',
     },
 
     /**
@@ skipping 178 matching lines @@
   },
 
   /**
    * @param {media_router.MediaRouterView} view The current view.
    * @param {string} headerText The header text for the sink list.
    * @return {string} The text for the header.
    * @private
    */
   computeHeaderText_: function(view, headerText) {
     switch (view) {
+      case media_router.MediaRouterView.CAST_MODE_LIST:
+        return this.selectCastModeHeaderText_;
+      case media_router.MediaRouterView.ISSUE:
+        return this.issueHeaderText_;
+      case media_router.MediaRouterView.ROUTE_DETAILS:
+        return this.currentRoute_ ?
+            this.sinkMap_[this.currentRoute_.sinkId].name : '';
       case media_router.MediaRouterView.SINK_LIST:
         return this.headerText;
-      case media_router.MediaRouterView.CAST_MODE_LIST:
-        return this.selectCastModeHeaderText_;
       default:
         return '';
     }
   },
 
   /**
    * @param {media_router.MediaRouterView} view The current view.
    * @param {string} headerTooltip The tooltip for the header for the sink
    *     list.
    * @return {string} The tooltip for the header.
@@ skipping 80 matching lines @@
    * @param {!Array<!media_router.CastMode>} castModeList The current list of
    *     cast modes.
    * @return {boolean} Whether or not to hide the share screen subheading text.
    * @private
    */
   computeShareScreenSubheadingHidden_: function(castModeList) {
     return this.computeNonDefaultCastModeList_(castModeList).length == 0;
   },
 
   /**
-   * @param {?media_router.Route} route The current route.
-   * @return {?media_router.Sink} The sink associated with |route|.
-   * @private
-   */
-  computeSinkForCurrentRoute_: function(route) {
-    return route ? this.sinkMap_[route.sinkId] : null;
-  },
-
-  /**
    * @param {!media_router.Sink} sink The sink to determine an icon for.
    * @return {string} The Polymer <iron-icon> icon to use. The format is
    *     <iconset>:<icon>, where <iconset> is the set ID and <icon> is the name
    *     of the icon. <iconset>: may be ommitted if <icon> is from the default
    *     set.
    * @private
    */
   computeSinkIcon_: function(sink) {
     switch (sink.iconType) {
       case media_router.SinkIconType.CAST:
@@ skipping 98 matching lines @@
    *
    * @param {?media_router.Route} route A local route.
    * @private
    */
   maybeShowRouteDetailsOnOpen_: function(route) {
     if (this.localRouteCount_ == 1 && this.justOpened_ && route)
       this.showRouteDetails_(route);
   },
 
   /**
+   * Updates |currentView_| if there is a new blocking issue.
+   *
+   * @param {?media_router.Issue} issue The new issue.
+   * @private
+   */
+  maybeShowIssueView_: function(issue) {
+    if (!!issue && issue.isBlocking)
+      this.currentView_ = media_router.MediaRouterView.ISSUE;
+  },
+
+  /**
    * Handles a cast mode selection. Updates |headerText|, |headerTextTooltip|,
    * and |selectedCastModeValue_|.
    *
    * @param {!Event} event The event object.
    * @private
    */
   onCastModeClick_: function(event) {
     // The clicked cast mode can come from one of two lists,
     // defaultCastModeList and nonDefaultCastModeList.
     var clickedMode =
@@ skipping 241 matching lines @@
    *
    * @private
    */
   toggleCastModeHidden_: function() {
     if (this.currentView_ == media_router.MediaRouterView.CAST_MODE_LIST)
       this.showSinkList_();
     else
       this.showCastModeList_();
   },
 });