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

Side by Side Diff: ui/login/account_picker/md_user_pod_row.js

Issue 2919523005: Add avatar badges and update caps lock icon for new login screen (Closed)
Patch Set: rebase with master Created 3 years, 6 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
1 // Copyright 2014 The Chromium Authors. All rights reserved. 1 // Copyright 2014 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 /** 5 /**
6 * @fileoverview User pod row implementation. 6 * @fileoverview User pod row implementation.
7 */ 7 */
8 8
9 cr.define('login', function() { 9 cr.define('login', function() {
10 /** 10 /**
(...skipping 1288 matching lines...) Expand 10 before | Expand all | Expand 10 after
1299 1299
1300 chrome.send('setForceDisableVirtualKeyboard', [visible]); 1300 chrome.send('setForceDisableVirtualKeyboard', [visible]);
1301 }, 1301 },
1302 1302
1303 isPinShown: function() { 1303 isPinShown: function() {
1304 return this.classList.contains('pin-enabled'); 1304 return this.classList.contains('pin-enabled');
1305 }, 1305 },
1306 1306
1307 setUserPodIconType: function(userTypeClass) { 1307 setUserPodIconType: function(userTypeClass) {
1308 this.userTypeIconAreaElement.classList.add(userTypeClass); 1308 this.userTypeIconAreaElement.classList.add(userTypeClass);
1309 this.userTypeIconAreaElement.hidden = false; 1309 // TODO(wzang): Evaluate all icon types other than supervised user and
1310 // switch them to badges per the design spec.
1311 this.userTypeIconAreaElement.hidden = true;
1310 }, 1312 },
1311 1313
1312 isFingerprintIconShown: function() { 1314 isFingerprintIconShown: function() {
1313 return this.fingerprintIconElement && !this.fingerprintIconElement.hidden; 1315 return this.fingerprintIconElement && !this.fingerprintIconElement.hidden;
1314 }, 1316 },
1315 1317
1316 /** 1318 /**
1317 * The user that this pod represents. 1319 * The user that this pod represents.
1318 * @type {!Object} 1320 * @type {!Object}
1319 */ 1321 */
(...skipping 717 matching lines...) Expand 10 before | Expand all | Expand 10 after
2037 if (this.submitButton) { 2039 if (this.submitButton) {
2038 this.submitButton.disabled = isEmpty; 2040 this.submitButton.disabled = isEmpty;
2039 if (this.isFingerprintIconShown()) { 2041 if (this.isFingerprintIconShown()) {
2040 this.submitButton.hidden = isEmpty; 2042 this.submitButton.hidden = isEmpty;
2041 } else { 2043 } else {
2042 this.submitButton.hidden = false; 2044 this.submitButton.hidden = false;
2043 } 2045 }
2044 } 2046 }
2045 this.showError = false; 2047 this.showError = false;
2046 $('bubble').hide(); 2048 $('bubble').hide();
2047 var inputLine = this.querySelector('#input-line'); 2049 this.classList.toggle('input-present', !isEmpty);
2048 if (inputLine) {
2049 if (!isEmpty)
2050 inputLine.setAttribute('active', 'true');
2051 else
2052 inputLine.removeAttribute('active');
2053 }
2054 }, 2050 },
2055 2051
2056 /** 2052 /**
2057 * Handles input event on the password element. 2053 * Handles input event on the password element.
2058 * @param {Event} e Input event. 2054 * @param {Event} e Input event.
2059 */ 2055 */
2060 handleInputChanged_: function(e) { 2056 handleInputChanged_: function(e) {
2061 this.updateInput_(); 2057 this.updateInput_();
2062 }, 2058 },
2063 2059
(...skipping 2423 matching lines...) Expand 10 before | Expand all | Expand 10 after
4487 if (pod && pod.multiProfilesPolicyApplied) { 4483 if (pod && pod.multiProfilesPolicyApplied) {
4488 pod.userTypeBubbleElement.classList.remove('bubble-shown'); 4484 pod.userTypeBubbleElement.classList.remove('bubble-shown');
4489 } 4485 }
4490 } 4486 }
4491 }; 4487 };
4492 4488
4493 return { 4489 return {
4494 PodRow: PodRow 4490 PodRow: PodRow
4495 }; 4491 };
4496 }); 4492 });
OLDNEW
« no previous file with comments | « ui/login/account_picker/md_user_pod_row.css ('k') | ui/login/account_picker/md_user_pod_template.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698