ps-toolkit-ui 0.0.239 → 0.0.240
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 +5 -5
- 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/components/login/login.component.js +6 -6
- package/fesm2015/ps-toolkit-ui.js +5 -5
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -6835,7 +6835,7 @@
|
|
|
6835
6835
|
LoginComponent.prototype.ngOnInit = function () {
|
|
6836
6836
|
var _this = this;
|
|
6837
6837
|
if (this.login.type === 'Sms') {
|
|
6838
|
-
var sendCodeForm_1 = new FormClass(this.config.environment, this.l, 'SendCode', true, this.login.sendCodeUrl
|
|
6838
|
+
var sendCodeForm_1 = new FormClass(this.config.environment, this.l, 'SendCode', true, this.login.sendCodeUrl);
|
|
6839
6839
|
var sendCode = new InputClass(this.config.environment, this.l, 'SendCode', 'fa-duotone fa-paper-plane', exports.InputType.Submit);
|
|
6840
6840
|
sendCodeForm_1.subName = 'SendCodeSubTitle';
|
|
6841
6841
|
this.mobile = new InputClass(this.config.environment, this.l, 'Mobile', 'fa-duotone fa-mobile-alt', exports.InputType.Mobile, 'm-b-10 h-45', '', true, 4, 50);
|
|
@@ -6855,7 +6855,7 @@
|
|
|
6855
6855
|
sendCode.onClick = function () {
|
|
6856
6856
|
sendCodeForm_1.submit();
|
|
6857
6857
|
};
|
|
6858
|
-
var loginForm_1 = new FormClass(this.config.environment, this.l, 'LoginSms', true, this.login.loginUrl
|
|
6858
|
+
var loginForm_1 = new FormClass(this.config.environment, this.l, 'LoginSms', true, this.login.loginUrl);
|
|
6859
6859
|
loginForm_1.subName = this.l('LoginSmsSubTitle', '');
|
|
6860
6860
|
loginForm_1.onSuccess = function (result) {
|
|
6861
6861
|
_this.login.setCookie(result);
|
|
@@ -6919,7 +6919,7 @@
|
|
|
6919
6919
|
}, 100);
|
|
6920
6920
|
}
|
|
6921
6921
|
else if (this.login.type === 'Password') {
|
|
6922
|
-
var loginForm_2 = new FormClass(this.config.environment, this.l, 'LoginPassword', true, this.login.loginUrl
|
|
6922
|
+
var loginForm_2 = new FormClass(this.config.environment, this.l, 'LoginPassword', true, this.login.loginUrl);
|
|
6923
6923
|
loginForm_2.subName = 'LoginPasswordSubTitle';
|
|
6924
6924
|
var login = new InputClass(this.config.environment, this.l, 'LoginPassword', 'fa-duotone fa-sign-in-alt', exports.InputType.Submit);
|
|
6925
6925
|
loginForm_2.onSuccess = function (result) {
|
|
@@ -6955,8 +6955,8 @@
|
|
|
6955
6955
|
LoginComponent.decorators = [
|
|
6956
6956
|
{ type: core.Component, args: [{
|
|
6957
6957
|
selector: 'lib-login',
|
|
6958
|
-
template: "<div id=\"Login\">\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=\"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
|
|
6959
|
-
styles: ["#Login{background-color:#fff;border-radius:5px;
|
|
6958
|
+
template: "<div id=\"Login\">\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",
|
|
6959
|
+
styles: ["#Login{background-color:#fff;border-radius:5px;float:right;min-height:100vh;position:relative;width:100%}#Login .form-c{position:relative;z-index:2}#Login .about-c,#Login .form-c{align-items:center;display:flex;justify-content:center;width:50%}#Login .about-c{height:100%}#Login .form{margin:0 auto;width:60%}#Login .about,#Login .about .info{border-radius:0 5px 5px 0;float:right;position:relative;width:100%}#Login .about .info{z-index:2}#Login .triangles{border-radius:0 5px 5px 0;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}#Login .triangles .triangle{color:var(--base);opacity:.2;position:absolute}#Login .triangles .triangle-1{font-size:656px;right:-150px;top:50px}#Login .triangles .triangle-2{font-size:1000px;right:-240px;top:150px}#Login .triangles .triangle-3{font-size:900px;right:-220px;top:-347px}#Login .triangles .triangle-4{font-size:900px;right:-250px;top:450px}#Login .about .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;margin:0 auto;position:relative;width:200px}#Login .about .title{font-family:VazirBold;font-size:25px;font-weight:bolder;height:40px;line-height:40px;margin-top:20px;width:100%}#Login .about .sub-title,#Login .about .title{float:right;position:relative;text-align:center}#Login .about .sub-title{font-family:VazirLight;font-size:12px;line-height:30px;margin-right:10%;padding:20px;width:80%}#Login .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;margin-top:30px;text-align:center;width:100%}#Login .form .sub-title{color:var(--black-88);float:right;font-family:VazirLight;font-size:12px;height:30px;line-height:30px;text-align:center;width:100%}#Login .form .title i{color:var(--base);font-size:30px;left:5px;margin-left:5px;position:relative;top:7px}::ng-deep #Login .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;margin-top:30px;text-align:center;width:100%}::ng-deep #Login .form .sub-title{margin-bottom:20px;text-align:center}::ng-deep #Login .form .sub-title:after{background-image:none!important}@media (max-width:399.98px){#Login{display:unset;margin-right:5%;padding:20px 0;width:90%}#Login .about-c,#Login .form-c{display:unset;width:100%}#Login .about-c{float:right;height:80px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{width:90%}#Login .about .info{padding:10px 5px 5px}#Login .about .logo{display:inline-block;float:right;height:80px;margin:unset;margin-right:10%;width:80px}#Login .about .title{display:inline-block;height:80px;line-height:80px;width:calc(80% - 80px)}}@media (min-width:400px) and (max-width:499.98px){#Login{display:unset;margin-right:10%;padding:50px 0;width:80%}#Login .about-c,#Login .form-c{display:unset;float:right;width:100%}#Login .about-c{height:100px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{float:right;margin-right:10%;width:80%}#Login .about .info{padding:10px}#Login .about .logo{display:inline-block;float:right;height:100px;margin:unset;margin-right:10%;width:100px}#Login .about .title{display:inline-block;height:100px;line-height:100px;width:calc(80% - 100px)}}@media (min-width:500px) and (max-width:599.98px){#Login{display:unset;margin-right:10%;padding:50px 0;width:80%}#Login .about-c,#Login .form-c{display:unset;float:right;width:100%}#Login .about-c{height:100px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{display:inline-block;float:right;height:100px;margin:unset;margin-right:10%;width:100px}#Login .about .title{display:inline-block;height:100px;line-height:100px;width:calc(80% - 100px)}}@media (min-width:600px) and (max-width:699.98px){#Login{display:unset;margin-right:10%;padding:50px 0;width:80%}#Login .about-c,#Login .form-c{display:unset;float:right;width:100%}#Login .about-c{height:100px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{display:inline-block;float:right;height:100px;margin:unset;margin-right:10%;width:100px}#Login .about .title{display:inline-block;height:100px;line-height:100px;width:calc(80% - 100px)}}@media (min-width:700px) and (max-width:799.98px){#Login .form{width:90%}}@media (min-width:800px) and (max-width:899.98px){#Login .form{width:90%}}@media (min-width:900px) and (max-width:999.98px){#Login .form{width:80%}}@media (min-width:1000px) and (max-width:1099.98px){#Login .form{width:80%}}@media (min-width:1100px) and (max-width:1199.98px){#Login .form{width:70%}}@media (min-width:1200px) and (max-width:1299.98px){#Login .form{width:70%}}"]
|
|
6960
6960
|
},] }
|
|
6961
6961
|
];
|
|
6962
6962
|
LoginComponent.ctorParameters = function () { return [
|