mirror of https://github.com/rancher/ui.git
131 lines
3.0 KiB
JavaScript
131 lines
3.0 KiB
JavaScript
import { get, set, computed, setProperties } from '@ember/object';
|
|
import { next } from '@ember/runloop';
|
|
import { inject as service } from '@ember/service';
|
|
import Component from '@ember/component';
|
|
import C from 'ui/utils/constants';
|
|
|
|
export default Component.extend({
|
|
access: service(),
|
|
cookies: service(),
|
|
intl: service(),
|
|
|
|
waiting: null,
|
|
username: null,
|
|
rememberUsername: false,
|
|
password: null,
|
|
shown: false,
|
|
provider: null,
|
|
readableProvider: null,
|
|
onlyLocal: null,
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
|
|
let username = null;
|
|
|
|
if (get(this, 'provider') === 'local') {
|
|
|
|
username = get(this, `cookies.${C.COOKIE.USERNAME}`);
|
|
|
|
} else {
|
|
|
|
username = get(this, `cookies.${get(this, 'provider').toUpperCase()}-USERNAME`);
|
|
|
|
}
|
|
|
|
if ( username ) {
|
|
setProperties(this, {
|
|
username: username,
|
|
rememberUsername: true,
|
|
});
|
|
}
|
|
|
|
if (get(this, 'provider') && !get(this,'onlyLocal')) {
|
|
|
|
let pv = null;
|
|
|
|
switch(get(this, 'provider')) {
|
|
|
|
case 'activedirectory':
|
|
pv = get(this, 'intl').t('loginPage.readableProviders.ad');
|
|
break;
|
|
|
|
case 'azuread':
|
|
pv = get(this, 'intl').t('loginPage.readableProviders.azureAd');
|
|
break;
|
|
|
|
case 'local':
|
|
default:
|
|
pv = get(this, 'intl').t('loginPage.readableProviders.local');
|
|
break;
|
|
|
|
}
|
|
|
|
set(this, 'readableProvider', pv);
|
|
|
|
// console.log(this.get('provider'));
|
|
}
|
|
|
|
},
|
|
|
|
actions: {
|
|
showLocal() {
|
|
this.toggleProperty('shown');
|
|
next(this, 'focusSomething');
|
|
},
|
|
authenticate: function() {
|
|
const username = get(this, 'username');
|
|
let password = get(this, 'password');
|
|
const remember = get(this, 'rememberUsername');
|
|
|
|
if (password && get(this, 'provider') === 'local') {
|
|
password = password.trim();
|
|
}
|
|
|
|
const code = {
|
|
username: username,
|
|
password: password,
|
|
};
|
|
|
|
if ( remember ) {
|
|
if (get(this, 'provider') === 'local') {
|
|
get(this, 'cookies').setWithOptions(C.COOKIE.USERNAME, username, {expire: 365, secure: 'auto'});
|
|
} else {
|
|
get(this, 'cookies').setWithOptions(`${get(this, 'provider').toUpperCase()}-USERNAME`, username, {expire: 365, secure: 'auto'});
|
|
}
|
|
} else {
|
|
get(this, 'cookies').remove(C.COOKIE.USERNAME);
|
|
}
|
|
|
|
set(this, 'password', '');
|
|
if ( get(this,'access.providers') ) {
|
|
this.sendAction('action', get(this, 'provider'), code);
|
|
}
|
|
}
|
|
},
|
|
|
|
isCaas: computed('app.mode', function() {
|
|
return this.get('app.mode') === 'caas' ? true : false;
|
|
}),
|
|
|
|
focusSomething() {
|
|
if ( this.isDestroyed || this.isDestroying ) {
|
|
return;
|
|
}
|
|
|
|
let elem = this.$('#login-username');
|
|
if ( get(this, 'username') ) {
|
|
elem = this.$('#login-password');
|
|
}
|
|
|
|
if ( elem && elem[0] ) {
|
|
elem[0].focus();
|
|
}
|
|
},
|
|
|
|
didInsertElement() {
|
|
next(this, 'focusSomething');
|
|
},
|
|
|
|
});
|