OLD | NEW |
1 <link rel="import" href="/shared_styles.html"> | 1 <link rel="import" href="/shared_styles.html"> |
2 <link rel="import" href="/user_manager_dialog.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html
"> |
| 3 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
3 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 4 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
4 <link rel="import" href="chrome://resources/html/polymer.html"> | 5 <link rel="import" href="chrome://resources/html/polymer.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout-classes.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout-classes.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
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-item/paper-item.h
tml"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis
tbox.html"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis
tbox.html"> |
9 | 10 |
10 <dom-module id="import-supervised-user"> | 11 <dom-module id="import-supervised-user"> |
11 <template> | 12 <template> |
12 <style include="shared-styles iron-flex iron-flex-alignment iron-positioning
"> | 13 <style include="shared-styles cr-shared-style iron-flex iron-flex-alignment
iron-positioning"> |
13 :host { | 14 :host { |
14 --item-height: 52px; | 15 --item-height: 52px; |
15 --items-container-max-height: calc(var(--item-height) * 4); | 16 --items-container-max-height: calc(var(--item-height) * 4); |
16 } | 17 } |
17 | 18 |
18 #message { | 19 #message { |
19 margin-bottom: 16px; | 20 margin-bottom: 16px; |
20 margin-top: 20px; | 21 margin-top: 20px; |
21 white-space: pre-wrap; | 22 white-space: pre-wrap; |
22 word-wrap: break-word; | 23 word-wrap: break-word; |
(...skipping 30 matching lines...) Expand all Loading... |
53 overflow: hidden; | 54 overflow: hidden; |
54 text-overflow: ellipsis; | 55 text-overflow: ellipsis; |
55 white-space: nowrap; | 56 white-space: nowrap; |
56 } | 57 } |
57 | 58 |
58 paper-listbox paper-item .on-device { | 59 paper-listbox paper-item .on-device { |
59 -webkit-margin-start: 10px; | 60 -webkit-margin-start: 10px; |
60 flex-shrink: 0; | 61 flex-shrink: 0; |
61 } | 62 } |
62 </style> | 63 </style> |
63 <user-manager-dialog id="dialog"> | 64 <dialog is="cr-dialog" id="dialog"> |
64 <div class="title">$i18n{supervisedUserImportTitle}</div> | 65 <div class="title">$i18n{supervisedUserImportTitle}</div> |
65 <div class="body"> | 66 <div class="body"> |
66 <div id="message">$i18n{supervisedUserImportText}</div> | 67 <div id="message">$i18n{supervisedUserImportText}</div> |
67 <paper-listbox class="no-padding" selected="{{supervisedUserIndex_}}"> | 68 <paper-listbox class="no-padding" selected="{{supervisedUserIndex_}}"> |
68 <template is="dom-repeat" items="[[supervisedUsers_]]"> | 69 <template is="dom-repeat" items="[[supervisedUsers_]]"> |
69 <paper-item disabled="[[item.onCurrentDevice]]"> | 70 <paper-item disabled="[[item.onCurrentDevice]]"> |
70 <img class="profile-img" src="[[item.iconURL]]"></img> | 71 <img class="profile-img" src="[[item.iconURL]]"></img> |
71 <div class="profile-name">[[item.name]]</div> | 72 <div class="profile-name">[[item.name]]</div> |
72 <div class="on-device" hidden="[[!item.onCurrentDevice]]"> | 73 <div class="on-device" hidden="[[!item.onCurrentDevice]]"> |
73 $i18n{supervisedUserAlreadyOnThisDevice} | 74 $i18n{supervisedUserAlreadyOnThisDevice} |
74 </div> | 75 </div> |
75 </paper-item> | 76 </paper-item> |
76 </template> | 77 </template> |
77 </paper-listbox> | 78 </paper-listbox> |
78 </div> | 79 </div> |
79 <div class="footer horizontal end-justified layout"> | 80 <div class="button-container"> |
80 <paper-button id="cancel" class="action secondary" dialog-dismiss> | 81 <paper-button id="cancel" class="cancel-button" on-tap="onCancelTap_"> |
81 $i18n{cancel} | 82 $i18n{cancel} |
82 </paper-button> | 83 </paper-button> |
83 <paper-button id="import" class="action primary" | 84 <paper-button id="import" class="action-button" |
84 on-tap="onImportTap_" | 85 on-tap="onImportTap_" |
85 disabled="[[isImportDisabled_(supervisedUserIndex_)]]"> | 86 disabled="[[isImportDisabled_(supervisedUserIndex_)]]"> |
86 $i18n{supervisedUserImportOk} | 87 $i18n{supervisedUserImportOk} |
87 </paper-button> | 88 </paper-button> |
88 </div> | 89 </div> |
89 </user-manager-dialog> | 90 </dialog> |
90 </template> | 91 </template> |
91 <script src="import_supervised_user.js"></script> | 92 <script src="import_supervised_user.js"></script> |
92 </dom-module> | 93 </dom-module> |
OLD | NEW |