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