OLD | NEW |
---|---|
(Empty) | |
1 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html "> | |
2 <link rel="import" href="chrome://resources/html/cr.html"> | |
3 <link rel="import" href="chrome://resources/html/polymer.html"> | |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html"> | |
5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l"> | |
6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/device-icons .html"> | |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> | |
8 <link rel="import" href="../settings_shared_css.html"> | |
9 | |
10 <dom-module id="tether-connection-dialog"> | |
11 <template> | |
12 <style include="settings-shared"> | |
13 .body { | |
14 @apply(--layout-vertical); | |
Dan Beam
2017/03/17 21:51:39
why are you using this rather than just raw CSS?
Kyle Horimoto
2017/03/17 22:06:39
Done.
| |
15 } | |
16 | |
17 #host-device-container { | |
18 @apply(--layout-horizontal); | |
19 } | |
20 | |
21 iron-icon { | |
22 --iron-icon-fill-color: var(--google-blue-500); | |
23 } | |
24 | |
25 #host-device-text-container { | |
26 @apply(--layout-vertical); | |
Dan Beam
2017/03/17 21:51:39
why not combine with .body?
Kyle Horimoto
2017/03/17 22:06:39
Done.
| |
27 } | |
28 | |
29 #tether-explanation, | |
30 #tether-carrier-warning, | |
31 #tether-description-title { | |
32 margin-top: var(--settings-page-vertical-margin); | |
33 } | |
34 </style> | |
35 <dialog is="cr-dialog" id="dialog" on-cancel="onDialogCanceled_" | |
36 close-text="$i18n{close}" on-closed="onDialogCanceled_"> | |
37 <div class="title">$i18n{tetherConnectionDialogTitle}</div> | |
38 <div class="body"> | |
39 <div id="host-device-container"> | |
40 <iron-icon icon="[[getReceptionIcon_(tetherData_)]]"></iron-icon> | |
41 <div id="host-device-text-container"> | |
42 <span id="host-device-text-name"> | |
43 [[tetherData_.tetherNostDeviceName]] | |
44 </span> | |
45 <span id="host-device-text-battery" class="secondary"> | |
46 [[i18n('tetherConnectionBatteryPercentage', | |
47 tetherData_.batteryPercentage)]] | |
48 </span> | |
49 </div> | |
50 </div> | |
51 <div id="tether-explanation"> | |
52 [[i18n('tetherConnectionExplanation', tetherData_.batteryPercentage)]] | |
53 </div> | |
54 <div id="tether-carrier-warning"> | |
55 $i18n{tetherConnectionCarrierWarning} | |
56 </div> | |
57 <div id="tether-description-title"> | |
58 [[i18n('tetherConnectionDescriptionTitle', | |
59 tetherData_.tetherNostDeviceName)]] | |
60 </div> | |
61 <ul> | |
62 <li>$i18n{tetherConnectionDescriptionCellData}</li> | |
63 <li> | |
64 [[i18n('tetherConnectionDescriptionBattery', | |
65 tetherData_.batteryPercentage)]] | |
66 </li> | |
67 <template is="dom-if" if="[[tetherData_.isTetherHostCurrentlyOnWifi"> | |
68 <li>$i18n{tetherConnectionDescriptionWiFi}</li> | |
Dan Beam
2017/03/17 21:51:38
nit: for simple stuff, just bind to hidden="[[teth
Kyle Horimoto
2017/03/17 22:06:39
Done.
| |
69 </template> | |
70 </ul> | |
71 </div> | |
72 <div class="button-container"> | |
73 <paper-button class="secondary-button" on-tap="onNotNowTap_"> | |
74 $i18n{tetherConnectionNotNowButton} | |
75 </paper-button> | |
76 <paper-button class="primary-button" on-tap="close"> | |
77 $i18n{tetherConnectionConnectButton} | |
78 </paper-button> | |
79 </div> | |
80 </dialog> | |
81 </template> | |
82 <script src="tether_connection_dialog.js"></script> | |
83 </dom-module> | |
OLD | NEW |