Non-Local Join for Media Router and Presentation API

chrome/browser/resources/media_router/elements/route_details/route_details.html

 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="../media_router_header/media_router_header.html">
 <dom-module id="route-details">
   <link rel="import" type="css" href="../../media_router_common.css">
   <link rel="import" type="css" href="route_details.css">
   <template>
     <media-router-header id="route-details-header"
         view="[[currentView_]]" heading-text="[[sink.name]]">
     </media-router-header>
     <div id="route-information" hidden$="[[!isCustomControllerHidden_]]">
       <span>[[activityStatus_]]</span>
     </div>
     <extensionview id="custom-controller"
         hidden$="[[isCustomControllerHidden_]]">
     </extensionview>
-    <paper-button raised id="close-route-button" class="button"
-        on-click="closeRoute_">
-      <span>[[stopCastingButtonText_]]</span>
-    </paper-button>
+    <div class="layout horizontal end-justified">
+      <paper-button raised class="flex self-stretch route-button button"
+          hidden$="[[!route.canJoin]]"

[imcheng, 2015/12/01 23:45:06]

instead of using hidden attribute, consider using conditional template:
https://www.polymer-project.org/1.0/docs/devguide/templates.html#dom-if

[matt.boetger, 2015/12/03 01:19:20]

I put this in, but the unit tests seemed to not properly re-render the html when
the route was changed - so I couldn't properly test it.  At least it is
consistent with the route-information tag using the hidden$ attribute.

+          on-click="joinRoute_">
+        <span>[[joinButtonText_]]</span>
+      </paper-button>
+      <paper-button raised class="flex self-stretch route-button button"
+          on-click="closeRoute_">
+        <span>[[stopCastingButtonText_]]</span>
+      </paper-button>
+    <div>
   </template>
 <script src="route_details.js"></script>
 </dom-module>