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

Side by Side Diff: chrome/browser/resources/settings/internet_page/tether_connection_dialog.html

Issue 2755173002: [CrOS Tether] Add a connection dialog to md-settings. (Closed)
Patch Set: Add comments. Created 3 years, 9 months 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
(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);
15 }
16
17 #host-device-container {
18 @apply(--layout-horizontal);
19 }
20
21 iron-icon {
22 --iron-icon-fill-color: var(--google-blue-500);
Dan Beam 2017/03/17 21:50:04 indent
Kyle Horimoto 2017/03/17 22:06:38 Done.
23 }
24
25 #host-device-text-container {
26 @apply(--layout-vertical);
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)]]
Dan Beam 2017/03/17 21:50:05 indent
Kyle Horimoto 2017/03/17 22:06:38 Done.
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">
Dan Beam 2017/03/17 21:50:04 you didn't close this ]]
Kyle Horimoto 2017/03/17 22:06:38 Done.
68 <li>$i18n{tetherConnectionDescriptionWiFi}</li>
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698