OLD | NEW |
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 825 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
836 | 836 |
837 /** | 837 /** |
838 * Gets the authorization element of the pod. | 838 * Gets the authorization element of the pod. |
839 * @type {!HTMLDivElement} | 839 * @type {!HTMLDivElement} |
840 */ | 840 */ |
841 get authElement() { | 841 get authElement() { |
842 return this.querySelector('.auth-container'); | 842 return this.querySelector('.auth-container'); |
843 }, | 843 }, |
844 | 844 |
845 /** | 845 /** |
| 846 * Gets image pane element. |
| 847 * @type {!HTMLDivElement} |
| 848 */ |
| 849 get imagePaneElement() { |
| 850 return this.querySelector('.user-image-pane'); |
| 851 }, |
| 852 |
| 853 /** |
846 * Gets image element. | 854 * Gets image element. |
847 * @type {!HTMLImageElement} | 855 * @type {!HTMLImageElement} |
848 */ | 856 */ |
849 get imageElement() { | 857 get imageElement() { |
850 return this.querySelector('.user-image'); | 858 return this.querySelector('.user-image'); |
851 }, | 859 }, |
852 | 860 |
853 /** | 861 /** |
854 * Gets name element. | 862 * Gets name element. |
855 * @type {!HTMLDivElement} | 863 * @type {!HTMLDivElement} |
(...skipping 266 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1122 } else if (this.user_.isApp) { | 1130 } else if (this.user_.isApp) { |
1123 this.setUserPodIconType('app'); | 1131 this.setUserPodIconType('app'); |
1124 } | 1132 } |
1125 }, | 1133 }, |
1126 | 1134 |
1127 toggleTransitions: function(enable) { | 1135 toggleTransitions: function(enable) { |
1128 this.classList.toggle('flying-pin-pod', enable); | 1136 this.classList.toggle('flying-pin-pod', enable); |
1129 }, | 1137 }, |
1130 | 1138 |
1131 setPinVisibility: function(visible) { | 1139 setPinVisibility: function(visible) { |
1132 var elements = [this, this.authElement, this.imageElement, | 1140 var elements = [this, this.authElement, this.imagePaneElement, |
1133 this.signInElement, this.pinContainer]; | 1141 this.imageElement, this.pinContainer]; |
1134 | 1142 |
1135 for (var idx = 0; idx < elements.length; idx++) { | 1143 for (var idx = 0; idx < elements.length; idx++) { |
1136 var currentElement = elements[idx]; | 1144 var currentElement = elements[idx]; |
1137 currentElement.classList.toggle('pin-enabled', visible); | 1145 currentElement.classList.toggle('pin-enabled', visible); |
1138 currentElement.classList.toggle('pin-disabled', !visible); | 1146 currentElement.classList.toggle('pin-disabled', !visible); |
1139 } | 1147 } |
1140 }, | 1148 }, |
1141 | 1149 |
1142 setUserPodIconType: function(userTypeClass) { | 1150 setUserPodIconType: function(userTypeClass) { |
1143 this.userTypeIconAreaElement.classList.add(userTypeClass); | 1151 this.userTypeIconAreaElement.classList.add(userTypeClass); |
(...skipping 2353 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3497 if (pod && pod.multiProfilesPolicyApplied) { | 3505 if (pod && pod.multiProfilesPolicyApplied) { |
3498 pod.userTypeBubbleElement.classList.remove('bubble-shown'); | 3506 pod.userTypeBubbleElement.classList.remove('bubble-shown'); |
3499 } | 3507 } |
3500 } | 3508 } |
3501 }; | 3509 }; |
3502 | 3510 |
3503 return { | 3511 return { |
3504 PodRow: PodRow | 3512 PodRow: PodRow |
3505 }; | 3513 }; |
3506 }); | 3514 }); |
OLD | NEW |