Non-Local Join for Media Router and Presentation API

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

Index: chrome/browser/resources/media_router/elements/route_details/route_details.js
diff --git a/chrome/browser/resources/media_router/elements/route_details/route_details.js b/chrome/browser/resources/media_router/elements/route_details/route_details.js
index 3519067389215e9f1a78e2e25d8acfedf5cba90e..0f3daa71d3896924cb26ad97ceb1306fee09b41e 100644
--- a/chrome/browser/resources/media_router/elements/route_details/route_details.js
+++ b/chrome/browser/resources/media_router/elements/route_details/route_details.js
@@ -28,6 +28,16 @@ Polymer({
     },
 
     /**
+     * The text for the join button.
+     * @private {string}
+     */
+    joinButtonText_: {
+      type: String,
+      readOnly: true,
+      value: loadTimeData.getString('joinButton'),
+    },
+
+    /**
      * The text for the stop casting button.
      * @private {string}
      */
@@ -60,6 +70,16 @@ Polymer({
   },
 
   /**
+   * Fires a join-route-click event. This is called when the button to join
+   * the current route is clicked.
+   *
+   * @private
+   */
+  joinRoute_: function() {
+    this.fire('join-route-click', {route: this.route});
+  },
+
+  /**
    * Loads the custom controller if |route.customControllerPath| exists.
    * Falls back to the default route details view otherwise, or if load fails.
    * Updates |activityStatus_| for the default view.