| // Copyright 2016 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| /** |
| * @fileoverview 'create-profile' is a page that contains controls for creating |
| * a (optionally supervised) profile, including choosing a name, and an avatar. |
| */ |
| |
| (function() { |
| /** |
| * Sentinel signed-in user's index value. |
| * @type {number} |
| */ |
| const NO_USER_SELECTED = -1; |
| |
| Polymer({ |
| is: 'create-profile', |
| |
| behaviors: [I18nBehavior, WebUIListenerBehavior], |
| |
| properties: { |
| /** |
| * The current profile name. |
| * @private {string} |
| */ |
| profileName_: {type: String, value: ''}, |
| |
| /** |
| * The list of available profile icon Urls and labels. |
| * @private {!Array<!AvatarIcon>} |
| */ |
| availableIcons_: { |
| type: Array, |
| value: function() { |
| return []; |
| } |
| }, |
| |
| /** |
| * The currently selected profile avatar, if any. |
| * @private {?AvatarIcon} |
| */ |
| selectedAvatar_: Object, |
| |
| /** |
| * True if the existing supervised users are being loaded. |
| * @private {boolean} |
| */ |
| loadingSupervisedUsers_: {type: Boolean, value: false}, |
| |
| /** |
| * True if a profile is being created or imported. |
| * @private {boolean} |
| */ |
| createInProgress_: {type: Boolean, value: false}, |
| |
| /** |
| * True if the error/warning message is displaying. |
| * @private {boolean} |
| */ |
| isMessageVisble_: {type: Boolean, value: false}, |
| |
| /** |
| * The current error/warning message. |
| * @private {string} |
| */ |
| message_: {type: String, value: ''}, |
| |
| /** |
| * if true, a desktop shortcut will be created for the new profile. |
| * @private {boolean} |
| */ |
| createShortcut_: {type: Boolean, value: true}, |
| |
| /** |
| * True if the new profile is a supervised profile. |
| * @private {boolean} |
| */ |
| isSupervised_: {type: Boolean, value: false}, |
| |
| /** |
| * The list of usernames and profile paths for currently signed-in users. |
| * @private {!Array<!SignedInUser>} |
| */ |
| signedInUsers_: { |
| type: Array, |
| value: function() { |
| return []; |
| } |
| }, |
| |
| /** |
| * Index of the selected signed-in user. |
| * @private {number} |
| */ |
| signedInUserIndex_: {type: Number, value: NO_USER_SELECTED}, |
| |
| /** @private {!signin.ProfileBrowserProxy} */ |
| browserProxy_: Object, |
| |
| /** |
| * True if the profile shortcuts feature is enabled. |
| * @private |
| */ |
| isProfileShortcutsEnabled_: { |
| type: Boolean, |
| value: function() { |
| return loadTimeData.getBoolean('profileShortcutsEnabled'); |
| }, |
| readOnly: true |
| }, |
| |
| /** |
| * True if the force sign in policy is enabled. |
| * @private {boolean} |
| */ |
| isForceSigninEnabled_: { |
| type: Boolean, |
| value: function() { |
| return loadTimeData.getBoolean('isForceSigninEnabled'); |
| }, |
| }, |
| |
| /** |
| * True if Supervised User creation is enabled. |
| * @private {boolean} |
| */ |
| isSupervisedUserCreationEnabled_: { |
| type: Boolean, |
| value: function() { |
| return loadTimeData.getBoolean('isSupervisedUserCreationEnabled') && |
| !loadTimeData.getBoolean('isForceSigninEnabled'); |
| }, |
| } |
| }, |
| |
| listeners: |
| {'tap': 'onTap_', 'importUserPopup.import': 'onImportUserPopupImport_'}, |
| |
| /** @override */ |
| created: function() { |
| this.browserProxy_ = signin.ProfileBrowserProxyImpl.getInstance(); |
| }, |
| |
| /** @override */ |
| ready: function() { |
| this.addWebUIListener( |
| 'create-profile-success', this.handleSuccess_.bind(this)); |
| this.addWebUIListener( |
| 'create-profile-warning', this.handleMessage_.bind(this)); |
| this.addWebUIListener( |
| 'create-profile-error', this.handleMessage_.bind(this)); |
| this.addWebUIListener('profile-icons-received', icons => { |
| this.availableIcons_ = icons; |
| }); |
| this.addWebUIListener( |
| 'profile-defaults-received', this.handleProfileDefaults_.bind(this)); |
| this.addWebUIListener( |
| 'signedin-users-received', this.handleSignedInUsers_.bind(this)); |
| |
| this.browserProxy_.getAvailableIcons(); |
| this.browserProxy_.getSignedInUsers(); |
| }, |
| |
| /** @override */ |
| attached: function() { |
| this.$.nameInput.focus(); |
| }, |
| |
| /** |
| * Handles tap events from: |
| * - links within dynamic warning/error messages pushed from the browser. |
| * - the 'noSignedInUserMessage' i18n string. |
| * @param {!Event} event |
| * @private |
| */ |
| onTap_: function(event) { |
| const element = Polymer.dom(event).rootTarget; |
| |
| if (element.id == 'supervised-user-import-existing') { |
| this.onImportUserTap_(event); |
| event.preventDefault(); |
| } else if (element.id == 'sign-in-to-chrome') { |
| this.browserProxy_.openUrlInLastActiveProfileBrowser(element.href); |
| event.preventDefault(); |
| } else if (element.id == 'reauth') { |
| const elementData = /** @type {{userEmail: string}} */ (element.dataset); |
| this.browserProxy_.authenticateCustodian(elementData.userEmail); |
| this.hideMessage_(); |
| event.preventDefault(); |
| } |
| }, |
| |
| /** |
| * Handler for when the profile defaults are pushed from the browser. |
| * @param {!ProfileInfo} profileInfo Default Info for the new profile. |
| * @private |
| */ |
| handleProfileDefaults_: function(profileInfo) { |
| this.profileName_ = profileInfo.name; |
| }, |
| |
| /** |
| * Handler for when signed-in users are pushed from the browser. |
| * @param {!Array<!SignedInUser>} signedInUsers |
| * @private |
| */ |
| handleSignedInUsers_: function(signedInUsers) { |
| this.signedInUsers_ = signedInUsers; |
| }, |
| |
| /** |
| * Returns the currently selected signed-in user. |
| * @return {(!SignedInUser|undefined)} |
| * @private |
| */ |
| signedInUser_: function(signedInUserIndex) { |
| return this.signedInUsers_[signedInUserIndex]; |
| }, |
| |
| /** |
| * Handler for the 'Learn More' link tap event. |
| * @param {!Event} event |
| * @private |
| */ |
| onLearnMoreTap_: function(event) { |
| this.fire('change-page', {page: 'supervised-learn-more-page'}); |
| }, |
| |
| /** |
| * Handler for the 'Import Supervised User' link tap event. |
| * @param {!Event} event |
| * @private |
| */ |
| onImportUserTap_: function(event) { |
| if (this.signedInUserIndex_ == NO_USER_SELECTED) { |
| // A custodian must be selected. |
| this.handleMessage_( |
| this.i18nAdvanced('custodianAccountNotSelectedError')); |
| } else { |
| const signedInUser = this.signedInUser_(this.signedInUserIndex_); |
| this.hideMessage_(); |
| this.loadingSupervisedUsers_ = true; |
| this.browserProxy_.getExistingSupervisedUsers(signedInUser.profilePath) |
| .then( |
| this.showImportSupervisedUserPopup_.bind(this), |
| this.handleMessage_.bind(this)); |
| } |
| }, |
| |
| /** |
| * Handler for the 'Save' button tap event. |
| * @param {!Event} event |
| * @private |
| */ |
| onSaveTap_: function(event) { |
| if (!this.isSupervised_) { |
| // The new profile is not supervised. Go ahead and create it. |
| this.createProfile_(); |
| } else if (this.signedInUserIndex_ == NO_USER_SELECTED) { |
| // If the new profile is supervised, a custodian must be selected. |
| this.handleMessage_( |
| this.i18nAdvanced('custodianAccountNotSelectedError')); |
| } else { |
| const signedInUser = this.signedInUser_(this.signedInUserIndex_); |
| this.hideMessage_(); |
| this.loadingSupervisedUsers_ = true; |
| this.browserProxy_.getExistingSupervisedUsers(signedInUser.profilePath) |
| .then( |
| this.createProfileIfValidSupervisedUser_.bind(this), |
| this.handleMessage_.bind(this)); |
| } |
| }, |
| |
| /** |
| * Displays the import supervised user popup or an error message if there are |
| * no existing supervised users. |
| * @param {!Array<!SupervisedUser>} supervisedUsers The list of existing |
| * supervised users. |
| * @private |
| */ |
| showImportSupervisedUserPopup_: function(supervisedUsers) { |
| this.loadingSupervisedUsers_ = false; |
| if (supervisedUsers.length > 0) { |
| this.$.importUserPopup.show( |
| this.signedInUser_(this.signedInUserIndex_), supervisedUsers); |
| } else { |
| this.handleMessage_(this.i18nAdvanced('noSupervisedUserImportText')); |
| } |
| }, |
| |
| /** |
| * Checks if the entered name matches name of an existing supervised user. |
| * If yes, the user is prompted to import the existing supervised user. |
| * If no, the new supervised profile gets created. |
| * @param {!Array<!SupervisedUser>} supervisedUsers The list of existing |
| * supervised users. |
| * @private |
| */ |
| createProfileIfValidSupervisedUser_: function(supervisedUsers) { |
| for (let i = 0; i < supervisedUsers.length; ++i) { |
| if (supervisedUsers[i].name != this.profileName_) |
| continue; |
| // Check if another supervised user also exists with that name. |
| let nameIsUnique = true; |
| // Handling the case when multiple supervised users with the same |
| // name exist, but not all of them are on the device. |
| // If at least one is not imported, we want to offer that |
| // option to the user. This could happen due to a bug that allowed |
| // creating SUs with the same name (https://crbug.com/557445). |
| let allOnCurrentDevice = supervisedUsers[i].onCurrentDevice; |
| for (let j = i + 1; j < supervisedUsers.length; ++j) { |
| if (supervisedUsers[j].name == this.profileName_) { |
| nameIsUnique = false; |
| allOnCurrentDevice = |
| allOnCurrentDevice && supervisedUsers[j].onCurrentDevice; |
| } |
| } |
| |
| const opts = { |
| 'substitutions': |
| [HTMLEscape(elide(this.profileName_, /* maxLength */ 50))], |
| 'attrs': { |
| 'id': function(node, value) { |
| return node.tagName == 'A'; |
| }, |
| 'is': function(node, value) { |
| return node.tagName == 'A' && value == 'action-link'; |
| }, |
| 'role': function(node, value) { |
| return node.tagName == 'A' && value == 'link'; |
| }, |
| 'tabindex': function(node, value) { |
| return node.tagName == 'A'; |
| } |
| } |
| }; |
| |
| this.handleMessage_( |
| allOnCurrentDevice ? |
| this.i18nAdvanced('managedProfilesExistingLocalSupervisedUser') : |
| this.i18nAdvanced('manageProfilesExistingSupervisedUser', opts)); |
| return; |
| } |
| // No existing supervised user's name matches the entered profile name. |
| // Continue with creating the new supervised profile. |
| this.createProfile_(); |
| // Set this to false after createInProgress_ has been set to true in |
| // order for the 'Save' button to remain disabled. |
| this.loadingSupervisedUsers_ = false; |
| }, |
| |
| /** |
| * Creates the new profile. |
| * @private |
| */ |
| createProfile_: function() { |
| let custodianProfilePath = ''; |
| if (this.signedInUserIndex_ != NO_USER_SELECTED) { |
| custodianProfilePath = |
| this.signedInUser_(this.signedInUserIndex_).profilePath; |
| } |
| this.hideMessage_(); |
| this.createInProgress_ = true; |
| const createShortcut = |
| this.isProfileShortcutsEnabled_ && this.createShortcut_; |
| // Select the 1st avatar if none selected. |
| const selectedAvatar = this.selectedAvatar_ || this.availableIcons_[0]; |
| this.browserProxy_.createProfile( |
| this.profileName_, selectedAvatar.url, createShortcut, |
| this.isSupervised_, '', custodianProfilePath); |
| }, |
| |
| /** |
| * Handler for a change in the supervised account dropdown. |
| * @param {!{target: HTMLSelectElement}} event |
| * @private |
| */ |
| onAccountChanged_: function(event) { |
| this.signedInUserIndex_ = parseInt(event.target.value, 10); |
| }, |
| |
| /** |
| * Handler for the 'import' event fired by #importUserPopup once a supervised |
| * user is selected to be imported and the popup closes. |
| * @param {!{detail: {supervisedUser: !SupervisedUser, |
| * signedInUser: !SignedInUser}}} event |
| * @private |
| */ |
| onImportUserPopupImport_: function(event) { |
| const supervisedUser = event.detail.supervisedUser; |
| const signedInUser = event.detail.signedInUser; |
| this.hideMessage_(); |
| this.createInProgress_ = true; |
| const createShortcut = this.isProfileShortcutsEnabled_; |
| this.browserProxy_.createProfile( |
| supervisedUser.name, supervisedUser.iconURL, createShortcut, |
| true /* isSupervised */, supervisedUser.id, signedInUser.profilePath); |
| }, |
| |
| /** |
| * Handler for the 'Cancel' button tap event. |
| * @param {!Event} event |
| * @private |
| */ |
| onCancelTap_: function(event) { |
| if (this.createInProgress_) { |
| this.createInProgress_ = false; |
| this.browserProxy_.cancelCreateProfile(); |
| } else if (this.loadingSupervisedUsers_) { |
| this.loadingSupervisedUsers_ = false; |
| this.browserProxy_.cancelLoadingSupervisedUsers(); |
| } else { |
| this.fire('change-page', {page: 'user-pods-page'}); |
| } |
| }, |
| |
| /** |
| * Handles profile create/import success message pushed by the browser. |
| * @param {!ProfileInfo} profileInfo Details of the created/imported profile. |
| * @private |
| */ |
| handleSuccess_: function(profileInfo) { |
| this.createInProgress_ = false; |
| if (profileInfo.showConfirmation) { |
| this.fire( |
| 'change-page', |
| {page: 'supervised-create-confirm-page', data: profileInfo}); |
| } else { |
| this.fire('change-page', {page: 'user-pods-page'}); |
| } |
| }, |
| |
| /** |
| * Hides the warning/error message. |
| * @private |
| */ |
| hideMessage_: function() { |
| this.isMessageVisble_ = false; |
| }, |
| |
| /** |
| * Handles warning/error messages when a profile is being created/imported |
| * or the existing supervised users are being loaded. |
| * @param {*} message An HTML warning/error message. |
| * @private |
| */ |
| handleMessage_: function(message) { |
| this.createInProgress_ = false; |
| this.loadingSupervisedUsers_ = false; |
| this.message_ = '' + message; |
| this.isMessageVisble_ = true; |
| }, |
| |
| /** |
| * Returns a translated message that contains link elements with the 'id' |
| * attribute. |
| * @param {string} id The ID of the string to translate. |
| * @private |
| */ |
| i18nAllowIDAttr_: function(id) { |
| const opts = { |
| 'attrs': { |
| 'id': function(node, value) { |
| return node.tagName == 'A'; |
| } |
| } |
| }; |
| |
| return this.i18nAdvanced(id, opts); |
| }, |
| |
| /** |
| * Computed binding determining whether the paper-spinner is active. |
| * @param {boolean} createInProgress Is create in progress? |
| * @param {boolean} loadingSupervisedUsers Are supervised users being loaded? |
| * @return {boolean} |
| * @private |
| */ |
| isSpinnerActive_: function(createInProgress, loadingSupervisedUsers) { |
| return createInProgress || loadingSupervisedUsers; |
| }, |
| |
| /** |
| * Computed binding determining whether 'Save' button is disabled. |
| * @param {boolean} createInProgress Is create in progress? |
| * @param {boolean} loadingSupervisedUsers Are supervised users being loaded? |
| * @param {string} profileName Profile Name. |
| * @return {boolean} |
| * @private |
| */ |
| isSaveDisabled_: function( |
| createInProgress, loadingSupervisedUsers, profileName) { |
| // TODO(mahmadi): Figure out a way to add 'paper-input-extracted' as a |
| // dependency and cast to PaperInputElement instead. |
| /** @type {{validate: function():boolean}} */ |
| const nameInput = this.$.nameInput; |
| return createInProgress || loadingSupervisedUsers || !profileName || |
| !nameInput.validate(); |
| }, |
| |
| /** |
| * Returns True if the import existing supervised user link should be hidden. |
| * @param {boolean} createInProgress True if create/import is in progress. |
| * @param {boolean} loadingSupervisedUsers True if supervised users are being |
| * loaded. |
| * @param {number} signedInUserIndex Index of the selected signed-in user. |
| * @return {boolean} |
| * @private |
| */ |
| isImportUserLinkHidden_: function( |
| createInProgress, loadingSupervisedUsers, signedInUserIndex) { |
| return createInProgress || loadingSupervisedUsers || |
| !this.signedInUser_(signedInUserIndex); |
| }, |
| |
| /** |
| * Computed binding that returns True if there are any signed-in users. |
| * @param {!Array<!SignedInUser>} signedInUsers signed-in users. |
| * @return {boolean} |
| * @private |
| */ |
| isSignedIn_: function(signedInUsers) { |
| return signedInUsers.length > 0; |
| } |
| }); |
| }()); |
