OLD | NEW |
1 // Copyright 2013 The Chromium Authors. All rights reserved. | 1 // Copyright 2013 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 cr.define('options.managedUserOptions', function() { | 5 cr.define('options.managedUserOptions', function() { |
6 /** @const */ var List = cr.ui.List; | 6 /** @const */ var List = cr.ui.List; |
7 /** @const */ var ListItem = cr.ui.ListItem; | 7 /** @const */ var ListItem = cr.ui.ListItem; |
8 /** @const */ var ListSingleSelectionModel = cr.ui.ListSingleSelectionModel; | 8 /** @const */ var ListSingleSelectionModel = cr.ui.ListSingleSelectionModel; |
9 | 9 |
10 /** | 10 /** |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
55 }, | 55 }, |
56 | 56 |
57 /** @override */ | 57 /** @override */ |
58 decorate: function() { | 58 decorate: function() { |
59 ListItem.prototype.decorate.call(this); | 59 ListItem.prototype.decorate.call(this); |
60 var managedUser = this.managedUser_; | 60 var managedUser = this.managedUser_; |
61 | 61 |
62 // Add the avatar. | 62 // Add the avatar. |
63 var iconElement = this.ownerDocument.createElement('img'); | 63 var iconElement = this.ownerDocument.createElement('img'); |
64 iconElement.className = 'profile-img'; | 64 iconElement.className = 'profile-img'; |
65 iconElement.src = managedUser.iconURL; | 65 iconElement.style.content = |
| 66 imageset(managedUser.iconURL + '@scalefactorx'); |
66 this.appendChild(iconElement); | 67 this.appendChild(iconElement); |
67 | 68 |
68 // Add the profile name. | 69 // Add the profile name. |
69 var nameElement = this.ownerDocument.createElement('div'); | 70 var nameElement = this.ownerDocument.createElement('div'); |
70 nameElement.className = 'profile-name'; | 71 nameElement.className = 'profile-name'; |
71 nameElement.textContent = managedUser.name; | 72 nameElement.textContent = managedUser.name; |
72 this.appendChild(nameElement); | 73 this.appendChild(nameElement); |
73 | 74 |
74 if (managedUser.onCurrentDevice) { | 75 if (managedUser.onCurrentDevice) { |
75 iconElement.className += ' profile-img-disabled'; | 76 iconElement.className += ' profile-img-disabled'; |
76 nameElement.className += ' profile-name-disabled'; | 77 nameElement.className += ' profile-name-disabled'; |
77 | 78 |
78 // Add "(already on this device)" message. | 79 // Add "(already on this device)" message. |
79 var alreadyOnDeviceElement = this.ownerDocument.createElement('div'); | 80 var alreadyOnDeviceElement = this.ownerDocument.createElement('div'); |
80 alreadyOnDeviceElement.className = | 81 alreadyOnDeviceElement.className = |
81 'profile-name profile-name-disabled already-on-this-device'; | 82 'profile-name-disabled already-on-this-device'; |
82 alreadyOnDeviceElement.textContent = | 83 alreadyOnDeviceElement.textContent = |
83 loadTimeData.getString('managedUserAlreadyOnThisDevice'); | 84 loadTimeData.getString('managedUserAlreadyOnThisDevice'); |
84 this.appendChild(alreadyOnDeviceElement); | 85 this.appendChild(alreadyOnDeviceElement); |
85 } | 86 } |
86 }, | 87 }, |
87 }; | 88 }; |
88 | 89 |
89 /** | 90 /** |
90 * Create a new managed users list. | 91 * Create a new managed users list. |
91 * @constructor | 92 * @constructor |
(...skipping 15 matching lines...) Expand all Loading... |
107 this.selectionModel = new ListSingleSelectionModel(); | 108 this.selectionModel = new ListSingleSelectionModel(); |
108 this.autoExpands = true; | 109 this.autoExpands = true; |
109 }, | 110 }, |
110 }; | 111 }; |
111 | 112 |
112 return { | 113 return { |
113 ManagedUserListItem: ManagedUserListItem, | 114 ManagedUserListItem: ManagedUserListItem, |
114 ManagedUserList: ManagedUserList, | 115 ManagedUserList: ManagedUserList, |
115 }; | 116 }; |
116 }); | 117 }); |
OLD | NEW |