[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 207 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_();
   },
 });