OLD | NEW |
1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.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-icon-button/paper
-icon-button.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-too
lbar.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-too
lbar.html"> |
4 <dom-module name="media-router-header"> | 4 <dom-module name="media-router-header"> |
5 <link rel="import" type="css" href="../../media_router_common.css"> | 5 <link rel="import" type="css" href="../../media_router_common.css"> |
6 <link rel="import" type="css" href="media_router_header.css"> | 6 <link rel="import" type="css" href="media_router_header.css"> |
7 <template> | 7 <template> |
8 <paper-toolbar class$="[[view]]"> | 8 <paper-toolbar id="header-toolbar" class$="[[view]]"> |
9 <div id="back-button-container"> | 9 <div id="back-button-container"> |
10 <paper-icon-button id="back-button" icon="[[arrowDropIcon_]]" | 10 <paper-icon-button id="back-button" icon="[[arrowDropIcon_]]" |
11 on-click="onBackButtonClick_" | 11 on-click="onBackButtonClick_" |
12 hidden$="[[computeBackButtonHidden_(view)]]"> | 12 hidden$="[[computeBackButtonHidden_(view)]]"> |
13 </paper-icon-button> | 13 </paper-icon-button> |
14 </div> | 14 </div> |
15 <div id="header-and-arrow-container" on-click="onHeaderOrArrowClick_"> | 15 <div id="header-and-arrow-container" on-click="onHeaderOrArrowClick_"> |
16 <span id="header-text" title="[[tooltip]]"> | 16 <span id="header-text" title="[[tooltip]]"> |
17 [[headingText]]</span> | 17 [[headingText]]</span> |
18 <div id="arrow-drop-container"> | 18 <div id="arrow-drop-container"> |
19 <paper-icon-button icon="[[computeArrowDropIcon_(view)]]" | 19 <paper-icon-button icon="[[computeArrowDropIcon_(view)]]" |
20 id="arrow-drop-icon" disabled$="[[arrowDropIconDisabled]]" | 20 id="arrow-drop-icon" disabled$="[[arrowDropIconDisabled]]" |
21 hidden$="[[computeArrowDropIconHidden_(view)]]"> | 21 hidden$="[[computeArrowDropIconHidden_(view)]]"> |
22 </paper-icon-button> | 22 </paper-icon-button> |
23 </div> | 23 </div> |
24 </div> | 24 </div> |
25 <div id="close-button-container"> | 25 <div id="close-button-container"> |
26 <paper-icon-button icon="close" id="close-button" | 26 <paper-icon-button icon="close" id="close-button" |
27 on-click="onCloseButtonClick_"> | 27 on-click="onCloseButtonClick_"> |
28 </paper-icon-button> | 28 </paper-icon-button> |
29 </div> | 29 </div> |
| 30 <template is="dom-if" if="[[showEmail]]"> |
| 31 <div id="user-email-container" class="bottom fit"> |
| 32 <span>[[userEmail]]</span> |
| 33 </div> |
| 34 </template> |
30 </paper-toolbar> | 35 </paper-toolbar> |
31 </template> | 36 </template> |
32 <script src="media_router_header.js"></script> | 37 <script src="media_router_header.js"></script> |
33 </dom-module> | 38 </dom-module> |
OLD | NEW |