Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(225)

Side by Side Diff: chrome/browser/resources/media_router/elements/media_router_container/media_router_container.html

Issue 1415533019: [Media Router] Use common media-router-header for MR UI. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Changes per imcheng@'s comments. Created 5 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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/iron-icon/iron-icon.htm l"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/av-icons.htm l"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/av-icons.htm l">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/communicatio n-icons.html"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/communicatio n-icons.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/hardware-ico ns.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/hardware-ico ns.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h tml"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h tml">
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h tml"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h tml">
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.h tml"> 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.h tml">
9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner.html"> 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner.html">
10 <link rel="import" href="../issue_banner/issue_banner.html"> 10 <link rel="import" href="../issue_banner/issue_banner.html">
11 <link rel="import" href="../media_router_header/media_router_header.html"> 11 <link rel="import" href="../media_router_header/media_router_header.html">
12 <link rel="import" href="../route_details/route_details.html"> 12 <link rel="import" href="../route_details/route_details.html">
13 <dom-module id="media-router-container"> 13 <dom-module id="media-router-container">
14 <link rel="import" type="css" href="media_router_container.css"> 14 <link rel="import" type="css" href="media_router_container.css">
15 <template> 15 <template>
16 <media-router-header id="container-header" 16 <media-router-header id="container-header"
17 class$="[[currentView_]]" view="[[currentView_]]" 17 class$="[[currentView_]]" view="[[currentView_]]"
18 heading-text="[[computeHeaderText_(currentView_, headerText)]]" 18 heading-text="[[computeHeaderText_(currentView_, headerText)]]"
19 arrow-drop-icon-disabled="[[computeIsLaunching_(currentLaunchingSinkId_) ]]" 19 arrow-drop-icon-disabled="[[computeIsLaunching_(currentLaunchingSinkId_) ]]"
20 tooltip="[[computeHeaderTooltip_(currentView_, headerTextTooltip)]]" 20 tooltip="[[computeHeaderTooltip_(currentView_, headerTextTooltip)]]"
21 hidden$="[[computeHeaderHidden_(currentView_, issue)]]"> 21 on-back-click="showSinkList_">
22 </media-router-header> 22 </media-router-header>
23 <template is="dom-if" 23 <template is="dom-if"
24 if="[[computeIssueBannerShown_(currentView_, issue)]]"> 24 if="[[computeIssueBannerShown_(currentView_, issue)]]">
25 <issue-banner id="issue-banner" issue="[[issue]]" 25 <issue-banner id="issue-banner" issue="[[issue]]"
26 class$="[[computeIssueBannerClass_(issue)]]"> 26 class$="[[computeIssueBannerClass_(issue)]]"
27 on-issue-action-click="showSinkList_">
27 </issue-banner> 28 </issue-banner>
28 </template> 29 </template>
29 <paper-menu id="cast-mode-list" 30 <paper-menu id="cast-mode-list"
30 hidden$="[[computeCastModeHidden_(currentView_)]]"> 31 hidden$="[[computeCastModeHidden_(currentView_)]]">
31 <template is="dom-repeat" id="defaultCastModeList" 32 <template is="dom-repeat" id="defaultCastModeList"
32 items="[[computeDefaultCastModeList_(castModeList_)]]"> 33 items="[[computeDefaultCastModeList_(castModeList_)]]">
33 <paper-item on-click="onCastModeClick_"> 34 <paper-item on-click="onCastModeClick_">
34 <iron-icon class="cast-mode-icon" 35 <iron-icon class="cast-mode-icon"
35 icon="[[computeCastModeIcon_(item)]]"> 36 icon="[[computeCastModeIcon_(item)]]">
36 </iron-icon> 37 </iron-icon>
37 <div><span>[[item.host]]</span></div> 38 <div><span>[[item.host]]</span></div>
38 </paper-item> 39 </paper-item>
39 </template> 40 </template>
40 <div id="share-screen-text" 41 <div id="share-screen-text"
41 hidden$="[[computeShareScreenSubheadingHidden_(castModeList_)]]"> 42 hidden$="[[computeShareScreenSubheadingHidden_(castModeList_)]]">
42 <span>[[shareYourScreenSubheadingText_]]</span> 43 <span>[[shareYourScreenSubheadingText_]]</span>
43 </div> 44 </div>
44 <template is="dom-repeat" id="nonDefaultCastModeList" 45 <template is="dom-repeat" id="nonDefaultCastModeList"
45 items="[[computeNonDefaultCastModeList_(castModeList_)]]"> 46 items="[[computeNonDefaultCastModeList_(castModeList_)]]">
46 <paper-item on-click="onCastModeClick_"> 47 <paper-item on-click="onCastModeClick_">
47 <iron-icon class="cast-mode-icon" 48 <iron-icon class="cast-mode-icon"
48 icon="[[computeCastModeIcon_(item)]]"> 49 icon="[[computeCastModeIcon_(item)]]">
49 </iron-icon> 50 </iron-icon>
50 <div><span>[[item.description]]</span></div> 51 <div><span>[[item.description]]</span></div>
51 </paper-item> 52 </paper-item>
52 </template> 53 </template>
53 </paper-menu> 54 </paper-menu>
54 <route-details id="route-details" route="[[currentRoute_]]" 55 <route-details id="route-details" route="[[currentRoute_]]"
55 sink="[[computeSinkForCurrentRoute_(currentRoute_)]]" 56 sink="[[computeSinkForCurrentRoute_(currentRoute_)]]"
imcheng 2015/11/09 22:47:36 remove
apacible 2015/11/09 22:57:35 Done.
56 on-back-click="showSinkList_"
57 on-close-route-click="onCloseRouteClick_" 57 on-close-route-click="onCloseRouteClick_"
58 hidden$="[[computeRouteDetailsHidden_(currentView_, issue)]]"> 58 hidden$="[[computeRouteDetailsHidden_(currentView_, issue)]]">
59 </route-details> 59 </route-details>
60 <div id="sink-list-view" 60 <div id="sink-list-view"
61 hidden$="[[computeSinkListViewHidden_(currentView_, issue)]]"> 61 hidden$="[[computeSinkListViewHidden_(currentView_, issue)]]">
62 <div id="device-missing" 62 <div id="device-missing"
63 hidden$="[[!computeSinkListHidden_(sinksToShow_)]]"> 63 hidden$="[[!computeSinkListHidden_(sinksToShow_)]]">
64 <paper-spinner id="searching-devices-spinner" active 64 <paper-spinner id="searching-devices-spinner" active
65 hidden$="[[computeSpinnerHidden_(justOpened_)]]"> 65 hidden$="[[computeSpinnerHidden_(justOpened_)]]">
66 </paper-spinner> 66 </paper-spinner>
(...skipping 30 matching lines...) Expand all
97 </div> 97 </div>
98 </div> 98 </div>
99 </div> 99 </div>
100 </paper-item> 100 </paper-item>
101 </template> 101 </template>
102 </paper-menu> 102 </paper-menu>
103 </div> 103 </div>
104 </template> 104 </template>
105 <script src="media_router_container.js"></script> 105 <script src="media_router_container.js"></script>
106 </dom-module> 106 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698