ps-toolkit-ui 0.2.21 → 0.2.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ps-toolkit-ui.umd.js +20 -23
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/classes/login.class.js +3 -2
- package/esm2015/lib/components/form/textbox/form.textbox.component.js +1 -1
- package/esm2015/lib/components/login/login.component.js +18 -21
- package/fesm2015/ps-toolkit-ui.js +20 -22
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/classes/login.class.d.ts +2 -1
- package/lib/components/login/login.component.d.ts +0 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -5729,7 +5729,7 @@
|
|
|
5729
5729
|
{ type: core.Component, args: [{
|
|
5730
5730
|
selector: 'lib-form-textbox',
|
|
5731
5731
|
template: "<div #inputDiv [id]=\"inp.name + 'Input'\" [style]=\"inp.style\" [className]=\"'form-input-con text w-100' + (inp.error == null ? '' : ' error') + (inp.disabled || inp.loading ? ' disabled' : '') + (inp.icon == null ? ' without-icon' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\" (click)=\"onFocusIn()\">\r\n <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n <input (keydown)=\"onKeyDown($event)\" (change)=\"onChange($event)\" (keyup)=\"onKeyUp($event)\" [disabled]=\"inp.disabled || inp.loading\" [value]=\"getValue()\" [placeholder]=\"inp.placeholder ? inp.l(inp.placeholder) : ''\" #inputBase [type]=\"inp.type == type.Password ? 'password': 'text'\" [name]=\"inp.name\" class=\"control\" autocomplete=\"off\" [maxLength]=\"inp.maxLength > 0 ? inp.type == type.Number ? inp.maxLength.toString().length : inp.maxLength : 524288\">\r\n <span *ngIf=\"inp.icon != null || inp.loading\" (click)=\"inp.button && onClickButton()\" #inputIcon [className]=\"(inp.button ? inp.button + ' button ' : '') + 'icon'\">\r\n <i [className]=\"(inp.loading ? 'fa-duotone fa-spin fa-spinner ' : inp.icon + ' ')\">{{inp.type === type.Sheba ? 'IR' : ''}}</i>\r\n </span>\r\n <span *ngIf=\"inp.withClear && inp.value\" (click)=\"inp.clear()\" class=\"clear-icon\">\r\n <i class=\"fa-duotone fa-eraser\"></i>\r\n </span>\r\n <div *ngIf=\"inp.progress != null && inp.progress.remainSecs > 0\" [ngStyle]=\"{width: inp.progress.percent + '%'}\" class=\"progress\"></div>\r\n </div>\r\n</div>\r\n",
|
|
5732
|
-
styles: [".form-input-con.text{padding:0 15px;position:relative}.form-input-con.text .form-input{float:right;position:relative;width:100%}.form-input-con.text .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.text.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.text .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.text .form-input .control{background-color:#fff;background-image:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-family:Vazir;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.text .form-input .control:focus,.form-input-con.text .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.text.error .form-input .control{border:var(--border-input-red)}.form-input-con.text.error .form-input .control,.form-input-con.text.error .form-input span.icon{color:var(--red)}.form-input-con.text.error .form-input .control:focus,.form-input-con.text.error .form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.text .form-input span.icon{color:var(--primary);cursor:text;left:0}.form-input-con.text .form-input span.clear-icon,.form-input-con.text .form-input span.icon{bottom:0;font-size:14px;height:35px;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input-con.text .form-input span.clear-icon{color:var(--red);cursor:pointer;right:0}.form-input-con.text .form-input span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input-con.text .form-input span.icon.button:hover{background-color:var(--base-dark)}.form-input-con.text .form-input span.icon.button.blue{background-color:var(--blue)}.form-input-con.text .form-input span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input-con.text .form-input span.icon.button.green{background-color:var(--green)}.form-input-con.text .form-input span.icon.button.green:hover{background-color:var(--green-dark)}.form-input-con.text .form-input span.icon.button.red{background-color:var(--red)}.form-input-con.text .form-input span.icon.button.red:hover{background-color:var(--red-dark)}.form-input-con.text .form-input span.icon.button.comp{background-color:var(--primary)}.form-input-con.text .form-input span.icon.button.comp:hover{background-color:var(--primary-dark)}.form-input-con.text.disabled .form-input .control,.form-input-con.text.disabled .form-input .label,.form-input-con.text.disabled .form-input span.icon{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.text .form-input .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:0;height:3px;line-height:3px;margin-right:1%;position:absolute;right:0;transition:width .5s ease-in-out;width:98%}.form-input-con.text.without-icon .form-input .control{padding:5px 10px}.form-input-con.text.h-50 .form-input .control{height:50px}.form-input-con.text.h-50 .form-input span.icon{height:50px;line-height:50px}.form-input-con.text.h-45 .form-input .control{font-size:17px;height:45px}.form-input-con.text.h-45 .form-input .control::-moz-placeholder,.form-input-con.text.h-45 .form-input .control::-webkit-input-placeholder{font-size:12px}.form-input-con.text.h-45 .form-input span.icon{font-size:
|
|
5732
|
+
styles: [".form-input-con.text{padding:0 15px;position:relative}.form-input-con.text .form-input{float:right;position:relative;width:100%}.form-input-con.text .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.text.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.text .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.text .form-input .control{background-color:#fff;background-image:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-family:Vazir;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.text .form-input .control:focus,.form-input-con.text .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.text.error .form-input .control{border:var(--border-input-red)}.form-input-con.text.error .form-input .control,.form-input-con.text.error .form-input span.icon{color:var(--red)}.form-input-con.text.error .form-input .control:focus,.form-input-con.text.error .form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.text .form-input span.icon{color:var(--primary);cursor:text;left:0}.form-input-con.text .form-input span.clear-icon,.form-input-con.text .form-input span.icon{bottom:0;font-size:14px;height:35px;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input-con.text .form-input span.clear-icon{color:var(--red);cursor:pointer;right:0}.form-input-con.text .form-input span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input-con.text .form-input span.icon.button:hover{background-color:var(--base-dark)}.form-input-con.text .form-input span.icon.button.blue{background-color:var(--blue)}.form-input-con.text .form-input span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input-con.text .form-input span.icon.button.green{background-color:var(--green)}.form-input-con.text .form-input span.icon.button.green:hover{background-color:var(--green-dark)}.form-input-con.text .form-input span.icon.button.red{background-color:var(--red)}.form-input-con.text .form-input span.icon.button.red:hover{background-color:var(--red-dark)}.form-input-con.text .form-input span.icon.button.comp{background-color:var(--primary)}.form-input-con.text .form-input span.icon.button.comp:hover{background-color:var(--primary-dark)}.form-input-con.text.disabled .form-input .control,.form-input-con.text.disabled .form-input .label,.form-input-con.text.disabled .form-input span.icon{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.text .form-input .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:0;height:3px;line-height:3px;margin-right:1%;position:absolute;right:0;transition:width .5s ease-in-out;width:98%}.form-input-con.text.without-icon .form-input .control{padding:5px 10px}.form-input-con.text.h-50 .form-input .control{height:50px}.form-input-con.text.h-50 .form-input span.icon{height:50px;line-height:50px}.form-input-con.text.h-45 .form-input .control{font-size:17px;height:45px}.form-input-con.text.h-45 .form-input .control::-moz-placeholder,.form-input-con.text.h-45 .form-input .control::-webkit-input-placeholder{font-size:12px}.form-input-con.text.h-45 .form-input span.icon{font-size:15px;height:45px;line-height:50px}.form-input-con.text.h-30 .form-input .control{font-size:10px;height:30px;padding:0}.form-input-con.text.h-30 .form-input span.icon{font-size:11px;height:30px;line-height:33px;width:30px}.form-input-con.text.h-35{height:35px}.form-input-con.text.h-35 .form-input .control{height:35px;padding:0 35px}.form-input-con.text.h-35 .form-input span.icon{height:35px;line-height:35px}.form-input-con.text.h-25 .form-input .control{height:25px;padding:0}.form-input-con.text.h-25 .form-input span.icon{height:25px;line-height:25px}.form-input-con.text.h-25 .form-input .control::-moz-placeholder,.form-input-con.text.h-25 .form-input .control::-webkit-input-placeholder{font-family:VazirLight;font-size:10px}.form-input-con.text.plaque-part-item .form-input .control{border:none!important}.form-input-con.text.plaque-part-1{float:left!important;padding:0!important;width:35px!important}.form-input-con.text.plaque-part-1.plaque-part-m{width:49px!important}.form-input-con.text.plaque-part-3{float:left!important;padding:0!important;width:49px!important}.form-input-con.text.plaque-part-3.plaque-part-m{width:69px!important}.form-input-con.text.plaque-part-4{float:left!important;margin-top:10px;padding:0!important;width:31px!important}.form-input-con.text.plaque-part-4 .form-input .control{height:25px!important}.form-input-con.text.plaque-part-4.plaque-part-m{display:none!important}.form-input-con.text.bank-card-part-item{float:left!important;padding:0!important;width:25%}.form-input-con.text.bank-card-part-item:not(.bank-card-part-4):after{content:\"\\f068\";font-family:Font Awesome\\ 5 Pro;font-size:6px;font-weight:900;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:calc(50% - 10px);width:20px}.form-input-con.text.bank-card-part-item .form-input .control{background-color:initial!important;border:unset!important;box-shadow:unset!important;font-size:13px!important;padding:0!important}"]
|
|
5733
5733
|
},] }
|
|
5734
5734
|
];
|
|
5735
5735
|
FormTextboxComponent.propDecorators = {
|
|
@@ -6601,11 +6601,12 @@
|
|
|
6601
6601
|
]; };
|
|
6602
6602
|
|
|
6603
6603
|
var LoginClass = /** @class */ (function () {
|
|
6604
|
-
function LoginClass(type) {
|
|
6604
|
+
function LoginClass(l, type) {
|
|
6605
6605
|
this.steps = [];
|
|
6606
6606
|
this.active = 0;
|
|
6607
6607
|
this.onSuccess = null;
|
|
6608
6608
|
this.type = type;
|
|
6609
|
+
this.l = l;
|
|
6609
6610
|
}
|
|
6610
6611
|
LoginClass.prototype.setCookie = function (r) {
|
|
6611
6612
|
if (r.Token) {
|
|
@@ -6630,20 +6631,16 @@
|
|
|
6630
6631
|
this.config = config;
|
|
6631
6632
|
this.loginTemplate = 'Main';
|
|
6632
6633
|
var lang = new LangClass(config.currentLang, config.strings);
|
|
6633
|
-
this.l = function (key, v) {
|
|
6634
|
-
if (v === void 0) { v = null; }
|
|
6635
|
-
return lang.get('Public', 'Login', key, v);
|
|
6636
|
-
};
|
|
6637
6634
|
}
|
|
6638
6635
|
LoginComponent.prototype.ngOnInit = function () {
|
|
6639
6636
|
var _this = this;
|
|
6640
6637
|
if (this.login.type === 'Sms') {
|
|
6641
|
-
var sendCodeForm_1 = new FormClass(this.config.environment, this.l, 'SendCode', true, this.login.sendCodeUrl);
|
|
6642
|
-
var sendCode = new InputClass(this.config.environment, this.l, 'SendCode', 'fa-duotone fa-paper-plane', exports.InputType.Submit, 'h-45');
|
|
6638
|
+
var sendCodeForm_1 = new FormClass(this.config.environment, this.login.l, 'SendCode', true, this.login.sendCodeUrl);
|
|
6639
|
+
var sendCode = new InputClass(this.config.environment, this.login.l, 'SendCode', 'fa-duotone fa-paper-plane', exports.InputType.Submit, 'h-45');
|
|
6643
6640
|
sendCodeForm_1.subName = 'SendCodeSubTitle';
|
|
6644
|
-
this.mobile = new InputClass(this.config.environment, this.l, 'Mobile', 'fa-duotone fa-mobile-alt', exports.InputType.Mobile, 'm-b-20 h-45', '', true, 4, 50);
|
|
6641
|
+
this.mobile = new InputClass(this.config.environment, this.login.l, 'Mobile', 'fa-duotone fa-mobile-alt', exports.InputType.Mobile, 'm-b-20 h-45', '', true, 4, 50);
|
|
6645
6642
|
sendCodeForm_1.onSuccess = function () {
|
|
6646
|
-
loginForm_1.subName = _this.l('LoginSmsSubTitle', _this.mobile.data());
|
|
6643
|
+
loginForm_1.subName = _this.login.l('LoginSmsSubTitle', _this.mobile.data());
|
|
6647
6644
|
_this.mobile.type = exports.InputType.Hidden;
|
|
6648
6645
|
code_1.progress.start();
|
|
6649
6646
|
_this.login.steps[1].show();
|
|
@@ -6659,8 +6656,8 @@
|
|
|
6659
6656
|
sendCode.onClick = function () {
|
|
6660
6657
|
sendCodeForm_1.submit();
|
|
6661
6658
|
};
|
|
6662
|
-
var loginForm_1 = new FormClass(this.config.environment, this.l, 'LoginSms', true, this.login.loginUrl);
|
|
6663
|
-
loginForm_1.subName = this.l('LoginSmsSubTitle', '');
|
|
6659
|
+
var loginForm_1 = new FormClass(this.config.environment, this.login.l, 'LoginSms', true, this.login.loginUrl);
|
|
6660
|
+
loginForm_1.subName = this.login.l('LoginSmsSubTitle', '');
|
|
6664
6661
|
loginForm_1.onSuccess = function (result) {
|
|
6665
6662
|
_this.login.setCookie(result);
|
|
6666
6663
|
if (_this.login.steps.length > 2 && result.CurrentUser === null) {
|
|
@@ -6680,8 +6677,8 @@
|
|
|
6680
6677
|
}, 100);
|
|
6681
6678
|
_this.login.steps[0].show();
|
|
6682
6679
|
};
|
|
6683
|
-
var code_1 = new InputClass(this.config.environment, this.l, 'Code', 'fa-duotone fa-unlock-alt', exports.InputType.Number, 'm-b-10 h-45', null, true, 1111, 9999);
|
|
6684
|
-
var labelResend_1 = new InputClass(this.config.environment, this.l, 'ReSendCodeDes', null, exports.InputType.Label, 'comp resend-code h-45');
|
|
6680
|
+
var code_1 = new InputClass(this.config.environment, this.login.l, 'Code', 'fa-duotone fa-unlock-alt', exports.InputType.Number, 'm-b-10 h-45', null, true, 1111, 9999);
|
|
6681
|
+
var labelResend_1 = new InputClass(this.config.environment, this.login.l, 'ReSendCodeDes', null, exports.InputType.Label, 'comp resend-code h-45');
|
|
6685
6682
|
code_1.progress = new Progress(120);
|
|
6686
6683
|
code_1.progress.onStart = function () {
|
|
6687
6684
|
labelResend_1.value = null;
|
|
@@ -6690,17 +6687,17 @@
|
|
|
6690
6687
|
labelResend_1.value = 'ReSendCodeDes';
|
|
6691
6688
|
};
|
|
6692
6689
|
labelResend_1.onClick = function () {
|
|
6693
|
-
labelResend_1.name = '(' + _this.l('LoadingComp', 'Send') + ')';
|
|
6690
|
+
labelResend_1.name = '(' + _this.login.l('LoadingComp', 'Send') + ')';
|
|
6694
6691
|
new RequestClass(_this.config.environment).send(_this.login.reSendCodeUrl, exports.Method.Post, loginForm_1.data(), null, function () {
|
|
6695
6692
|
labelResend_1.name = 'ReSendCodeDes';
|
|
6696
6693
|
code_1.progress.start();
|
|
6697
6694
|
}, function (error) {
|
|
6698
|
-
HelperClass.addNotification(_this.l(error));
|
|
6695
|
+
HelperClass.addNotification(_this.login.l(error));
|
|
6699
6696
|
labelResend_1.name = 'ReSendCodeDes';
|
|
6700
6697
|
});
|
|
6701
6698
|
};
|
|
6702
6699
|
code_1.displayLabel = this.loginTemplate === 'Main';
|
|
6703
|
-
var login = new InputClass(this.config.environment, this.l, 'LoginSms', 'fa-duotone fa-sign-in-alt', exports.InputType.Submit, 'h-45');
|
|
6700
|
+
var login = new InputClass(this.config.environment, this.login.l, 'LoginSms', 'fa-duotone fa-sign-in-alt', exports.InputType.Submit, 'h-45');
|
|
6704
6701
|
loginForm_1.inputs = [
|
|
6705
6702
|
this.mobile,
|
|
6706
6703
|
code_1,
|
|
@@ -6725,9 +6722,9 @@
|
|
|
6725
6722
|
}, 100);
|
|
6726
6723
|
}
|
|
6727
6724
|
else if (this.login.type === 'Password') {
|
|
6728
|
-
var loginForm_2 = new FormClass(this.config.environment, this.l, 'LoginPassword', true, this.login.loginUrl);
|
|
6725
|
+
var loginForm_2 = new FormClass(this.config.environment, this.login.l, 'LoginPassword', true, this.login.loginUrl);
|
|
6729
6726
|
loginForm_2.subName = 'LoginPasswordSubTitle';
|
|
6730
|
-
var login = new InputClass(this.config.environment, this.l, 'LoginPassword', 'fa-duotone fa-sign-in-alt', exports.InputType.Submit, 'h-45');
|
|
6727
|
+
var login = new InputClass(this.config.environment, this.login.l, 'LoginPassword', 'fa-duotone fa-sign-in-alt', exports.InputType.Submit, 'h-45');
|
|
6731
6728
|
loginForm_2.onSuccess = function (result) {
|
|
6732
6729
|
_this.login.setCookie(result);
|
|
6733
6730
|
if (_this.login.steps.length > 1 && result.CurrentUser === null) {
|
|
@@ -6738,8 +6735,8 @@
|
|
|
6738
6735
|
_this.login.onSuccess(result);
|
|
6739
6736
|
}
|
|
6740
6737
|
};
|
|
6741
|
-
this.username = new InputClass(this.config.environment, this.l, 'Username', 'fa-duotone fa-user', exports.InputType.Text, 'm-b-10 h-45', '', true, 4, 50);
|
|
6742
|
-
var password = new InputClass(this.config.environment, this.l, 'Password', 'fa-duotone fa-key', exports.InputType.Password, 'm-b-20 h-45', '', true, 5, 50);
|
|
6738
|
+
this.username = new InputClass(this.config.environment, this.login.l, 'Username', 'fa-duotone fa-user', exports.InputType.Text, 'm-b-10 h-45', '', true, 4, 50);
|
|
6739
|
+
var password = new InputClass(this.config.environment, this.login.l, 'Password', 'fa-duotone fa-key', exports.InputType.Password, 'm-b-20 h-45', '', true, 5, 50);
|
|
6743
6740
|
this.username.displayLabel = this.loginTemplate === 'Main';
|
|
6744
6741
|
password.displayLabel = this.loginTemplate === 'Main';
|
|
6745
6742
|
loginForm_2.inputs = [
|
|
@@ -6765,8 +6762,8 @@
|
|
|
6765
6762
|
LoginComponent.decorators = [
|
|
6766
6763
|
{ type: core.Component, args: [{
|
|
6767
6764
|
selector: 'lib-login',
|
|
6768
|
-
template: "<div id=\"LoginMain\" *ngIf=\"loginTemplate == 'Main'\">\r\n <div class=\"triangles\">\r\n <i class=\"triangle triangle-1 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-2 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-3 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-4 fas fa-caret-left\"></i>\r\n </div>\r\n <div class=\"form-c\">\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"about-c\">\r\n <div class=\"about\">\r\n <div class=\"info\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{ l('Base') }}\r\n </div>\r\n <div class=\"sub-title\">\r\n {{ l('BaseDesc') }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<div id=\"LoginSimple\" *ngIf=\"loginTemplate == 'Simple'\">\r\n <div class=\"form-c\">\r\n <div class=\"title\">{{ l('Base') }}</div>\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n",
|
|
6769
|
-
styles: ["#LoginMain{background-color:#fff;border-radius:var(--border-radius-base);float:right;height:calc(100vh - 35px);overflow-y:auto;position:relative;width:100%}#LoginMain .about-c,#LoginMain .form-c{align-items:center;display:flex;float:left;justify-content:center;min-height:calc(100vh - 35px);position:relative;width:50%;z-index:2}#LoginMain .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}#LoginMain .form-c .form{margin:0 auto;width:60%}#LoginMain .about,#LoginMain .about .info{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;float:right;position:relative;width:100%}#LoginMain .about .info{z-index:2}#LoginMain .triangles{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}#LoginMain .triangles .triangle{color:var(--base);opacity:.1;position:absolute}#LoginMain .triangles .triangle-1{font-size:656px;right:-150px;top:50px}#LoginMain .triangles .triangle-2{font-size:1000px;right:-240px;top:150px}#LoginMain .triangles .triangle-3{font-size:900px;right:-220px;top:-347px}#LoginMain .triangles .triangle-4{font-size:900px;right:-250px;top:450px}#LoginMain .about .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;margin:0 auto;position:relative;width:200px}#LoginMain .about .title{float:right;font-family:VazirBold;font-size:25px;font-weight:bolder;height:40px;line-height:40px;margin-top:20px;position:relative;text-align:center;width:100%}#LoginMain .about .sub-title{float:right;font-family:VazirLight;font-size:12px;line-height:30px;margin-right:10%;padding:20px;position:relative;text-align:center;width:80%}::ng-deep #LoginMain .form-c .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;text-align:center;width:100%}::ng-deep #LoginMain .form-c .form .sub-title{color:var(--black-light);float:right;font-family:VazirLight;font-size:12px;height:30px;line-height:30px;margin-bottom:20px;text-align:center;width:100%}::ng-deep #LoginMain .form-c .form .sub-title:after{background-image:none!important}#LoginSimple{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}#LoginSimple,#LoginSimple .form-c{background-color:#fff;float:right;padding:20px}#LoginSimple .form-c{border:var(--border-base);border-radius:var(--border-radius-base);width:400px}#LoginSimple .form-c .title{color:var(--primary);float:right;font-family:VazirBold;font-size:25px;line-height:60px;text-align:center;width:100%}::ng-deep #LoginSimple .form-c .form .title{float:right;font-family:VazirBold;font-size:
|
|
6765
|
+
template: "<div id=\"LoginMain\" *ngIf=\"loginTemplate == 'Main'\">\r\n <div class=\"triangles\">\r\n <i class=\"triangle triangle-1 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-2 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-3 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-4 fas fa-caret-left\"></i>\r\n </div>\r\n <div class=\"form-c\">\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"about-c\">\r\n <div class=\"about\">\r\n <div class=\"info\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{ login.l('Base') }}\r\n </div>\r\n <div class=\"sub-title\">\r\n {{ login.l('BaseDesc') }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<div id=\"LoginSimple\" *ngIf=\"loginTemplate == 'Simple'\">\r\n <div class=\"form-c\">\r\n <div class=\"title\">{{ login.l('Base') }}</div>\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n",
|
|
6766
|
+
styles: ["#LoginMain{background-color:#fff;border-radius:var(--border-radius-base);float:right;height:calc(100vh - 35px);overflow-y:auto;position:relative;width:100%}#LoginMain .about-c,#LoginMain .form-c{align-items:center;display:flex;float:left;justify-content:center;min-height:calc(100vh - 35px);position:relative;width:50%;z-index:2}#LoginMain .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}#LoginMain .form-c .form{margin:0 auto;width:60%}#LoginMain .about,#LoginMain .about .info{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;float:right;position:relative;width:100%}#LoginMain .about .info{z-index:2}#LoginMain .triangles{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}#LoginMain .triangles .triangle{color:var(--base);opacity:.1;position:absolute}#LoginMain .triangles .triangle-1{font-size:656px;right:-150px;top:50px}#LoginMain .triangles .triangle-2{font-size:1000px;right:-240px;top:150px}#LoginMain .triangles .triangle-3{font-size:900px;right:-220px;top:-347px}#LoginMain .triangles .triangle-4{font-size:900px;right:-250px;top:450px}#LoginMain .about .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;margin:0 auto;position:relative;width:200px}#LoginMain .about .title{float:right;font-family:VazirBold;font-size:25px;font-weight:bolder;height:40px;line-height:40px;margin-top:20px;position:relative;text-align:center;width:100%}#LoginMain .about .sub-title{float:right;font-family:VazirLight;font-size:12px;line-height:30px;margin-right:10%;padding:20px;position:relative;text-align:center;width:80%}::ng-deep #LoginMain .form-c .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;text-align:center;width:100%}::ng-deep #LoginMain .form-c .form .sub-title{color:var(--black-light);float:right;font-family:VazirLight;font-size:12px;height:30px;line-height:30px;margin-bottom:20px;text-align:center;width:100%}::ng-deep #LoginMain .form-c .form .sub-title:after{background-image:none!important}#LoginSimple{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}#LoginSimple,#LoginSimple .form-c{background-color:#fff;float:right;padding:20px}#LoginSimple .form-c{border:var(--border-base);border-radius:var(--border-radius-base);width:400px}#LoginSimple .form-c .title{color:var(--primary);float:right;font-family:VazirBold;font-size:25px;line-height:60px;text-align:center;width:100%}::ng-deep #LoginSimple .form-c .form .title{float:right;font-family:VazirBold;font-size:18px;height:40px;line-height:40px;margin-bottom:10px;width:100%}::ng-deep #LoginSimple .form-c .form .sub-title{color:var(--black-light);float:right;font-family:VazirLight;font-size:12px;height:30px;line-height:30px;margin-bottom:20px;width:100%}::ng-deep #LoginSimple .form-c .form .sub-title:after{background-image:none!important}@media (max-width:399.98px){#LoginMain{height:calc(100vh - 60px)}#LoginMain .about-c,#LoginMain .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#LoginMain .form-c .form{width:100%}#LoginMain .about .info{padding:10px 5px 5px}#LoginMain .about .logo{height:100px;width:100px}}@media (min-width:400px) and (max-width:499.98px){#LoginMain{height:calc(100vh - 60px)}#LoginMain .about-c,#LoginMain .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#LoginMain .form-c .form{width:80%}#LoginMain .about .info{padding:10px}#LoginMain .about .logo{height:100px;width:100px}}@media (min-width:500px) and (max-width:599.98px){#LoginMain{height:calc(100vh - 60px)}#LoginMain .about-c,#LoginMain .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#LoginMain .form-c .form{float:right;margin-right:15%;width:70%}#LoginMain .about .info{padding:10px}#LoginMain .about .logo{height:150px;width:150px}}@media (min-width:600px) and (max-width:699.98px){#LoginMain .about-c,#LoginMain .form-c{float:right;width:100%}#LoginMain .form-c .form{float:right;margin-right:15%;width:70%}#LoginMain .about .info{padding:10px}#LoginMain .about .logo{height:150px;width:150px}}@media (min-width:700px) and (max-width:799.98px){#LoginMain .form-c .form{width:90%}}@media (min-width:800px) and (max-width:899.98px){#LoginMain .form-c .form{width:90%}}@media (min-width:900px) and (max-width:999.98px){#LoginMain .form-c .form{width:80%}}@media (min-width:1000px) and (max-width:1099.98px){#LoginMain .form-c .form{width:80%}}@media (min-width:1100px) and (max-width:1199.98px){#LoginMain .form-c .form{width:70%}}@media (min-width:1200px) and (max-width:1299.98px){#LoginMain .form-c .form{width:70%}}"]
|
|
6770
6767
|
},] }
|
|
6771
6768
|
];
|
|
6772
6769
|
LoginComponent.ctorParameters = function () { return [
|