@resolveio/client-lib-core 15.1.10 → 15.1.11
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/esm2020/lib/widgets/dialog/dialog.login.content.mjs +204 -36
- package/fesm2015/resolveio-client-lib-core.mjs +203 -35
- package/fesm2015/resolveio-client-lib-core.mjs.map +1 -1
- package/fesm2020/resolveio-client-lib-core.mjs +203 -35
- package/fesm2020/resolveio-client-lib-core.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -3024,7 +3024,7 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
|
3024
3024
|
}
|
|
3025
3025
|
|
|
3026
3026
|
.log-box {
|
|
3027
|
-
padding-top:
|
|
3027
|
+
padding-top: 0px;
|
|
3028
3028
|
padding-bottom: 26px;
|
|
3029
3029
|
}
|
|
3030
3030
|
.loginform .form-control, .register-form .form-control {
|
|
@@ -3087,6 +3087,53 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
|
3087
3087
|
button.btn.sign-btn:hover {
|
|
3088
3088
|
background: #1668e2;
|
|
3089
3089
|
}
|
|
3090
|
+
|
|
3091
|
+
.login-card {
|
|
3092
|
+
margin-bottom: 20px;
|
|
3093
|
+
padding: 20px;
|
|
3094
|
+
padding-top: 10px;
|
|
3095
|
+
border-radius: 8px;
|
|
3096
|
+
box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.19); /* Enhanced shadow */
|
|
3097
|
+
background-color: #FFFFFF;
|
|
3098
|
+
}
|
|
3099
|
+
|
|
3100
|
+
.login-header {
|
|
3101
|
+
font-size: 20px;
|
|
3102
|
+
font-weight: bold;
|
|
3103
|
+
color: #333;
|
|
3104
|
+
margin-bottom: 15px;
|
|
3105
|
+
text-align: center;
|
|
3106
|
+
}
|
|
3107
|
+
|
|
3108
|
+
.employee-login-btn {
|
|
3109
|
+
background-color: #0078D4; /* Microsoft Blue */
|
|
3110
|
+
color: white;
|
|
3111
|
+
padding: 10px 20px; /* Larger size */
|
|
3112
|
+
font-size: 16px; /* Larger text */
|
|
3113
|
+
border-radius: 5px; /* Rounded corners */
|
|
3114
|
+
width: 100%; /* Full width */
|
|
3115
|
+
box-sizing: border-box; /* Include padding and border in the element's width and height */
|
|
3116
|
+
}
|
|
3117
|
+
|
|
3118
|
+
.third-party-login-btn {
|
|
3119
|
+
background-color: #28a745; /* Bootstrap success green */
|
|
3120
|
+
color: white;
|
|
3121
|
+
border-radius: 5px; /* Rounded corners */
|
|
3122
|
+
width: 100%; /* Full width */
|
|
3123
|
+
box-sizing: border-box; /* Include padding and border in the element's width and height */
|
|
3124
|
+
margin-top: 10px;
|
|
3125
|
+
}
|
|
3126
|
+
|
|
3127
|
+
.third-party-login-section {
|
|
3128
|
+
background-color: #F3F4F6; /* Optional: Light grey background for contrast */
|
|
3129
|
+
border-radius: 8px; /* Optional: Rounded corners for the input form */
|
|
3130
|
+
}
|
|
3131
|
+
|
|
3132
|
+
.employee-login-section, .third-party-login-section {
|
|
3133
|
+
text-align: center;
|
|
3134
|
+
}
|
|
3135
|
+
|
|
3136
|
+
|
|
3090
3137
|
</style>
|
|
3091
3138
|
<form [formGroup]="form" novalidate>
|
|
3092
3139
|
<div class="modal-header">
|
|
@@ -3110,22 +3157,59 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
|
3110
3157
|
</div>
|
|
3111
3158
|
<div class="col-lg-6">
|
|
3112
3159
|
<div class="log-box">
|
|
3113
|
-
<div class="loginform">
|
|
3114
|
-
<
|
|
3115
|
-
<
|
|
3116
|
-
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
|
|
3126
|
-
|
|
3127
|
-
|
|
3128
|
-
|
|
3160
|
+
<div class="loginform" style="margin: 0px;">
|
|
3161
|
+
<ng-container *ngIf="!msAllowed">
|
|
3162
|
+
<div class="login-card">
|
|
3163
|
+
<h3 class="login-header">Employee/Customer Login</h3>
|
|
3164
|
+
<div class="third-party-login-section">
|
|
3165
|
+
<div class="form-group">
|
|
3166
|
+
<label>Username/Email</label>
|
|
3167
|
+
<em *ngIf="form.controls.username.hasError('required')">- Required</em>
|
|
3168
|
+
<input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
|
|
3169
|
+
</div>
|
|
3170
|
+
<div class="form-group">
|
|
3171
|
+
<label>Password</label>
|
|
3172
|
+
<em *ngIf="form.controls.password.hasError('required')">- Required</em>
|
|
3173
|
+
<input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
|
|
3174
|
+
</div>
|
|
3175
|
+
<div class="form-check text-right">
|
|
3176
|
+
<label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
|
|
3177
|
+
</div>
|
|
3178
|
+
<button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
|
|
3179
|
+
</div>
|
|
3180
|
+
</div>
|
|
3181
|
+
</ng-container>
|
|
3182
|
+
<ng-container *ngIf="msAllowed">
|
|
3183
|
+
<!-- Employee Login Section -->
|
|
3184
|
+
<div class="login-card">
|
|
3185
|
+
<h3 class="login-header">Employee Login</h3>
|
|
3186
|
+
<div class="employee-login-section">
|
|
3187
|
+
<button type="submit" class="btn employee-login-btn" (click)="close('MS')">Employee Login</button>
|
|
3188
|
+
</div>
|
|
3189
|
+
</div>
|
|
3190
|
+
|
|
3191
|
+
<!-- Third Party Login Section -->
|
|
3192
|
+
<div class="login-card">
|
|
3193
|
+
<h3 class="login-header">Third Party Login</h3>
|
|
3194
|
+
<div class="third-party-login-section">
|
|
3195
|
+
<div class="form-group">
|
|
3196
|
+
<label>Username/Email</label>
|
|
3197
|
+
<em *ngIf="form.controls.username.hasError('required')">- Required</em>
|
|
3198
|
+
<input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
|
|
3199
|
+
</div>
|
|
3200
|
+
<div class="form-group">
|
|
3201
|
+
<label>Password</label>
|
|
3202
|
+
<em *ngIf="form.controls.password.hasError('required')">- Required</em>
|
|
3203
|
+
<input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
|
|
3204
|
+
</div>
|
|
3205
|
+
<div class="form-check text-right">
|
|
3206
|
+
<label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
|
|
3207
|
+
</div>
|
|
3208
|
+
<button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
|
|
3209
|
+
</div>
|
|
3210
|
+
</div>
|
|
3211
|
+
</ng-container>
|
|
3212
|
+
|
|
3129
3213
|
</div>
|
|
3130
3214
|
</div>
|
|
3131
3215
|
</div>
|
|
@@ -3139,7 +3223,7 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
|
3139
3223
|
</responsive-button-group>
|
|
3140
3224
|
</div>
|
|
3141
3225
|
</form>
|
|
3142
|
-
`, isInline: true, styles: ["\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.navbar-light .navbar-nav .nav-link {\n\t\t\t\tcolor:#333;\n\t\t\t}\n\t\t\ta.nav-link.loginreg {\n\t\t\t\tbackground-color: #0b4499;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tborder-radius: 40px;\n\t\t\t}\n\t\t\ta.nav-link.loginreg:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t\t.nav-link {\n\t\t\t\tcolor: #333333;\n\t\t\t\tfont-size: 150%\n\t\t\t}\n\t\t\t.nav-item a.nav-link.active {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.contactimg>img{\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.log-box {\n\t\t\t\tpadding-top:
|
|
3226
|
+
`, isInline: true, styles: ["\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.navbar-light .navbar-nav .nav-link {\n\t\t\t\tcolor:#333;\n\t\t\t}\n\t\t\ta.nav-link.loginreg {\n\t\t\t\tbackground-color: #0b4499;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tborder-radius: 40px;\n\t\t\t}\n\t\t\ta.nav-link.loginreg:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t\t.nav-link {\n\t\t\t\tcolor: #333333;\n\t\t\t\tfont-size: 150%\n\t\t\t}\n\t\t\t.nav-item a.nav-link.active {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.contactimg>img{\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.log-box {\n\t\t\t\tpadding-top: 0px;\n\t\t\t\tpadding-bottom: 26px;\n\t\t\t}\n\t\t\t.loginform .form-control, .register-form .form-control {\n\t\t\t\tcolor: #000;\n\t\t\t\theight: 52px;\n\t\t\t}\n\t\t\t.loginform {\n\t\t\t\tmargin-top: 35px;\n\t\t\t}\n\t\t\t.loginform label {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\n\t\t\t.loginbtn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 44px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.login365btn {\n\t\t\t\tbackground: orange;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 44px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.contactimg {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t.login-logo {\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\n\t\t\t.textbox {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tcolor: #fff;\n\t\t\t\tpadding: 40px;\n\t\t\t\ttransform: translate(0%, -50%);\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t.sign-btn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 14px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\tbutton.btn.sign-btn:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t\t\n\t\t\t.login-card {\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t\tpadding: 20px;\n\t\t\t\tpadding-top: 10px;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tbox-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.19); /* Enhanced shadow */\n\t\t\t\tbackground-color: #FFFFFF;\n\t\t\t}\n\t\t\t\n\t\t\t.login-header {\n\t\t\t\tfont-size: 20px;\n\t\t\t\tfont-weight: bold;\n\t\t\t\tcolor: #333;\n\t\t\t\tmargin-bottom: 15px;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t\n\t\t\t.employee-login-btn {\n\t\t\t\tbackground-color: #0078D4; /* Microsoft Blue */\n\t\t\t\tcolor: white;\n\t\t\t\tpadding: 10px 20px; /* Larger size */\n\t\t\t\tfont-size: 16px; /* Larger text */\n\t\t\t\tborder-radius: 5px; /* Rounded corners */\n\t\t\t\twidth: 100%; /* Full width */\n\t\t\t\tbox-sizing: border-box; /* Include padding and border in the element's width and height */\n\t\t\t}\n\t\t\t\n\t\t\t.third-party-login-btn {\n\t\t\t\tbackground-color: #28a745; /* Bootstrap success green */\n\t\t\t\tcolor: white;\n\t\t\t\tborder-radius: 5px; /* Rounded corners */\n\t\t\t\twidth: 100%; /* Full width */\n\t\t\t\tbox-sizing: border-box; /* Include padding and border in the element's width and height */\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t\t\n\t\t\t.third-party-login-section {\n\t\t\t\tbackground-color: #F3F4F6; /* Optional: Light grey background for contrast */\n\t\t\t\tborder-radius: 8px; /* Optional: Rounded corners for the input form */\n\t\t\t}\n\t\t\t\n\t\t\t.employee-login-section, .third-party-login-section {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t\n\t\t\t\n\t\t"], dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FocusDirective, selector: "[focus]", inputs: ["focus"] }] });
|
|
3143
3227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogLoginContent, decorators: [{
|
|
3144
3228
|
type: Component,
|
|
3145
3229
|
args: [{
|
|
@@ -3175,7 +3259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3175
3259
|
}
|
|
3176
3260
|
|
|
3177
3261
|
.log-box {
|
|
3178
|
-
padding-top:
|
|
3262
|
+
padding-top: 0px;
|
|
3179
3263
|
padding-bottom: 26px;
|
|
3180
3264
|
}
|
|
3181
3265
|
.loginform .form-control, .register-form .form-control {
|
|
@@ -3238,6 +3322,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3238
3322
|
button.btn.sign-btn:hover {
|
|
3239
3323
|
background: #1668e2;
|
|
3240
3324
|
}
|
|
3325
|
+
|
|
3326
|
+
.login-card {
|
|
3327
|
+
margin-bottom: 20px;
|
|
3328
|
+
padding: 20px;
|
|
3329
|
+
padding-top: 10px;
|
|
3330
|
+
border-radius: 8px;
|
|
3331
|
+
box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.19); /* Enhanced shadow */
|
|
3332
|
+
background-color: #FFFFFF;
|
|
3333
|
+
}
|
|
3334
|
+
|
|
3335
|
+
.login-header {
|
|
3336
|
+
font-size: 20px;
|
|
3337
|
+
font-weight: bold;
|
|
3338
|
+
color: #333;
|
|
3339
|
+
margin-bottom: 15px;
|
|
3340
|
+
text-align: center;
|
|
3341
|
+
}
|
|
3342
|
+
|
|
3343
|
+
.employee-login-btn {
|
|
3344
|
+
background-color: #0078D4; /* Microsoft Blue */
|
|
3345
|
+
color: white;
|
|
3346
|
+
padding: 10px 20px; /* Larger size */
|
|
3347
|
+
font-size: 16px; /* Larger text */
|
|
3348
|
+
border-radius: 5px; /* Rounded corners */
|
|
3349
|
+
width: 100%; /* Full width */
|
|
3350
|
+
box-sizing: border-box; /* Include padding and border in the element's width and height */
|
|
3351
|
+
}
|
|
3352
|
+
|
|
3353
|
+
.third-party-login-btn {
|
|
3354
|
+
background-color: #28a745; /* Bootstrap success green */
|
|
3355
|
+
color: white;
|
|
3356
|
+
border-radius: 5px; /* Rounded corners */
|
|
3357
|
+
width: 100%; /* Full width */
|
|
3358
|
+
box-sizing: border-box; /* Include padding and border in the element's width and height */
|
|
3359
|
+
margin-top: 10px;
|
|
3360
|
+
}
|
|
3361
|
+
|
|
3362
|
+
.third-party-login-section {
|
|
3363
|
+
background-color: #F3F4F6; /* Optional: Light grey background for contrast */
|
|
3364
|
+
border-radius: 8px; /* Optional: Rounded corners for the input form */
|
|
3365
|
+
}
|
|
3366
|
+
|
|
3367
|
+
.employee-login-section, .third-party-login-section {
|
|
3368
|
+
text-align: center;
|
|
3369
|
+
}
|
|
3370
|
+
|
|
3371
|
+
|
|
3241
3372
|
</style>
|
|
3242
3373
|
<form [formGroup]="form" novalidate>
|
|
3243
3374
|
<div class="modal-header">
|
|
@@ -3261,22 +3392,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3261
3392
|
</div>
|
|
3262
3393
|
<div class="col-lg-6">
|
|
3263
3394
|
<div class="log-box">
|
|
3264
|
-
<div class="loginform">
|
|
3265
|
-
<
|
|
3266
|
-
<
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3395
|
+
<div class="loginform" style="margin: 0px;">
|
|
3396
|
+
<ng-container *ngIf="!msAllowed">
|
|
3397
|
+
<div class="login-card">
|
|
3398
|
+
<h3 class="login-header">Employee/Customer Login</h3>
|
|
3399
|
+
<div class="third-party-login-section">
|
|
3400
|
+
<div class="form-group">
|
|
3401
|
+
<label>Username/Email</label>
|
|
3402
|
+
<em *ngIf="form.controls.username.hasError('required')">- Required</em>
|
|
3403
|
+
<input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
|
|
3404
|
+
</div>
|
|
3405
|
+
<div class="form-group">
|
|
3406
|
+
<label>Password</label>
|
|
3407
|
+
<em *ngIf="form.controls.password.hasError('required')">- Required</em>
|
|
3408
|
+
<input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
|
|
3409
|
+
</div>
|
|
3410
|
+
<div class="form-check text-right">
|
|
3411
|
+
<label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
|
|
3412
|
+
</div>
|
|
3413
|
+
<button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
|
|
3414
|
+
</div>
|
|
3415
|
+
</div>
|
|
3416
|
+
</ng-container>
|
|
3417
|
+
<ng-container *ngIf="msAllowed">
|
|
3418
|
+
<!-- Employee Login Section -->
|
|
3419
|
+
<div class="login-card">
|
|
3420
|
+
<h3 class="login-header">Employee Login</h3>
|
|
3421
|
+
<div class="employee-login-section">
|
|
3422
|
+
<button type="submit" class="btn employee-login-btn" (click)="close('MS')">Employee Login</button>
|
|
3423
|
+
</div>
|
|
3424
|
+
</div>
|
|
3425
|
+
|
|
3426
|
+
<!-- Third Party Login Section -->
|
|
3427
|
+
<div class="login-card">
|
|
3428
|
+
<h3 class="login-header">Third Party Login</h3>
|
|
3429
|
+
<div class="third-party-login-section">
|
|
3430
|
+
<div class="form-group">
|
|
3431
|
+
<label>Username/Email</label>
|
|
3432
|
+
<em *ngIf="form.controls.username.hasError('required')">- Required</em>
|
|
3433
|
+
<input type="email" [ngClass]="['form-control', form.controls.username.valid ? 'is-valid' : 'is-invalid']" formControlName="username" [autofocus]="true" [focus]="true" aria-describedby="emailHelp" placeholder="Your Username/Email" autocomplete="username">
|
|
3434
|
+
</div>
|
|
3435
|
+
<div class="form-group">
|
|
3436
|
+
<label>Password</label>
|
|
3437
|
+
<em *ngIf="form.controls.password.hasError('required')">- Required</em>
|
|
3438
|
+
<input type="password" [ngClass]="['form-control', form.controls.password.enabled ? (form.controls.password.valid ? 'is-valid' : 'is-invalid') : '']" formControlName="password" placeholder="Your Password" autocomplete="current-password">
|
|
3439
|
+
</div>
|
|
3440
|
+
<div class="form-check text-right">
|
|
3441
|
+
<label class="form-check-label"><a href="javascript:void(0)" (click)="toggleForgotPassword()"> {{!form.controls.forgotPassword.value ? 'Forgot Password?' : 'Enter Password'}} </a></label>
|
|
3442
|
+
</div>
|
|
3443
|
+
<button type="submit" class="btn third-party-login-btn" (click)="close('ResolveIO')">{{!form.controls.forgotPassword.value ? 'Login' : 'Submit'}}</button>
|
|
3444
|
+
</div>
|
|
3445
|
+
</div>
|
|
3446
|
+
</ng-container>
|
|
3447
|
+
|
|
3280
3448
|
</div>
|
|
3281
3449
|
</div>
|
|
3282
3450
|
</div>
|