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

   1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
   2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
   3 <dom-module name="issue-banner">
   4   <link rel="import" type="css" href="../../media_router_common.css">
   5   <link rel="import" type="css" href="issue_banner.css">
   6   <template>
   7     <div id="blocking-issue"
   8         hidden$="[[computeIsBlockingIssueHidden_(issue)]]">
   9       <div id="blocking-issue-header">
  10         <div id="sad-face"></div>
  11         <div>
  12           <div id="blocking-issue-title">[[issue.title]]</div>
  13           <div id="blocking-issue-message">[[issue.message]]</div>
  14         </div>
  15       </div>
  16       <div id="blocking-issue-buttons">
  17         <paper-button raised id="blocking-opt" class="button"
  18             on-click="onClickOptAction_"
  19             hidden$="[[computeOptionalActionHidden_(issue)]]">
  20           <span>[[secondaryActionButtonText_]]</span>
  21         </paper-button>
  22         <paper-button raised id="blocking-default"
  23             class="button action"
  24             on-click="onClickDefaultAction_">
  25           <span>[[defaultActionButtonText_]]</span>
  26         </paper-button>
  27       </div>
  28     </div>
  29     <div id="non-blocking-issue"
  30         hidden$="[[computeIsNonBlockingIssueHidden_(issue)]]">
  31       <div id="non-blocking-message">[[issue.message]]</div>
  32       <span id="non-blocking-opt" on-click="onClickOptAction_"
  33           hidden$="[[computeOptionalActionHidden_(issue)]]"
  34           class="issue-action">[[secondaryActionButtonText_]]</span>
  35       <span id="non-blocking-default" on-click="onClickDefaultAction_"
  36           class="issue-action">[[defaultActionButtonText_]]</span>
  37     </div>
  38   </template>
  39 <script src="issue_banner.js"></script>
  40 </dom-module>