2016-08-11 07:16:58 +08:00
|
|
|
import ko from 'ko';
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2016-08-17 06:01:20 +08:00
|
|
|
import {
|
|
|
|
StorageResultType,
|
|
|
|
Notification
|
|
|
|
} from 'Common/Enums';
|
|
|
|
|
2021-01-25 05:58:06 +08:00
|
|
|
import { ClientSideKeyName } from 'Common/EnumsUser';
|
|
|
|
|
2021-01-26 05:00:13 +08:00
|
|
|
import { getNotification, getNotificationFromResponse, reload as translatorReload, convertLangName } from 'Common/Translator';
|
2016-08-17 06:01:20 +08:00
|
|
|
|
|
|
|
import AppStore from 'Stores/User/App';
|
2021-01-27 17:59:15 +08:00
|
|
|
import { LanguageStore } from 'Stores/Language';
|
2016-08-17 06:01:20 +08:00
|
|
|
|
|
|
|
import * as Local from 'Storage/Client';
|
|
|
|
|
2020-09-15 01:40:56 +08:00
|
|
|
import Remote from 'Remote/User/Fetch';
|
2016-08-17 06:01:20 +08:00
|
|
|
|
2021-02-19 19:09:20 +08:00
|
|
|
import { decorateKoCommands, showScreenPopup } from 'Knoin/Knoin';
|
2021-01-24 17:25:23 +08:00
|
|
|
import { AbstractViewCenter } from 'Knoin/AbstractViews';
|
2016-08-17 06:01:20 +08:00
|
|
|
|
2021-01-27 07:26:31 +08:00
|
|
|
import { Settings } from 'Common/Globals';
|
2020-09-04 20:36:24 +08:00
|
|
|
|
2021-01-26 05:00:13 +08:00
|
|
|
import { LanguagesPopupView } from 'View/Popup/Languages';
|
|
|
|
|
2021-01-27 07:26:31 +08:00
|
|
|
const
|
2021-01-25 05:58:06 +08:00
|
|
|
LoginSignMeType = {
|
|
|
|
DefaultOff: 0,
|
|
|
|
DefaultOn: 1,
|
|
|
|
Unused: 2
|
|
|
|
},
|
|
|
|
|
|
|
|
LoginSignMeTypeAsString = {
|
|
|
|
DefaultOff: 'defaultoff',
|
|
|
|
DefaultOn: 'defaulton',
|
|
|
|
Unused: 'unused'
|
|
|
|
};
|
|
|
|
|
2020-09-04 18:05:17 +08:00
|
|
|
|
2021-01-24 17:25:23 +08:00
|
|
|
class LoginUserView extends AbstractViewCenter {
|
2016-08-17 06:01:20 +08:00
|
|
|
constructor() {
|
2021-01-24 17:25:23 +08:00
|
|
|
super('User/Login', 'Login');
|
2014-08-21 23:08:34 +08:00
|
|
|
|
2020-10-11 17:59:36 +08:00
|
|
|
this.hideSubmitButton = Settings.app('hideSubmitButton');
|
2016-09-29 05:40:17 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
this.addObservables({
|
2020-11-26 17:41:53 +08:00
|
|
|
loadingDesc: Settings.get('LoadingDescription'),
|
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
email: '',
|
|
|
|
password: '',
|
|
|
|
signMe: false,
|
|
|
|
additionalCode: '',
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
emailError: false,
|
|
|
|
passwordError: false,
|
2014-04-06 03:48:22 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
formHidden: false,
|
|
|
|
|
|
|
|
submitRequest: false,
|
|
|
|
submitError: '',
|
|
|
|
submitErrorAddidional: '',
|
|
|
|
|
|
|
|
langRequest: false,
|
|
|
|
|
|
|
|
additionalCodeError: false,
|
|
|
|
additionalCodeSignMe: false,
|
|
|
|
additionalCodeVisibility: false,
|
|
|
|
signMeType: LoginSignMeType.Unused
|
|
|
|
});
|
|
|
|
|
2020-09-04 18:05:17 +08:00
|
|
|
this.forgotPasswordLinkUrl = Settings.app('forgotPasswordLinkUrl');
|
|
|
|
this.registrationLinkUrl = Settings.app('registrationLinkUrl');
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2021-02-11 00:16:46 +08:00
|
|
|
this.formError = ko.observable(false).extend({ falseTimeout: 500 });
|
2014-11-18 05:13:50 +08:00
|
|
|
|
2020-10-26 20:43:56 +08:00
|
|
|
this.allowLanguagesOnLogin = !!Settings.get('AllowLanguagesOnLogin');
|
|
|
|
|
|
|
|
this.language = LanguageStore.language;
|
|
|
|
this.languages = LanguageStore.languages;
|
|
|
|
|
|
|
|
this.bSendLanguage = false;
|
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
this.addComputables({
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
languageFullName: () => convertLangName(this.language()),
|
2015-04-14 02:45:09 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
signMeVisibility: () => LoginSignMeType.Unused !== this.signMeType()
|
2016-08-17 06:01:20 +08:00
|
|
|
});
|
2015-04-14 02:45:09 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
this.addSubscribables({
|
|
|
|
email: () => {
|
|
|
|
this.emailError(false);
|
|
|
|
this.additionalCode('');
|
|
|
|
this.additionalCodeVisibility(false);
|
|
|
|
},
|
2014-04-06 03:48:22 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
password: () => this.passwordError(false),
|
2014-04-06 03:48:22 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
additionalCode: () => this.additionalCodeError(false),
|
2021-02-11 00:16:46 +08:00
|
|
|
additionalCodeError: bV => this.formError(!!bV),
|
2020-10-26 19:54:03 +08:00
|
|
|
additionalCodeVisibility: () => this.additionalCodeError(false),
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2021-02-11 00:16:46 +08:00
|
|
|
emailError: bV => this.formError(!!bV),
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2021-02-11 00:16:46 +08:00
|
|
|
passwordError: bV => this.formError(!!bV),
|
2015-04-14 02:45:09 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
submitError: value => value || this.submitErrorAddidional(''),
|
2015-04-14 02:45:09 +08:00
|
|
|
|
2020-10-26 19:54:03 +08:00
|
|
|
signMeType: iValue => this.signMe(LoginSignMeType.DefaultOn === iValue)
|
|
|
|
});
|
2015-01-08 22:00:03 +08:00
|
|
|
|
2020-09-04 18:05:17 +08:00
|
|
|
if (Settings.get('AdditionalLoginError') && !this.submitError()) {
|
|
|
|
this.submitError(Settings.get('AdditionalLoginError'));
|
2016-08-17 06:01:20 +08:00
|
|
|
}
|
2021-02-19 19:09:20 +08:00
|
|
|
|
|
|
|
decorateKoCommands(this, {
|
|
|
|
submitCommand: self => !self.submitRequest()
|
|
|
|
});
|
2016-09-03 07:19:37 +08:00
|
|
|
}
|
2016-09-02 04:41:36 +08:00
|
|
|
|
2016-12-15 05:56:17 +08:00
|
|
|
windowOpenFeatures(wh) {
|
|
|
|
return `left=200,top=100,width=${wh},height=${wh},menubar=no,status=no,resizable=yes,scrollbars=yes`;
|
|
|
|
}
|
|
|
|
|
2016-09-02 04:41:36 +08:00
|
|
|
submitCommand() {
|
|
|
|
this.emailError(false);
|
|
|
|
this.passwordError(false);
|
|
|
|
|
2020-08-22 07:03:03 +08:00
|
|
|
let error;
|
2020-10-26 19:54:03 +08:00
|
|
|
if (this.additionalCodeVisibility()) {
|
|
|
|
this.additionalCodeError(false);
|
2020-08-22 07:03:03 +08:00
|
|
|
if (!this.additionalCode().trim()) {
|
2020-10-26 19:54:03 +08:00
|
|
|
this.additionalCodeError(true);
|
2020-08-22 07:03:03 +08:00
|
|
|
error = '.inputAdditionalCode';
|
2016-09-02 04:41:36 +08:00
|
|
|
}
|
2020-08-22 07:03:03 +08:00
|
|
|
}
|
|
|
|
if (!this.password().trim()) {
|
|
|
|
this.passwordError(true);
|
|
|
|
error = '#RainLoopPassword';
|
|
|
|
}
|
|
|
|
if (!this.email().trim()) {
|
|
|
|
this.emailError(true);
|
|
|
|
error = '#RainLoopEmail';
|
|
|
|
}
|
|
|
|
if (error) {
|
|
|
|
this.querySelector(error).focus();
|
2016-09-02 04:41:36 +08:00
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.submitRequest(true);
|
|
|
|
|
2019-07-05 03:19:24 +08:00
|
|
|
const fLoginRequest = (sLoginPassword) => {
|
|
|
|
Remote.login(
|
|
|
|
(sResult, oData) => {
|
|
|
|
if (StorageResultType.Success === sResult && oData && 'Login' === oData.Action) {
|
|
|
|
if (oData.Result) {
|
|
|
|
if (oData.TwoFactorAuth) {
|
|
|
|
this.additionalCode('');
|
2020-10-26 19:54:03 +08:00
|
|
|
this.additionalCodeVisibility(true);
|
2017-06-25 03:26:27 +08:00
|
|
|
this.submitRequest(false);
|
2019-07-05 03:19:24 +08:00
|
|
|
|
2020-08-22 07:03:03 +08:00
|
|
|
setTimeout(() => this.querySelector('.inputAdditionalCode').focus(), 100);
|
2019-07-05 03:19:24 +08:00
|
|
|
} else {
|
2020-09-17 02:35:29 +08:00
|
|
|
rl.route.reload();
|
2016-09-02 04:41:36 +08:00
|
|
|
}
|
2019-07-05 03:19:24 +08:00
|
|
|
} else if (oData.ErrorCode) {
|
2016-09-02 04:41:36 +08:00
|
|
|
this.submitRequest(false);
|
2020-07-20 20:33:33 +08:00
|
|
|
if ([Notification.InvalidInputArgument].includes(oData.ErrorCode)) {
|
2019-07-05 03:19:24 +08:00
|
|
|
oData.ErrorCode = Notification.AuthError;
|
|
|
|
}
|
2016-09-02 04:41:36 +08:00
|
|
|
|
2019-07-05 03:19:24 +08:00
|
|
|
this.submitError(getNotificationFromResponse(oData));
|
2016-09-02 04:41:36 +08:00
|
|
|
|
2020-07-28 23:20:14 +08:00
|
|
|
if (!this.submitError()) {
|
2019-07-05 03:19:24 +08:00
|
|
|
this.submitError(getNotification(Notification.UnknownError));
|
|
|
|
} else if (oData.ErrorMessageAdditional) {
|
|
|
|
this.submitErrorAddidional(oData.ErrorMessageAdditional);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
this.submitRequest(false);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
this.submitRequest(false);
|
|
|
|
this.submitError(getNotification(Notification.UnknownError));
|
|
|
|
}
|
|
|
|
},
|
|
|
|
this.email(),
|
|
|
|
'',
|
|
|
|
sLoginPassword,
|
|
|
|
!!this.signMe(),
|
|
|
|
this.bSendLanguage ? this.language() : '',
|
2020-10-26 19:54:03 +08:00
|
|
|
this.additionalCodeVisibility() ? this.additionalCode() : '',
|
|
|
|
this.additionalCodeVisibility() ? !!this.additionalCodeSignMe() : false
|
2019-07-05 03:19:24 +08:00
|
|
|
);
|
|
|
|
|
|
|
|
Local.set(ClientSideKeyName.LastSignMe, this.signMe() ? '-1-' : '-0-');
|
|
|
|
};
|
2016-09-02 04:41:36 +08:00
|
|
|
|
|
|
|
fLoginRequest(this.password());
|
|
|
|
|
|
|
|
return true;
|
2016-06-30 08:02:45 +08:00
|
|
|
}
|
2016-08-17 06:01:20 +08:00
|
|
|
|
|
|
|
onShow() {
|
2020-09-17 02:35:29 +08:00
|
|
|
rl.route.off();
|
2016-08-17 06:01:20 +08:00
|
|
|
}
|
2016-06-30 08:02:45 +08:00
|
|
|
|
2016-08-17 06:01:20 +08:00
|
|
|
onBuild() {
|
2019-07-05 03:19:24 +08:00
|
|
|
const signMeLocal = Local.get(ClientSideKeyName.LastSignMe),
|
2020-09-04 18:05:17 +08:00
|
|
|
signMe = (Settings.get('SignMe') || 'unused').toLowerCase();
|
2014-08-21 23:08:34 +08:00
|
|
|
|
2019-07-05 03:19:24 +08:00
|
|
|
switch (signMe) {
|
2016-08-17 06:01:20 +08:00
|
|
|
case LoginSignMeTypeAsString.DefaultOff:
|
|
|
|
case LoginSignMeTypeAsString.DefaultOn:
|
2019-07-05 03:19:24 +08:00
|
|
|
this.signMeType(
|
|
|
|
LoginSignMeTypeAsString.DefaultOn === signMe ? LoginSignMeType.DefaultOn : LoginSignMeType.DefaultOff
|
|
|
|
);
|
2016-08-17 06:01:20 +08:00
|
|
|
|
2019-07-05 03:19:24 +08:00
|
|
|
switch (signMeLocal) {
|
2016-08-17 06:01:20 +08:00
|
|
|
case '-1-':
|
|
|
|
this.signMeType(LoginSignMeType.DefaultOn);
|
|
|
|
break;
|
|
|
|
case '-0-':
|
|
|
|
this.signMeType(LoginSignMeType.DefaultOff);
|
|
|
|
break;
|
|
|
|
// no default
|
|
|
|
}
|
|
|
|
|
|
|
|
break;
|
|
|
|
case LoginSignMeTypeAsString.Unused:
|
|
|
|
default:
|
|
|
|
this.signMeType(LoginSignMeType.Unused);
|
|
|
|
break;
|
|
|
|
}
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2016-08-17 06:01:20 +08:00
|
|
|
this.email(AppStore.devEmail);
|
|
|
|
this.password(AppStore.devPassword);
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2020-07-23 02:28:25 +08:00
|
|
|
setTimeout(() => {
|
2016-08-22 05:30:34 +08:00
|
|
|
LanguageStore.language.subscribe((value) => {
|
2016-08-17 06:01:20 +08:00
|
|
|
this.langRequest(true);
|
2016-06-30 08:02:45 +08:00
|
|
|
|
2019-07-05 03:19:24 +08:00
|
|
|
translatorReload(false, value).then(
|
|
|
|
() => {
|
|
|
|
this.langRequest(false);
|
|
|
|
this.bSendLanguage = true;
|
|
|
|
},
|
|
|
|
() => {
|
|
|
|
this.langRequest(false);
|
|
|
|
}
|
|
|
|
);
|
2014-08-21 23:08:34 +08:00
|
|
|
});
|
2020-08-14 04:58:41 +08:00
|
|
|
}, 50);
|
2016-08-17 06:01:20 +08:00
|
|
|
}
|
2014-07-25 06:28:10 +08:00
|
|
|
|
2016-08-17 06:01:20 +08:00
|
|
|
submitForm() {
|
|
|
|
this.submitCommand();
|
|
|
|
}
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2016-08-17 06:01:20 +08:00
|
|
|
selectLanguage() {
|
2021-01-26 05:00:13 +08:00
|
|
|
showScreenPopup(LanguagesPopupView, [this.language, this.languages(), LanguageStore.userLanguage()]);
|
2016-08-17 06:01:20 +08:00
|
|
|
}
|
|
|
|
}
|
2013-11-16 06:21:12 +08:00
|
|
|
|
2021-01-22 23:32:08 +08:00
|
|
|
export { LoginUserView };
|