Add Media Router issue-banner.

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

Index: chrome/browser/resources/media_router/elements/issue_banner/issue_banner.html
diff --git a/chrome/browser/resources/media_router/elements/issue_banner/issue_banner.html b/chrome/browser/resources/media_router/elements/issue_banner/issue_banner.html
new file mode 100644
index 0000000000000000000000000000000000000000..01b0beaeb2a738cfe19e34599251f7119f01e5d7
--- /dev/null
+++ b/chrome/browser/resources/media_router/elements/issue_banner/issue_banner.html
@@ -0,0 +1,45 @@
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="stylesheet" href="issue_banner_dir.css">

[Jeremy Klein, 2015/04/06 18:49:57]

I think you can get rid of this now because of the host_context solution.

[apacible, 2015/04/06 21:02:43]

Done.

+<polymer-element name="issue-banner">
+<template>
+  <link rel="stylesheet" href="issue_banner.css">
+  <template bind="{{issue}}">

[Jeremy Klein, 2015/04/06 18:49:57]

I'm confused why you need this and how things like "onClickAction" are working
if this is being bound to the issue.

[apacible, 2015/04/06 21:02:43]

Talked offline. Removed this line and added issue.* where appropriate.
Interestingly, "onClickAction" was working while issue was binded.

+    <template if="{{isBlocking}}">
+      <div class="blocking-issue-header">
+        <div class="sad-face"></div>
+        <div>
+          <span class="blocking-issue-title">{{title}}</span>
+          <span class="blocking-issue-message">{{message}}</span>
+        </div>
+      </div>
+      <div>
+        <template if="{{optActionText}}">
+          <button class="button-secondary" title="{{optActionType}}"
+              on-click="{{onClickAction}}">
+            {{optActionText}}
+          </button>
+        </template>
+        <button class="button-action" title="{{defaultActionType}}"
+            on-click="{{onClickAction}}">
+          {{defaultActionText}}
+        </button>
+      </div>
+    </template>
+    <template if="{{!isBlocking}}">
+      <div class="non-blocking-issue">
+        <span>{{message}}</span>
+        <br/>
+        <template if="{{optActionText}}">
+          <span class="issue-action" title="{{optActionType}}"
+              on-click="{{onClickAction}}">
+            {{optActionText}}</span>
+        </template>
+        <span class="issue-action" title="{{defaultActionType}}"
+            on-click="{{onClickAction}}">
+          {{defaultActionText}}</span>
+      </div>
+    </template>
+  </template>
+</template>
+<script src="issue_banner.js"></script>
+</polymer-element>