@reusa/ngx-reusa-app-lib 0.0.1311 → 0.0.1313
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/esm2022/lib/components/address-suggestion/address-suggestion.component.mjs +13 -5
- package/esm2022/lib/components/profile/profile.component.mjs +135 -134
- package/esm2022/lib/components/proof-of-document-upload/proof-of-document-upload.component.mjs +20 -20
- package/fesm2022/reusa-ngx-reusa-app-lib.mjs +161 -151
- package/fesm2022/reusa-ngx-reusa-app-lib.mjs.map +1 -1
- package/lib/components/address-suggestion/address-suggestion.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -18506,7 +18506,7 @@ const _c5$k = ["focusInput"];
|
|
|
18506
18506
|
const _c6$d = ["editableInput"];
|
|
18507
18507
|
const _c7$9 = ["items"];
|
|
18508
18508
|
const _c8$8 = ["scroller"];
|
|
18509
|
-
const _c9$
|
|
18509
|
+
const _c9$4 = ["overlay"];
|
|
18510
18510
|
const _c10$4 = ["firstHiddenFocusableEl"];
|
|
18511
18511
|
const _c11$3 = ["lastHiddenFocusableEl"];
|
|
18512
18512
|
function Dropdown_span_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -20014,7 +20014,7 @@ class Dropdown {
|
|
|
20014
20014
|
i0.ɵɵviewQuery(_c6$d, 5);
|
|
20015
20015
|
i0.ɵɵviewQuery(_c7$9, 5);
|
|
20016
20016
|
i0.ɵɵviewQuery(_c8$8, 5);
|
|
20017
|
-
i0.ɵɵviewQuery(_c9$
|
|
20017
|
+
i0.ɵɵviewQuery(_c9$4, 5);
|
|
20018
20018
|
i0.ɵɵviewQuery(_c10$4, 5);
|
|
20019
20019
|
i0.ɵɵviewQuery(_c11$3, 5);
|
|
20020
20020
|
} if (rf & 2) {
|
|
@@ -32305,83 +32305,85 @@ function ProfileComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
32305
32305
|
i0.ɵɵadvance(1);
|
|
32306
32306
|
i0.ɵɵproperty("ngIf", ctx_r1.selected == "update-ivr");
|
|
32307
32307
|
} }
|
|
32308
|
-
function
|
|
32309
|
-
i0.ɵɵelementStart(0, "div")
|
|
32310
|
-
i0.ɵɵtext(
|
|
32311
|
-
i0.ɵɵpipe(
|
|
32312
|
-
i0.ɵɵelementEnd()
|
|
32308
|
+
function ProfileComponent_div_3_div_1_ion_col_3_div_15_Template(rf, ctx) { if (rf & 1) {
|
|
32309
|
+
i0.ɵɵelementStart(0, "div");
|
|
32310
|
+
i0.ɵɵtext(1);
|
|
32311
|
+
i0.ɵɵpipe(2, "translate");
|
|
32312
|
+
i0.ɵɵelementEnd();
|
|
32313
32313
|
} if (rf & 2) {
|
|
32314
|
-
i0.ɵɵadvance(
|
|
32315
|
-
i0.ɵɵ
|
|
32314
|
+
i0.ɵɵadvance(1);
|
|
32315
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.start"));
|
|
32316
32316
|
} }
|
|
32317
|
-
function
|
|
32318
|
-
i0.ɵɵelementStart(0, "
|
|
32319
|
-
i0.ɵɵ
|
|
32320
|
-
i0.ɵɵ
|
|
32321
|
-
i0.ɵɵelementStart(4, "td");
|
|
32322
|
-
i0.ɵɵtext(5);
|
|
32317
|
+
function ProfileComponent_div_3_div_1_ion_col_3_mat_error_16_Template(rf, ctx) { if (rf & 1) {
|
|
32318
|
+
i0.ɵɵelementStart(0, "mat-error");
|
|
32319
|
+
i0.ɵɵtext(1);
|
|
32320
|
+
i0.ɵɵpipe(2, "translate");
|
|
32323
32321
|
i0.ɵɵelementEnd();
|
|
32324
|
-
i0.ɵɵelementStart(6, "td");
|
|
32325
|
-
i0.ɵɵtext(7);
|
|
32326
|
-
i0.ɵɵelementEnd()();
|
|
32327
32322
|
} if (rf & 2) {
|
|
32328
|
-
const data_r48 = ctx.$implicit;
|
|
32329
|
-
const expanded_r49 = ctx.expanded;
|
|
32330
|
-
i0.ɵɵadvance(2);
|
|
32331
|
-
i0.ɵɵproperty("pRowToggler", data_r48);
|
|
32332
32323
|
i0.ɵɵadvance(1);
|
|
32333
|
-
i0.ɵɵ
|
|
32334
|
-
i0.ɵɵadvance(2);
|
|
32335
|
-
i0.ɵɵtextInterpolate2(" ", data_r48.effectiveDate, " - ", data_r48.byeDate, " ");
|
|
32336
|
-
i0.ɵɵadvance(2);
|
|
32337
|
-
i0.ɵɵtextInterpolate1(" ", data_r48.entitlementType, " ");
|
|
32324
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.error"));
|
|
32338
32325
|
} }
|
|
32339
|
-
function
|
|
32340
|
-
const
|
|
32341
|
-
i0.ɵɵelementStart(0, "
|
|
32342
|
-
i0.ɵɵelement(
|
|
32326
|
+
function ProfileComponent_div_3_div_1_ion_col_3_Template(rf, ctx) { if (rf & 1) {
|
|
32327
|
+
const _r47 = i0.ɵɵgetCurrentView();
|
|
32328
|
+
i0.ɵɵelementStart(0, "ion-col", 25)(1, "ion-card", 26)(2, "ion-header", 27)(3, "ion-card-title");
|
|
32329
|
+
i0.ɵɵelement(4, "i", 32);
|
|
32330
|
+
i0.ɵɵtext(5);
|
|
32331
|
+
i0.ɵɵpipe(6, "translate");
|
|
32332
|
+
i0.ɵɵelementEnd()();
|
|
32333
|
+
i0.ɵɵelementStart(7, "ion-card-content", 29)(8, "label");
|
|
32334
|
+
i0.ɵɵtext(9);
|
|
32335
|
+
i0.ɵɵpipe(10, "translate");
|
|
32343
32336
|
i0.ɵɵelementEnd();
|
|
32344
|
-
i0.ɵɵelementStart(
|
|
32345
|
-
i0.ɵɵ
|
|
32337
|
+
i0.ɵɵelementStart(11, "ion-button", 33);
|
|
32338
|
+
i0.ɵɵlistener("click", function ProfileComponent_div_3_div_1_ion_col_3_Template_ion_button_click_11_listener() { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r46.getExternalClaimantReport()); });
|
|
32339
|
+
i0.ɵɵelement(12, "ion-icon", 31);
|
|
32340
|
+
i0.ɵɵtext(13);
|
|
32341
|
+
i0.ɵɵpipe(14, "translate");
|
|
32342
|
+
i0.ɵɵelementEnd()()();
|
|
32343
|
+
i0.ɵɵtemplate(15, ProfileComponent_div_3_div_1_ion_col_3_div_15_Template, 3, 3, "div", 5)(16, ProfileComponent_div_3_div_1_ion_col_3_mat_error_16_Template, 3, 3, "mat-error", 5);
|
|
32346
32344
|
i0.ɵɵelementEnd();
|
|
32347
|
-
i0.ɵɵelementStart(9, "ion-row")(10, "ion-button", 36);
|
|
32348
|
-
i0.ɵɵlistener("click", function ProfileComponent_div_3_div_1_ng_template_5_ng_template_2_Template_ion_button_click_10_listener() { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r51.getVerificationReport()); });
|
|
32349
|
-
i0.ɵɵtext(11);
|
|
32350
|
-
i0.ɵɵpipe(12, "translate");
|
|
32351
|
-
i0.ɵɵelementEnd()()()()()()();
|
|
32352
32345
|
} if (rf & 2) {
|
|
32353
|
-
const
|
|
32354
|
-
const ctx_r47 = i0.ɵɵnextContext(4);
|
|
32346
|
+
const ctx_r43 = i0.ɵɵnextContext(3);
|
|
32355
32347
|
i0.ɵɵadvance(5);
|
|
32356
|
-
i0.ɵɵ
|
|
32357
|
-
i0.ɵɵadvance(
|
|
32358
|
-
i0.ɵɵ
|
|
32359
|
-
i0.ɵɵadvance(
|
|
32360
|
-
i0.ɵɵtextInterpolate1("
|
|
32361
|
-
|
|
32362
|
-
|
|
32363
|
-
|
|
32364
|
-
i0.ɵɵ
|
|
32365
|
-
i0.ɵɵtemplate(1, ProfileComponent_div_3_div_1_ng_template_5_ng_template_1_Template, 8, 5, "ng-template", 27)(2, ProfileComponent_div_3_div_1_ng_template_5_ng_template_2_Template, 13, 5, "ng-template", 28);
|
|
32366
|
-
i0.ɵɵelementEnd();
|
|
32367
|
-
} if (rf & 2) {
|
|
32368
|
-
const ctx_r44 = i0.ɵɵnextContext(3);
|
|
32369
|
-
i0.ɵɵproperty("value", ctx_r44.listOfActiveClaim)("rowExpandMode", "single")("tableStyle", i0.ɵɵpureFunction0(3, _c3$j));
|
|
32348
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 5, "profile.proof.of.unemployment.phase.two.label.download.unemployment.claim.report"));
|
|
32349
|
+
i0.ɵɵadvance(4);
|
|
32350
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 7, "profile.proof.of.unemployment.phase.two.overlay.unemployment.claim.report"), " ");
|
|
32351
|
+
i0.ɵɵadvance(4);
|
|
32352
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(14, 9, "profile.proof.of.unemployment.phase.two.button.download.report"), " ");
|
|
32353
|
+
i0.ɵɵadvance(2);
|
|
32354
|
+
i0.ɵɵproperty("ngIf", ctx_r43.downloadStatus == "started");
|
|
32355
|
+
i0.ɵɵadvance(1);
|
|
32356
|
+
i0.ɵɵproperty("ngIf", ctx_r43.downloadStatus == "error");
|
|
32370
32357
|
} }
|
|
32371
32358
|
function ProfileComponent_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
32372
|
-
i0.ɵɵ
|
|
32373
|
-
i0.ɵɵ
|
|
32374
|
-
i0.ɵɵ
|
|
32375
|
-
i0.ɵɵ
|
|
32376
|
-
i0.ɵɵ
|
|
32359
|
+
const _r49 = i0.ɵɵgetCurrentView();
|
|
32360
|
+
i0.ɵɵelementStart(0, "div", 22)(1, "ion-grid", 23)(2, "ion-row");
|
|
32361
|
+
i0.ɵɵtemplate(3, ProfileComponent_div_3_div_1_ion_col_3_Template, 17, 11, "ion-col", 24);
|
|
32362
|
+
i0.ɵɵelementStart(4, "ion-col", 25)(5, "ion-card", 26)(6, "ion-header", 27)(7, "ion-card-title");
|
|
32363
|
+
i0.ɵɵelement(8, "i", 28);
|
|
32364
|
+
i0.ɵɵtext(9);
|
|
32365
|
+
i0.ɵɵpipe(10, "translate");
|
|
32366
|
+
i0.ɵɵelementEnd()();
|
|
32367
|
+
i0.ɵɵelementStart(11, "ion-card-content", 29)(12, "label");
|
|
32368
|
+
i0.ɵɵtext(13);
|
|
32369
|
+
i0.ɵɵpipe(14, "translate");
|
|
32377
32370
|
i0.ɵɵelementEnd();
|
|
32371
|
+
i0.ɵɵelementStart(15, "ion-button", 30);
|
|
32372
|
+
i0.ɵɵlistener("click", function ProfileComponent_div_3_div_1_Template_ion_button_click_15_listener() { i0.ɵɵrestoreView(_r49); const ctx_r48 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r48.redirectLink(".claimantsummaryverification")); });
|
|
32373
|
+
i0.ɵɵelement(16, "ion-icon", 31);
|
|
32374
|
+
i0.ɵɵtext(17);
|
|
32375
|
+
i0.ɵɵpipe(18, "translate");
|
|
32376
|
+
i0.ɵɵelementEnd()()()()()()();
|
|
32378
32377
|
} if (rf & 2) {
|
|
32379
|
-
const _r45 = i0.ɵɵreference(6);
|
|
32380
32378
|
const ctx_r40 = i0.ɵɵnextContext(2);
|
|
32381
|
-
i0.ɵɵadvance(
|
|
32382
|
-
i0.ɵɵ
|
|
32383
|
-
i0.ɵɵadvance(
|
|
32384
|
-
i0.ɵɵ
|
|
32379
|
+
i0.ɵɵadvance(3);
|
|
32380
|
+
i0.ɵɵproperty("ngIf", !ctx_r40.isME());
|
|
32381
|
+
i0.ɵɵadvance(6);
|
|
32382
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 4, "profile.proof.of.unemployment.phase.two.label.summary.unemployment.claim"), "");
|
|
32383
|
+
i0.ɵɵadvance(4);
|
|
32384
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 6, "profile.proof.of.unemployment.phase.two.overlay.summary.unemployment.claim"), " ");
|
|
32385
|
+
i0.ɵɵadvance(4);
|
|
32386
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 8, "profile.proof.of.unemployment.phase.two.button.download.report"), " ");
|
|
32385
32387
|
} }
|
|
32386
32388
|
function ProfileComponent_div_3_ng_template_2_ion_col_2_div_10_Template(rf, ctx) { if (rf & 1) {
|
|
32387
32389
|
i0.ɵɵelementStart(0, "div");
|
|
@@ -32402,15 +32404,15 @@ function ProfileComponent_div_3_ng_template_2_ion_col_2_mat_error_11_Template(rf
|
|
|
32402
32404
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.error"));
|
|
32403
32405
|
} }
|
|
32404
32406
|
function ProfileComponent_div_3_ng_template_2_ion_col_2_Template(rf, ctx) { if (rf & 1) {
|
|
32405
|
-
const
|
|
32406
|
-
i0.ɵɵelementStart(0, "ion-col",
|
|
32407
|
+
const _r54 = i0.ɵɵgetCurrentView();
|
|
32408
|
+
i0.ɵɵelementStart(0, "ion-col", 35)(1, "label");
|
|
32407
32409
|
i0.ɵɵtext(2);
|
|
32408
32410
|
i0.ɵɵpipe(3, "translate");
|
|
32409
32411
|
i0.ɵɵelementEnd();
|
|
32410
32412
|
i0.ɵɵelement(4, "br");
|
|
32411
|
-
i0.ɵɵelementStart(5, "ion-button",
|
|
32412
|
-
i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_ion_col_2_Template_ion_button_click_5_listener() { i0.ɵɵrestoreView(
|
|
32413
|
-
i0.ɵɵelement(6, "ion-icon",
|
|
32413
|
+
i0.ɵɵelementStart(5, "ion-button", 37);
|
|
32414
|
+
i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_ion_col_2_Template_ion_button_click_5_listener() { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r53.getExternalClaimantReport()); });
|
|
32415
|
+
i0.ɵɵelement(6, "ion-icon", 38);
|
|
32414
32416
|
i0.ɵɵtext(7);
|
|
32415
32417
|
i0.ɵɵpipe(8, "translate");
|
|
32416
32418
|
i0.ɵɵelementEnd();
|
|
@@ -32418,27 +32420,27 @@ function ProfileComponent_div_3_ng_template_2_ion_col_2_Template(rf, ctx) { if (
|
|
|
32418
32420
|
i0.ɵɵtemplate(10, ProfileComponent_div_3_ng_template_2_ion_col_2_div_10_Template, 3, 3, "div", 5)(11, ProfileComponent_div_3_ng_template_2_ion_col_2_mat_error_11_Template, 3, 3, "mat-error", 5);
|
|
32419
32421
|
i0.ɵɵelementEnd();
|
|
32420
32422
|
} if (rf & 2) {
|
|
32421
|
-
const
|
|
32423
|
+
const ctx_r50 = i0.ɵɵnextContext(3);
|
|
32422
32424
|
i0.ɵɵadvance(2);
|
|
32423
32425
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, "profile.proof.of.unemployment.label.download.unemployment.claim.report"), " ");
|
|
32424
32426
|
i0.ɵɵadvance(5);
|
|
32425
32427
|
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(8, 6, "profile.proof.of.unemployment.button.external.claimant.report"), " ");
|
|
32426
32428
|
i0.ɵɵadvance(3);
|
|
32427
|
-
i0.ɵɵproperty("ngIf",
|
|
32429
|
+
i0.ɵɵproperty("ngIf", ctx_r50.downloadStatus == "started");
|
|
32428
32430
|
i0.ɵɵadvance(1);
|
|
32429
|
-
i0.ɵɵproperty("ngIf",
|
|
32431
|
+
i0.ɵɵproperty("ngIf", ctx_r50.downloadStatus == "error");
|
|
32430
32432
|
} }
|
|
32431
32433
|
function ProfileComponent_div_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
32432
|
-
const
|
|
32433
|
-
i0.ɵɵelementStart(0, "ion-grid",
|
|
32434
|
-
i0.ɵɵtemplate(2, ProfileComponent_div_3_ng_template_2_ion_col_2_Template, 12, 8, "ion-col",
|
|
32435
|
-
i0.ɵɵelementStart(3, "ion-col",
|
|
32434
|
+
const _r56 = i0.ɵɵgetCurrentView();
|
|
32435
|
+
i0.ɵɵelementStart(0, "ion-grid", 23)(1, "ion-row");
|
|
32436
|
+
i0.ɵɵtemplate(2, ProfileComponent_div_3_ng_template_2_ion_col_2_Template, 12, 8, "ion-col", 34);
|
|
32437
|
+
i0.ɵɵelementStart(3, "ion-col", 35)(4, "label");
|
|
32436
32438
|
i0.ɵɵtext(5);
|
|
32437
32439
|
i0.ɵɵpipe(6, "translate");
|
|
32438
32440
|
i0.ɵɵelementEnd();
|
|
32439
32441
|
i0.ɵɵelement(7, "br");
|
|
32440
|
-
i0.ɵɵelementStart(8, "ion-button",
|
|
32441
|
-
i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_Template_ion_button_click_8_listener() { i0.ɵɵrestoreView(
|
|
32442
|
+
i0.ɵɵelementStart(8, "ion-button", 36);
|
|
32443
|
+
i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_Template_ion_button_click_8_listener() { i0.ɵɵrestoreView(_r56); const ctx_r55 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r55.redirectLink(".claimantsummaryverification")); });
|
|
32442
32444
|
i0.ɵɵtext(9);
|
|
32443
32445
|
i0.ɵɵpipe(10, "translate");
|
|
32444
32446
|
i0.ɵɵelementEnd()()()();
|
|
@@ -32453,7 +32455,7 @@ function ProfileComponent_div_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
32453
32455
|
} }
|
|
32454
32456
|
function ProfileComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
32455
32457
|
i0.ɵɵelementStart(0, "div", 19);
|
|
32456
|
-
i0.ɵɵtemplate(1, ProfileComponent_div_3_div_1_Template,
|
|
32458
|
+
i0.ɵɵtemplate(1, ProfileComponent_div_3_div_1_Template, 19, 10, "div", 20)(2, ProfileComponent_div_3_ng_template_2_Template, 11, 7, "ng-template", null, 21, i0.ɵɵtemplateRefExtractor);
|
|
32457
32459
|
i0.ɵɵelementEnd();
|
|
32458
32460
|
} if (rf & 2) {
|
|
32459
32461
|
const _r42 = i0.ɵɵreference(3);
|
|
@@ -32461,61 +32463,61 @@ function ProfileComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
32461
32463
|
i0.ɵɵadvance(1);
|
|
32462
32464
|
i0.ɵɵproperty("ngIf", ctx_r2.phaseTwoProofOfUIView === "true")("ngIfElse", _r42);
|
|
32463
32465
|
} }
|
|
32464
|
-
const
|
|
32465
|
-
const
|
|
32466
|
+
const _c3$j = a0 => ({ type: a0 });
|
|
32467
|
+
const _c4$j = () => ({ required: "Authcode is required.", minlength: "Authcode should have 6 numbers." });
|
|
32466
32468
|
function ProfileComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
32467
|
-
const
|
|
32468
|
-
i0.ɵɵelementStart(0, "div",
|
|
32469
|
-
i0.ɵɵelement(6, "label",
|
|
32469
|
+
const _r59 = i0.ɵɵgetCurrentView();
|
|
32470
|
+
i0.ɵɵelementStart(0, "div", 39)(1, "form", 40, 41)(3, "ion-row")(4, "div", 42)(5, "ion-row");
|
|
32471
|
+
i0.ɵɵelement(6, "label", 43);
|
|
32470
32472
|
i0.ɵɵpipe(7, "translate");
|
|
32471
32473
|
i0.ɵɵelementEnd();
|
|
32472
32474
|
i0.ɵɵelementStart(8, "ion-row")(9, "ion-col");
|
|
32473
|
-
i0.ɵɵelement(10, "p-inputMask",
|
|
32475
|
+
i0.ɵɵelement(10, "p-inputMask", 44)(11, "app-error", 45);
|
|
32474
32476
|
i0.ɵɵelementEnd();
|
|
32475
|
-
i0.ɵɵelementStart(12, "ion-col")(13, "ion-button",
|
|
32476
|
-
i0.ɵɵlistener("click", function ProfileComponent_div_4_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(
|
|
32477
|
+
i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 46);
|
|
32478
|
+
i0.ɵɵlistener("click", function ProfileComponent_div_4_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(_r59); const ctx_r58 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r58.verify()); });
|
|
32477
32479
|
i0.ɵɵtext(14);
|
|
32478
32480
|
i0.ɵɵpipe(15, "translate");
|
|
32479
32481
|
i0.ɵɵelementEnd()()()()()()();
|
|
32480
32482
|
} if (rf & 2) {
|
|
32481
|
-
const
|
|
32483
|
+
const _r57 = i0.ɵɵreference(2);
|
|
32482
32484
|
const ctx_r3 = i0.ɵɵnextContext();
|
|
32483
32485
|
i0.ɵɵadvance(1);
|
|
32484
32486
|
i0.ɵɵproperty("formGroup", ctx_r3.otpForm);
|
|
32485
32487
|
i0.ɵɵadvance(5);
|
|
32486
|
-
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 7, "profile.contact.details.label.otp", i0.ɵɵpureFunction1(12,
|
|
32488
|
+
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 7, "profile.contact.details.label.otp", i0.ɵɵpureFunction1(12, _c3$j, ctx_r3.type)), i0.ɵɵsanitizeHtml);
|
|
32487
32489
|
i0.ɵɵadvance(4);
|
|
32488
32490
|
i0.ɵɵproperty("autoFocus", true);
|
|
32489
32491
|
i0.ɵɵadvance(1);
|
|
32490
|
-
i0.ɵɵproperty("field", ctx_r3.otp)("form",
|
|
32492
|
+
i0.ɵɵproperty("field", ctx_r3.otp)("form", _r57)("errDef", i0.ɵɵpureFunction0(14, _c4$j));
|
|
32491
32493
|
i0.ɵɵadvance(3);
|
|
32492
32494
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 10, "profile.contact.details.button.verify"));
|
|
32493
32495
|
} }
|
|
32494
|
-
const
|
|
32495
|
-
const
|
|
32496
|
+
const _c5$d = a0 => ({ securityQuestionToAsk: a0 });
|
|
32497
|
+
const _c6$7 = () => ({ required: "Security Answer is required." });
|
|
32496
32498
|
function ProfileComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
32497
|
-
const
|
|
32498
|
-
i0.ɵɵelementStart(0, "div",
|
|
32499
|
-
i0.ɵɵelement(6, "label",
|
|
32499
|
+
const _r62 = i0.ɵɵgetCurrentView();
|
|
32500
|
+
i0.ɵɵelementStart(0, "div", 39)(1, "form", 40, 47)(3, "ion-row")(4, "div", 42)(5, "ion-row");
|
|
32501
|
+
i0.ɵɵelement(6, "label", 48);
|
|
32500
32502
|
i0.ɵɵpipe(7, "translate");
|
|
32501
32503
|
i0.ɵɵelementEnd();
|
|
32502
32504
|
i0.ɵɵelementStart(8, "ion-row")(9, "ion-col");
|
|
32503
|
-
i0.ɵɵelement(10, "input",
|
|
32505
|
+
i0.ɵɵelement(10, "input", 49)(11, "app-error", 45);
|
|
32504
32506
|
i0.ɵɵelementEnd();
|
|
32505
|
-
i0.ɵɵelementStart(12, "ion-col")(13, "ion-button",
|
|
32506
|
-
i0.ɵɵlistener("click", function ProfileComponent_div_5_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(
|
|
32507
|
+
i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 46);
|
|
32508
|
+
i0.ɵɵlistener("click", function ProfileComponent_div_5_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(_r62); const ctx_r61 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r61.verifySecurityQuestion()); });
|
|
32507
32509
|
i0.ɵɵtext(14);
|
|
32508
32510
|
i0.ɵɵpipe(15, "translate");
|
|
32509
32511
|
i0.ɵɵelementEnd()()()()()()();
|
|
32510
32512
|
} if (rf & 2) {
|
|
32511
|
-
const
|
|
32513
|
+
const _r60 = i0.ɵɵreference(2);
|
|
32512
32514
|
const ctx_r4 = i0.ɵɵnextContext();
|
|
32513
32515
|
i0.ɵɵadvance(1);
|
|
32514
32516
|
i0.ɵɵproperty("formGroup", ctx_r4.securityQuestionForm);
|
|
32515
32517
|
i0.ɵɵadvance(5);
|
|
32516
|
-
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 6, "profile.contact.details.label.securityQuestion", i0.ɵɵpureFunction1(11,
|
|
32518
|
+
i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 6, "profile.contact.details.label.securityQuestion", i0.ɵɵpureFunction1(11, _c5$d, ctx_r4.securityQuestionToAsk)), i0.ɵɵsanitizeHtml);
|
|
32517
32519
|
i0.ɵɵadvance(5);
|
|
32518
|
-
i0.ɵɵproperty("field", ctx_r4.securityQuestionAnswer)("form",
|
|
32520
|
+
i0.ɵɵproperty("field", ctx_r4.securityQuestionAnswer)("form", _r60)("errDef", i0.ɵɵpureFunction0(13, _c6$7));
|
|
32519
32521
|
i0.ɵɵadvance(3);
|
|
32520
32522
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 9, "profile.contact.details.button.verify"));
|
|
32521
32523
|
} }
|
|
@@ -32529,7 +32531,7 @@ function ProfileComponent_mat_error_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
32529
32531
|
i0.ɵɵtextInterpolate(ctx_r5.errorDtls);
|
|
32530
32532
|
} }
|
|
32531
32533
|
function ProfileComponent_ion_label_7_Template(rf, ctx) { if (rf & 1) {
|
|
32532
|
-
i0.ɵɵelementStart(0, "ion-label",
|
|
32534
|
+
i0.ɵɵelementStart(0, "ion-label", 50);
|
|
32533
32535
|
i0.ɵɵtext(1);
|
|
32534
32536
|
i0.ɵɵelement(2, "br");
|
|
32535
32537
|
i0.ɵɵelementEnd();
|
|
@@ -32539,8 +32541,8 @@ function ProfileComponent_ion_label_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
32539
32541
|
i0.ɵɵtextInterpolate(ctx_r6.successDtls);
|
|
32540
32542
|
} }
|
|
32541
32543
|
function ProfileComponent_div_8_Template(rf, ctx) { if (rf & 1) {
|
|
32542
|
-
i0.ɵɵelementStart(0, "div")(1, "div",
|
|
32543
|
-
i0.ɵɵelement(2, "ion-icon",
|
|
32544
|
+
i0.ɵɵelementStart(0, "div")(1, "div", 51);
|
|
32545
|
+
i0.ɵɵelement(2, "ion-icon", 52);
|
|
32544
32546
|
i0.ɵɵelementStart(3, "h1");
|
|
32545
32547
|
i0.ɵɵtext(4);
|
|
32546
32548
|
i0.ɵɵpipe(5, "translate");
|
|
@@ -32555,9 +32557,9 @@ function ProfileComponent_div_9_section_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
32555
32557
|
i0.ɵɵpipe(3, "translate");
|
|
32556
32558
|
i0.ɵɵelementEnd()();
|
|
32557
32559
|
} if (rf & 2) {
|
|
32558
|
-
const
|
|
32560
|
+
const ctx_r63 = i0.ɵɵnextContext(2);
|
|
32559
32561
|
i0.ɵɵadvance(2);
|
|
32560
|
-
i0.ɵɵtextInterpolate(
|
|
32562
|
+
i0.ɵɵtextInterpolate(ctx_r63.errorText ? ctx_r63.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
|
|
32561
32563
|
} }
|
|
32562
32564
|
function ProfileComponent_div_9_section_4_Template(rf, ctx) { if (rf & 1) {
|
|
32563
32565
|
i0.ɵɵelementStart(0, "section")(1, "h1");
|
|
@@ -32565,13 +32567,13 @@ function ProfileComponent_div_9_section_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
32565
32567
|
i0.ɵɵpipe(3, "translate");
|
|
32566
32568
|
i0.ɵɵelementEnd()();
|
|
32567
32569
|
} if (rf & 2) {
|
|
32568
|
-
const
|
|
32570
|
+
const ctx_r64 = i0.ɵɵnextContext(2);
|
|
32569
32571
|
i0.ɵɵadvance(2);
|
|
32570
|
-
i0.ɵɵtextInterpolate(
|
|
32572
|
+
i0.ɵɵtextInterpolate(ctx_r64.errorText ? ctx_r64.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
|
|
32571
32573
|
} }
|
|
32572
32574
|
function ProfileComponent_div_9_Template(rf, ctx) { if (rf & 1) {
|
|
32573
|
-
i0.ɵɵelementStart(0, "div")(1, "div",
|
|
32574
|
-
i0.ɵɵelement(2, "ion-icon",
|
|
32575
|
+
i0.ɵɵelementStart(0, "div")(1, "div", 51);
|
|
32576
|
+
i0.ɵɵelement(2, "ion-icon", 53);
|
|
32575
32577
|
i0.ɵɵtemplate(3, ProfileComponent_div_9_section_3_Template, 4, 3, "section", 5)(4, ProfileComponent_div_9_section_4_Template, 4, 3, "section", 5);
|
|
32576
32578
|
i0.ɵɵelementEnd()();
|
|
32577
32579
|
} if (rf & 2) {
|
|
@@ -32582,31 +32584,31 @@ function ProfileComponent_div_9_Template(rf, ctx) { if (rf & 1) {
|
|
|
32582
32584
|
i0.ɵɵproperty("ngIf", !ctx_r8.isMS());
|
|
32583
32585
|
} }
|
|
32584
32586
|
function ProfileComponent_ng_template_10_ion_button_10_Template(rf, ctx) { if (rf & 1) {
|
|
32585
|
-
const
|
|
32586
|
-
i0.ɵɵelementStart(0, "ion-button",
|
|
32587
|
-
i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_ion_button_10_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
32587
|
+
const _r67 = i0.ɵɵgetCurrentView();
|
|
32588
|
+
i0.ɵɵelementStart(0, "ion-button", 59);
|
|
32589
|
+
i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_ion_button_10_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r67); const ctx_r66 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r66.save()); });
|
|
32588
32590
|
i0.ɵɵtext(1);
|
|
32589
32591
|
i0.ɵɵpipe(2, "translate");
|
|
32590
32592
|
i0.ɵɵelementEnd();
|
|
32591
32593
|
} if (rf & 2) {
|
|
32592
|
-
const
|
|
32593
|
-
i0.ɵɵproperty("disabled",
|
|
32594
|
+
const ctx_r65 = i0.ɵɵnextContext(2);
|
|
32595
|
+
i0.ɵɵproperty("disabled", ctx_r65.isOtpSent == true || ctx_r65.displaySecurityQuestion == true);
|
|
32594
32596
|
i0.ɵɵadvance(1);
|
|
32595
32597
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "profile.button.save"));
|
|
32596
32598
|
} }
|
|
32597
32599
|
function ProfileComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
|
|
32598
|
-
const
|
|
32599
|
-
i0.ɵɵelementStart(0, "ion-grid")(1, "ion-row")(2, "ion-col",
|
|
32600
|
-
i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(
|
|
32600
|
+
const _r69 = i0.ɵɵgetCurrentView();
|
|
32601
|
+
i0.ɵɵelementStart(0, "ion-grid")(1, "ion-row")(2, "ion-col", 54)(3, "ion-button", 55);
|
|
32602
|
+
i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(_r69); const ctx_r68 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r68.logout()); });
|
|
32601
32603
|
i0.ɵɵtext(4);
|
|
32602
32604
|
i0.ɵɵpipe(5, "translate");
|
|
32603
32605
|
i0.ɵɵelementEnd()();
|
|
32604
|
-
i0.ɵɵelementStart(6, "ion-col",
|
|
32605
|
-
i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(
|
|
32606
|
+
i0.ɵɵelementStart(6, "ion-col", 56)(7, "ion-button", 57);
|
|
32607
|
+
i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(_r69); const ctx_r70 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r70.cancel()); });
|
|
32606
32608
|
i0.ɵɵtext(8);
|
|
32607
32609
|
i0.ɵɵpipe(9, "translate");
|
|
32608
32610
|
i0.ɵɵelementEnd();
|
|
32609
|
-
i0.ɵɵtemplate(10, ProfileComponent_ng_template_10_ion_button_10_Template, 3, 4, "ion-button",
|
|
32611
|
+
i0.ɵɵtemplate(10, ProfileComponent_ng_template_10_ion_button_10_Template, 3, 4, "ion-button", 58);
|
|
32610
32612
|
i0.ɵɵelementEnd()()();
|
|
32611
32613
|
} if (rf & 2) {
|
|
32612
32614
|
const ctx_r9 = i0.ɵɵnextContext();
|
|
@@ -32617,8 +32619,8 @@ function ProfileComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
|
|
|
32617
32619
|
i0.ɵɵadvance(2);
|
|
32618
32620
|
i0.ɵɵproperty("ngIf", !(ctx_r9.showSuccess || ctx_r9.showError) && ctx_r9.selected != "proof-of-unemployment");
|
|
32619
32621
|
} }
|
|
32620
|
-
const
|
|
32621
|
-
const
|
|
32622
|
+
const _c7$5 = () => ({ width: "60vw" });
|
|
32623
|
+
const _c8$5 = () => ({ "1024px": "75vw", "768px": "85vw", "640px": "100vw" });
|
|
32622
32624
|
class ProfileComponent extends BasePage {
|
|
32623
32625
|
constructor(logger, ls, cs, bs, claimService, nav, ss, util, formbuilder, titleService, modalCtrl) {
|
|
32624
32626
|
super();
|
|
@@ -32982,13 +32984,13 @@ class ProfileComponent extends BasePage {
|
|
|
32982
32984
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fb = _t.first);
|
|
32983
32985
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.otpFormDirective = _t.first);
|
|
32984
32986
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.securityQuestionFormDirective = _t.first);
|
|
32985
|
-
} }, inputs: { form: "form", question: "question" }, outputs: { onCancel: "onCancel", accepted: "accepted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 13, consts: [["visible", "true", "modal", "true", "appendTo", "body", "position", "top", 3, "breakpoints"], ["pTemplate", "header"], ["style", "margin-left: -8px;", 4, "ngIf"], ["class", "proof-of-unemployment", 4, "ngIf"], ["style", "margin-top: -90px;", 4, "ngIf"], [4, "ngIf"], ["style", "color: var(--ion-color-green)", 4, "ngIf"], ["pTemplate", "footer"], [1, "ion-text-left", "heading", 2, "padding-left", "24px"], [2, "font-size", "16px"], ["styleClass", "ion-padding-start", "optionLabel", "text", "optionValue", "value", 3, "options", "ngModel", "ngModelChange", "onOptionClick", 4, "ngIf"], ["styleClass", "ion-padding-start", "optionLabel", "text", "optionValue", "value", 3, "options", "ngModel", "ngModelChange", "onOptionClick"], [2, "margin-left", "-8px"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete", 4, "ngIf"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete"], ["fb", ""], ["class", "error-banner", 4, "ngIf"], [1, "error-banner"], ["name", "alert-circle-outline", 2, "color", "var(--ion-color-danger)", "font-size", "18px", "margin-right", "8px"], [1, "proof-of-unemployment"], ["style", "padding: 0px 1rem", 4, "ngIf", "ngIfElse"], ["nonPhraseTwoView", ""], [2, "padding", "0px 1rem"], [2, "
|
|
32987
|
+
} }, inputs: { form: "form", question: "question" }, outputs: { onCancel: "onCancel", accepted: "accepted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 13, consts: [["visible", "true", "modal", "true", "appendTo", "body", "position", "top", 3, "breakpoints"], ["pTemplate", "header"], ["style", "margin-left: -8px;", 4, "ngIf"], ["class", "proof-of-unemployment", 4, "ngIf"], ["style", "margin-top: -90px;", 4, "ngIf"], [4, "ngIf"], ["style", "color: var(--ion-color-green)", 4, "ngIf"], ["pTemplate", "footer"], [1, "ion-text-left", "heading", 2, "padding-left", "24px"], [2, "font-size", "16px"], ["styleClass", "ion-padding-start", "optionLabel", "text", "optionValue", "value", 3, "options", "ngModel", "ngModelChange", "onOptionClick", 4, "ngIf"], ["styleClass", "ion-padding-start", "optionLabel", "text", "optionValue", "value", 3, "options", "ngModel", "ngModelChange", "onOptionClick"], [2, "margin-left", "-8px"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete", 4, "ngIf"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete"], ["fb", ""], ["class", "error-banner", 4, "ngIf"], [1, "error-banner"], ["name", "alert-circle-outline", 2, "color", "var(--ion-color-danger)", "font-size", "18px", "margin-right", "8px"], [1, "proof-of-unemployment"], ["style", "padding: 0px 1rem", 4, "ngIf", "ngIfElse"], ["nonPhraseTwoView", ""], [2, "padding", "0px 1rem"], [2, "margin-top", "15px"], ["class", "flex align-items-center flex-column", "layout", "row", "style", "margin:3px;", 4, "ngIf"], ["layout", "row", 1, "flex", "align-items-center", "flex-column", 2, "margin", "3px"], [1, "p-4", 2, "height", "100%"], [2, "box-shadow", "0 0 0 0"], [1, "pi", "pi-check-circle", 2, "color", "var(--ion-color-primary)", "font-size", "30px"], [1, "pl-0", "pr-0", "flex", "align-items-center", "flex-column", 2, "height", "100%", "justify-content", "space-between"], ["shape", "round", 1, "Claimant-summary-ver-btn", 2, "padding-bottom", "30px", 3, "click"], ["name", "download-outline", 1, "pr-1", "pb-1"], [1, "pi", "pi-file", 2, "color", "var(--ion-color-primary)", "font-size", "30px"], ["shape", "round", 1, "Claimant-report-btn", 2, "padding-bottom", "30px", 3, "click"], ["layout", "row", "style", "margin:3px;", 4, "ngIf"], ["layout", "row", 2, "margin", "3px"], ["shape", "round", "fill", "outline", 1, "Claimant-summary-ver-btn", 3, "click"], ["shape", "round", "fill", "outline", 1, "Claimant-report-btn", 3, "click"], ["name", "download-outline"], [2, "margin-top", "-90px"], [3, "formGroup"], ["otpFormDirective", "ngForm"], [1, "p-fluid", "p-formgrid"], ["for", "otp", 3, "innerHTML"], ["formControlName", "otp", "mask", "999999", "size", "6", "maxlength", "6", "minlength", "6", "title", "Enter Authcode", 3, "autoFocus"], [3, "field", "form", "errDef"], ["shape", "round", "type", "submit", 3, "click"], ["securityQuestionFormDirective", "ngForm"], ["for", "securityQuestionAnswer", 3, "innerHTML"], ["pInputText", "", "formControlName", "securityQuestionAnswer", "size", "30", "maxlength", "30", "title", "Security Answer"], [2, "color", "var(--ion-color-green)"], [1, "ion-text-center", "ion-padding-top"], ["name", "checkmark-circle", 2, "font-size", "80px", "color", "var(--ion-color-green)"], ["name", "close-circle-outline", 2, "font-size", "80px", "color", "var(--ion-color-danger)"], ["size", "12", "sizeXl", "4", "sizeLg", "4", "sizeMd", "5", 1, "ion-text-left"], ["shape", "round", "fill", "outline", "type", "button", 3, "click"], ["size", "12", "sizeXl", "8", "sizeLg", "8", "sizeMd", "7", 1, "ion-text-right"], ["shape", "round", "fill", "outline", "type", "reset", 3, "click"], ["shape", "round", "type", "submit", 3, "disabled", "click", 4, "ngIf"], ["shape", "round", "type", "submit", 3, "disabled", "click"]], template: function ProfileComponent_Template(rf, ctx) { if (rf & 1) {
|
|
32986
32988
|
i0.ɵɵelementStart(0, "p-dialog", 0);
|
|
32987
32989
|
i0.ɵɵtemplate(1, ProfileComponent_ng_template_1_Template, 11, 6, "ng-template", 1)(2, ProfileComponent_div_2_Template, 5, 4, "div", 2)(3, ProfileComponent_div_3_Template, 4, 2, "div", 3)(4, ProfileComponent_div_4_Template, 16, 15, "div", 4)(5, ProfileComponent_div_5_Template, 16, 14, "div", 4)(6, ProfileComponent_mat_error_6_Template, 2, 1, "mat-error", 5)(7, ProfileComponent_ion_label_7_Template, 3, 1, "ion-label", 6)(8, ProfileComponent_div_8_Template, 6, 3, "div", 5)(9, ProfileComponent_div_9_Template, 5, 2, "div", 5)(10, ProfileComponent_ng_template_10_Template, 11, 7, "ng-template", 7);
|
|
32988
32990
|
i0.ɵɵelementEnd();
|
|
32989
32991
|
} if (rf & 2) {
|
|
32990
|
-
i0.ɵɵstyleMap(i0.ɵɵpureFunction0(11,
|
|
32991
|
-
i0.ɵɵproperty("breakpoints", i0.ɵɵpureFunction0(12,
|
|
32992
|
+
i0.ɵɵstyleMap(i0.ɵɵpureFunction0(11, _c7$5));
|
|
32993
|
+
i0.ɵɵproperty("breakpoints", i0.ɵɵpureFunction0(12, _c8$5));
|
|
32992
32994
|
i0.ɵɵadvance(2);
|
|
32993
32995
|
i0.ɵɵproperty("ngIf", !(ctx.showSuccess || ctx.showError));
|
|
32994
32996
|
i0.ɵɵadvance(1);
|
|
@@ -33005,11 +33007,11 @@ class ProfileComponent extends BasePage {
|
|
|
33005
33007
|
i0.ɵɵproperty("ngIf", ctx.showSuccess);
|
|
33006
33008
|
i0.ɵɵadvance(1);
|
|
33007
33009
|
i0.ɵɵproperty("ngIf", ctx.showError);
|
|
33008
|
-
} }, dependencies: [i4.IonButton, i4.IonCol, i4.IonGrid, i4.IonIcon, i4.IonLabel, i4.IonRow, i5$1.
|
|
33010
|
+
} }, dependencies: [i4.IonButton, i4.IonCard, i4.IonCardContent, i4.IonCardTitle, i4.IonCol, i4.IonGrid, i4.IonHeader, i4.IonIcon, i4.IonLabel, i4.IonRow, i5$1.NgIf, i6.PrimeTemplate, i7$2.MatError, i1$4.ɵNgNoValidate, i1$4.DefaultValueAccessor, i1$4.NgControlStatus, i1$4.NgControlStatusGroup, i1$4.MinLengthValidator, i1$4.MaxLengthValidator, i1$4.FormGroupDirective, i1$4.FormControlName, i1$4.NgModel, i6$3.Dialog, i17.InputText, i18.InputMask, i21.SelectButton, ErrorComponent, FormBuilderPage, i3$1.TranslatePipe], styles: ["ion-col[_ngcontent-%COMP%]{margin-left:0!important}.Claimant-report-btn[_ngcontent-%COMP%]{margin-inline-end:3%}.proof-unemployment-btn-label[_ngcontent-%COMP%]{margin-bottom:3px}.error-banner[_ngcontent-%COMP%]{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.seperate-row[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child{border-right:none}.seperate-row[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}"] }); }
|
|
33009
33011
|
}
|
|
33010
33012
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileComponent, [{
|
|
33011
33013
|
type: Component,
|
|
33012
|
-
args: [{ selector: 'app-profile', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\"\r\n [breakpoints]=\"{'1024px': '75vw', '768px': '85vw', '640px': '100vw'}\" [style]=\"{width: '60vw'}\" position=\"top\">\r\n <ng-template pTemplate=\"header\">\r\n <ion-grid>\r\n <ion-row>\r\n <ion-col class=\"ion-text-left heading\" style=\"padding-left: 24px;\">\r\n {{\"Your Account\" | translate}} <span style=\"font-size: 16px;\">(CLAIMANT ID\r\n {{ls.getUser().claimantId}})</span>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col>\r\n <p-selectButton *ngIf=\"!isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOpts\" optionLabel=\"text\"\r\n optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n </p-selectButton>\r\n <p-selectButton *ngIf=\"isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOptsIVR\" optionLabel=\"text\"\r\n optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n </p-selectButton>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </ng-template>\r\n <div *ngIf=\"!(showSuccess || showError)\" style=\"margin-left: -8px;\">\r\n <app-form-builder #fb *ngIf=\"selected == 'personal-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n </app-form-builder>\r\n <div *ngIf=\"selected == 'contact-details'\">\r\n <div *ngIf=\"showInlineError && selected === 'contact-details'\" class=\"error-banner\">\r\n <ion-icon name=\"alert-circle-outline\" style=\"color: var(--ion-color-danger); font-size: 18px; margin-right: 8px;\"></ion-icon>\r\n <span>{{ errorText }}</span>\r\n </div>\r\n <app-form-builder #fb *ngIf=\"selected == 'contact-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n </app-form-builder>\r\n </div>\r\n <app-form-builder #fb *ngIf=\"selected == 'payment-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n </app-form-builder>\r\n <app-form-builder #fb *ngIf=\"selected == 'update-ivr'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n </app-form-builder>\r\n </div>\r\n <div class=\"proof-of-unemployment\" *ngIf=\"selected == 'proof-of-unemployment'\">\r\n <div *ngIf=\"phaseTwoProofOfUIView==='true';else nonPhraseTwoView\" style=\"padding: 0px 1rem\">\r\n <h2 style=\"font-family: 'Open Sans, Light';\">\r\n {{ \"profile.proof.of.unemployment.label.proof.of.unemployment.pay\"| translate}}\r\n </h2>\r\n <div *ngIf=\"!listOfActiveClaim || listOfActiveClaim.length === 0; else activeClaimTable\">\r\n <h3 style=\"font-family: 'Open Sans, Light';\">\r\n {{\"profile.proof.of.unemployment.label.no.active.claim\"| translate}}\r\n </h3>\r\n </div>\r\n <ng-template #activeClaimTable>\r\n <p-table [value]=\"listOfActiveClaim\" dataKey=\"claimId\" [rowExpandMode]=\"'single'\" styleClass=\"seperate-row\" class=\"seperate-row\"\r\n [tableStyle]=\"{'border-collapse': 'separate','border-spacing': '0 8px'}\"\r\n >\r\n <ng-template pTemplate=\"body\" let-data let-expanded=\"expanded\">\r\n <tr>\r\n <td>\r\n <a href=\"#\" [pRowToggler]=\"data\">\r\n <i [ngClass]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\" style=\"font-size: 1.5rem;\"></i>\r\n </a> \r\n <td >\r\n {{data.effectiveDate}} - {{data.byeDate}}\r\n </td>\r\n <td>\r\n {{data.entitlementType}}\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"rowexpansion\" let-data>\r\n <tr>\r\n <td colspan=\"7\" style=\" border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;\">\r\n <ion-grid>\r\n <ion-row>\r\n <ion-col style=\"display: flex;justify-content: center;\">\r\n <img [src]=\"docFileLink\" height='500px' width='420px'/>\r\n </ion-col>\r\n <ion-col style=\"display: flex;flex-direction: column;justify-content: space-between;\">\r\n <ion-row >\r\n <span [innerHTML]=\"data.description\" style=\"font-size: 19px;\"></span>\r\n </ion-row>\r\n <ion-row>\r\n \r\n <ion-button fill=\"outline\" shape=\"round\" style=\"padding-inline-end: 2rem;\" (click)=\"getVerificationReport()\">\r\n {{ \"profile.proof.of.unemployment.button.download.report\"| translate}}\r\n </ion-button>\r\n </ion-row>\r\n </ion-col>\r\n </ion-row>\r\n \r\n </ion-grid>\r\n \r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </ng-template>\r\n </div>\r\n <ng-template #nonPhraseTwoView>\r\n <ion-grid style=\"margin-top: 15px;\">\r\n <ion-row>\r\n <ion-col *ngIf=\"!isME()\" layout=\"row\" style = \"margin:3px;\">\r\n <label>\r\n {{ \"profile.proof.of.unemployment.label.download.unemployment.claim.report\"| translate}}\r\n </label>\r\n <br>\r\n <ion-button shape=\"round\" fill=\"outline\" (click)=\"getExternalClaimantReport()\"\r\n class=\"Claimant-report-btn\">\r\n <ion-icon name=\"download-outline\"></ion-icon>{{ \"profile.proof.of.unemployment.button.external.claimant.report\"| translate}}\r\n </ion-button>\r\n <br>\r\n <div *ngIf=\"downloadStatus=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n <mat-error *ngIf=\"downloadStatus=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n </ion-col>\r\n <ion-col layout=\"row\" style = \"margin:3px;\">\r\n <label>\r\n {{ \"profile.proof.of.unemployment.label.summary.unemployment.claim\"| translate}}\r\n </label>\r\n <br>\r\n <ion-button shape=\"round\" fill=\"outline\" (click)=\"redirectLink('.claimantsummaryverification')\"\r\n class=\"Claimant-summary-ver-btn\">{{ \"profile.proof.of.unemployment.button.unemployment.verification\"| translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </ng-template>\r\n </div>\r\n <div *ngIf=\"isMS() && selected == 'contact-details' && isOtpSent == true\" style=\"margin-top: -90px;\">\r\n <form [formGroup]=\"otpForm\" #otpFormDirective=\"ngForm\">\r\n <ion-row>\r\n <div class=\"p-fluid p-formgrid\">\r\n <ion-row>\r\n <label for=\"otp\" [innerHTML]=\"'profile.contact.details.label.otp' | translate:{ type: type }\"></label>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col>\r\n <p-inputMask formControlName=\"otp\" mask=\"999999\" size=\"6\" maxlength=\"6\" minlength=\"6\"\r\n [autoFocus]='true' title='Enter Authcode'></p-inputMask>\r\n <app-error [field]='otp' [form]=\"otpFormDirective\" [errDef]=\"{ \r\n required: 'Authcode is required.',\r\n minlength: 'Authcode should have 6 numbers.'\r\n }\"></app-error>\r\n </ion-col>\r\n <ion-col>\r\n <ion-button shape=\"round\" type=\"submit\" (click)=\"verify()\">{{ \"profile.contact.details.button.verify\"| translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </div>\r\n </ion-row>\r\n </form>\r\n </div>\r\n <div *ngIf=\"isME() && selected == 'contact-details' && displaySecurityQuestion == true\" style=\"margin-top: -90px;\">\r\n <form [formGroup]=\"securityQuestionForm\" #securityQuestionFormDirective=\"ngForm\">\r\n <ion-row>\r\n <div class=\"p-fluid p-formgrid\">\r\n <ion-row>\r\n <label for=\"securityQuestionAnswer\" [innerHTML]=\"'profile.contact.details.label.securityQuestion' | translate:{ securityQuestionToAsk: securityQuestionToAsk }\"></label>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col>\r\n \t<input pInputText formControlName=\"securityQuestionAnswer\" size=\"30\" maxlength=\"30\" title=\"Security Answer\" />\r\n <app-error [field]='securityQuestionAnswer' [form]=\"securityQuestionFormDirective\" [errDef]=\"{ \r\n required: 'Security Answer is required.'\r\n }\"></app-error>\r\n </ion-col>\r\n <ion-col>\r\n <ion-button shape=\"round\" type=\"submit\" (click)=\"verifySecurityQuestion()\">{{ \"profile.contact.details.button.verify\"| translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </div>\r\n </ion-row>\r\n </form>\r\n </div>\r\n <mat-error *ngIf=\"errorDtls\">{{errorDtls}}</mat-error>\r\n <ion-label *ngIf=\"successDtls\" style=\"color: var(--ion-color-green)\">{{successDtls}}<br /></ion-label>\r\n\r\n <div *ngIf=\"showSuccess\">\r\n <div class=\"ion-text-center ion-padding-top\">\r\n <ion-icon name=\"checkmark-circle\" style=\"font-size: 80px; color: var(--ion-color-green);\"></ion-icon>\r\n <h1>{{ \"profile.banner.success\"| translate}}</h1>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"showError\">\r\n <div class=\"ion-text-center ion-padding-top\">\r\n <ion-icon name=\"close-circle-outline\" style=\"font-size: 80px; color: var(--ion-color-danger);\"></ion-icon>\r\n <section *ngIf=\"isMS()\">\r\n <h1>{{ errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n </section>\r\n <section *ngIf=\"!isMS()\">\r\n <h1>{{errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n </section>\r\n </div>\r\n </div>\r\n <ng-template pTemplate=\"footer\">\r\n <ion-grid>\r\n <ion-row>\r\n <ion-col class=\"ion-text-left\" size=\"12\" sizeXl=\"4\" sizeLg=\"4\" sizeMd=\"5\">\r\n <ion-button shape=\"round\" fill=\"outline\" type=\"button\" (click)=\"logout()\">{{ \"profile.button.logout\"| translate}}</ion-button>\r\n </ion-col>\r\n <ion-col class=\"ion-text-right\" size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"7\">\r\n <ion-button shape=\"round\" fill=\"outline\" type=\"reset\" (click)=\"cancel()\">{{ \"profile.button.close\"| translate}}</ion-button>\r\n <ion-button shape=\"round\" type=\"submit\" (click)=\"save()\" *ngIf=\"!(showSuccess || showError) && selected!='proof-of-unemployment'\"\r\n [disabled]=\"isOtpSent== true || displaySecurityQuestion== true\">{{ \"profile.button.save\"| translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </ng-template>\r\n</p-dialog>", styles: ["ion-col{margin-left:0!important}.Claimant-report-btn{margin-inline-end:3%}.proof-unemployment-btn-label{margin-bottom:3px}.error-banner{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.seperate-row td:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row td:first-child{border-right:none}.seperate-row td:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row td{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}\n"] }]
|
|
33014
|
+
args: [{ selector: 'app-profile', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\"\r\n [breakpoints]=\"{'1024px': '75vw', '768px': '85vw', '640px': '100vw'}\" [style]=\"{width: '60vw'}\" position=\"top\">\r\n <ng-template pTemplate=\"header\">\r\n <ion-grid>\r\n <ion-row>\r\n <ion-col class=\"ion-text-left heading\" style=\"padding-left: 24px;\">\r\n {{\"Your Account\" | translate}} <span style=\"font-size: 16px;\">(CLAIMANT ID\r\n {{ls.getUser().claimantId}})</span>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col>\r\n <p-selectButton *ngIf=\"!isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOpts\" optionLabel=\"text\"\r\n optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n </p-selectButton>\r\n <p-selectButton *ngIf=\"isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOptsIVR\" optionLabel=\"text\"\r\n optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n </p-selectButton>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </ng-template>\r\n <div *ngIf=\"!(showSuccess || showError)\" style=\"margin-left: -8px;\">\r\n <app-form-builder #fb *ngIf=\"selected == 'personal-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n </app-form-builder>\r\n <div *ngIf=\"selected == 'contact-details'\">\r\n <div *ngIf=\"showInlineError && selected === 'contact-details'\" class=\"error-banner\">\r\n <ion-icon name=\"alert-circle-outline\" style=\"color: var(--ion-color-danger); font-size: 18px; margin-right: 8px;\"></ion-icon>\r\n <span>{{ errorText }}</span>\r\n </div>\r\n <app-form-builder #fb *ngIf=\"selected == 'contact-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n </app-form-builder>\r\n </div>\r\n <app-form-builder #fb *ngIf=\"selected == 'payment-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n </app-form-builder>\r\n <app-form-builder #fb *ngIf=\"selected == 'update-ivr'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n </app-form-builder>\r\n </div>\r\n <div class=\"proof-of-unemployment\" *ngIf=\"selected == 'proof-of-unemployment'\">\r\n <div *ngIf=\"phaseTwoProofOfUIView==='true';else nonPhraseTwoView\" style=\"padding: 0px 1rem\">\r\n <!-- <h2 style=\"font-family: 'Open Sans, Light';\">\r\n {{ \"profile.proof.of.unemployment.label.proof.of.unemployment.pay\"| translate}}\r\n </h2>\r\n <div *ngIf=\"!listOfActiveClaim || listOfActiveClaim.length === 0; else activeClaimTable\">\r\n <h3 style=\"font-family: 'Open Sans, Light';\">\r\n {{\"profile.proof.of.unemployment.label.no.active.claim\"| translate}}\r\n </h3>\r\n </div>\r\n <ng-template #activeClaimTable>\r\n <p-table [value]=\"listOfActiveClaim\" dataKey=\"claimId\" [rowExpandMode]=\"'single'\" styleClass=\"seperate-row\" class=\"seperate-row\"\r\n [tableStyle]=\"{'border-collapse': 'separate','border-spacing': '0 8px'}\"\r\n >\r\n <ng-template pTemplate=\"body\" let-data let-expanded=\"expanded\">\r\n <tr>\r\n <td>\r\n <a href=\"#\" [pRowToggler]=\"data\">\r\n <i [ngClass]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\" style=\"font-size: 1.5rem;\"></i>\r\n </a> \r\n <td >\r\n {{data.effectiveDate}} - {{data.byeDate}}\r\n </td>\r\n <td>\r\n {{data.entitlementType}}\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"rowexpansion\" let-data>\r\n <tr>\r\n <td colspan=\"7\" style=\" border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;\">\r\n <ion-grid>\r\n <ion-row>\r\n <ion-col style=\"display: flex;justify-content: center;\">\r\n <img [src]=\"docFileLink\" height='500px' width='420px'/>\r\n </ion-col>\r\n <ion-col style=\"display: flex;flex-direction: column;justify-content: space-between;\">\r\n <ion-row >\r\n <span [innerHTML]=\"data.description\" style=\"font-size: 19px;\"></span>\r\n </ion-row>\r\n <ion-row>\r\n \r\n <ion-button fill=\"outline\" shape=\"round\" style=\"padding-inline-end: 2rem;\" (click)=\"getVerificationReport()\">\r\n {{ \"profile.proof.of.unemployment.button.download.report\"| translate}}\r\n </ion-button>\r\n </ion-row>\r\n </ion-col>\r\n </ion-row>\r\n \r\n </ion-grid>\r\n \r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </ng-template> -->\r\n <ion-grid style=\"margin-top: 15px;\">\r\n <ion-row>\r\n <ion-col *ngIf=\"!isME()\" class=\"flex align-items-center flex-column\" layout=\"row\" style = \"margin:3px;\">\r\n <ion-card class=\"p-4\" style=\"height: 100%;\">\r\n <ion-header style=\"box-shadow: 0 0 0 0\">\r\n <ion-card-title><i class=\"pi pi-file\" style=\"color: var(--ion-color-primary);font-size: 30px;\"></i>{{ \"profile.proof.of.unemployment.phase.two.label.download.unemployment.claim.report\"| translate}}</ion-card-title>\r\n </ion-header>\r\n <ion-card-content class=\"pl-0 pr-0 flex align-items-center flex-column\" style=\"height: 100%; justify-content: space-between;\">\r\n <label>\r\n {{'profile.proof.of.unemployment.phase.two.overlay.unemployment.claim.report'| translate}}\r\n </label>\r\n <ion-button shape=\"round\" (click)=\"getExternalClaimantReport()\" style=\"padding-bottom:30px\"\r\n class=\"Claimant-report-btn\">\r\n <ion-icon name=\"download-outline\" class=\"pr-1 pb-1\"></ion-icon>{{ \"profile.proof.of.unemployment.phase.two.button.download.report\"| translate}}\r\n </ion-button>\r\n </ion-card-content>\r\n \r\n </ion-card>\r\n <div *ngIf=\"downloadStatus=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n <mat-error *ngIf=\"downloadStatus=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n </ion-col>\r\n <ion-col layout=\"row\" class=\"flex align-items-center flex-column\" style = \"margin:3px;\">\r\n <ion-card class=\"p-4\" style=\"height: 100%;\">\r\n <ion-header style=\"box-shadow: 0 0 0 0\">\r\n <ion-card-title><i class=\"pi pi-check-circle\" style=\"color: var(--ion-color-primary);font-size: 30px;\"></i> {{ \"profile.proof.of.unemployment.phase.two.label.summary.unemployment.claim\"| translate}}</ion-card-title>\r\n </ion-header>\r\n <ion-card-content class=\"pl-0 pr-0 flex align-items-center flex-column\" style=\"height: 100%; justify-content: space-between;\">\r\n <label>\r\n {{'profile.proof.of.unemployment.phase.two.overlay.summary.unemployment.claim'| translate}}\r\n </label>\r\n <ion-button shape=\"round\" (click)=\"redirectLink('.claimantsummaryverification')\" style=\"padding-bottom:30px\"\r\n class=\"Claimant-summary-ver-btn\">\r\n <ion-icon name=\"download-outline\" class=\"pr-1 pb-1\"></ion-icon> {{ \"profile.proof.of.unemployment.phase.two.button.download.report\"| translate}}\r\n </ion-button>\r\n </ion-card-content>\r\n \r\n </ion-card>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n\r\n </div>\r\n <ng-template #nonPhraseTwoView>\r\n <ion-grid style=\"margin-top: 15px;\">\r\n <ion-row>\r\n <ion-col *ngIf=\"!isME()\" layout=\"row\" style = \"margin:3px;\">\r\n <label>\r\n {{ \"profile.proof.of.unemployment.label.download.unemployment.claim.report\"| translate}}\r\n </label>\r\n <br>\r\n <ion-button shape=\"round\" fill=\"outline\" (click)=\"getExternalClaimantReport()\"\r\n class=\"Claimant-report-btn\">\r\n <ion-icon name=\"download-outline\"></ion-icon>{{ \"profile.proof.of.unemployment.button.external.claimant.report\"| translate}}\r\n </ion-button>\r\n <br>\r\n <div *ngIf=\"downloadStatus=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n <mat-error *ngIf=\"downloadStatus=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n </ion-col>\r\n <ion-col layout=\"row\" style = \"margin:3px;\">\r\n <label>\r\n {{ \"profile.proof.of.unemployment.label.summary.unemployment.claim\"| translate}}\r\n </label>\r\n <br>\r\n <ion-button shape=\"round\" fill=\"outline\" (click)=\"redirectLink('.claimantsummaryverification')\"\r\n class=\"Claimant-summary-ver-btn\">{{ \"profile.proof.of.unemployment.button.unemployment.verification\"| translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </ng-template>\r\n </div>\r\n <div *ngIf=\"isMS() && selected == 'contact-details' && isOtpSent == true\" style=\"margin-top: -90px;\">\r\n <form [formGroup]=\"otpForm\" #otpFormDirective=\"ngForm\">\r\n <ion-row>\r\n <div class=\"p-fluid p-formgrid\">\r\n <ion-row>\r\n <label for=\"otp\" [innerHTML]=\"'profile.contact.details.label.otp' | translate:{ type: type }\"></label>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col>\r\n <p-inputMask formControlName=\"otp\" mask=\"999999\" size=\"6\" maxlength=\"6\" minlength=\"6\"\r\n [autoFocus]='true' title='Enter Authcode'></p-inputMask>\r\n <app-error [field]='otp' [form]=\"otpFormDirective\" [errDef]=\"{ \r\n required: 'Authcode is required.',\r\n minlength: 'Authcode should have 6 numbers.'\r\n }\"></app-error>\r\n </ion-col>\r\n <ion-col>\r\n <ion-button shape=\"round\" type=\"submit\" (click)=\"verify()\">{{ \"profile.contact.details.button.verify\"| translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </div>\r\n </ion-row>\r\n </form>\r\n </div>\r\n <div *ngIf=\"isME() && selected == 'contact-details' && displaySecurityQuestion == true\" style=\"margin-top: -90px;\">\r\n <form [formGroup]=\"securityQuestionForm\" #securityQuestionFormDirective=\"ngForm\">\r\n <ion-row>\r\n <div class=\"p-fluid p-formgrid\">\r\n <ion-row>\r\n <label for=\"securityQuestionAnswer\" [innerHTML]=\"'profile.contact.details.label.securityQuestion' | translate:{ securityQuestionToAsk: securityQuestionToAsk }\"></label>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col>\r\n \t<input pInputText formControlName=\"securityQuestionAnswer\" size=\"30\" maxlength=\"30\" title=\"Security Answer\" />\r\n <app-error [field]='securityQuestionAnswer' [form]=\"securityQuestionFormDirective\" [errDef]=\"{ \r\n required: 'Security Answer is required.'\r\n }\"></app-error>\r\n </ion-col>\r\n <ion-col>\r\n <ion-button shape=\"round\" type=\"submit\" (click)=\"verifySecurityQuestion()\">{{ \"profile.contact.details.button.verify\"| translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </div>\r\n </ion-row>\r\n </form>\r\n </div>\r\n <mat-error *ngIf=\"errorDtls\">{{errorDtls}}</mat-error>\r\n <ion-label *ngIf=\"successDtls\" style=\"color: var(--ion-color-green)\">{{successDtls}}<br /></ion-label>\r\n\r\n <div *ngIf=\"showSuccess\">\r\n <div class=\"ion-text-center ion-padding-top\">\r\n <ion-icon name=\"checkmark-circle\" style=\"font-size: 80px; color: var(--ion-color-green);\"></ion-icon>\r\n <h1>{{ \"profile.banner.success\"| translate}}</h1>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"showError\">\r\n <div class=\"ion-text-center ion-padding-top\">\r\n <ion-icon name=\"close-circle-outline\" style=\"font-size: 80px; color: var(--ion-color-danger);\"></ion-icon>\r\n <section *ngIf=\"isMS()\">\r\n <h1>{{ errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n </section>\r\n <section *ngIf=\"!isMS()\">\r\n <h1>{{errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n </section>\r\n </div>\r\n </div>\r\n <ng-template pTemplate=\"footer\">\r\n <ion-grid>\r\n <ion-row>\r\n <ion-col class=\"ion-text-left\" size=\"12\" sizeXl=\"4\" sizeLg=\"4\" sizeMd=\"5\">\r\n <ion-button shape=\"round\" fill=\"outline\" type=\"button\" (click)=\"logout()\">{{ \"profile.button.logout\"| translate}}</ion-button>\r\n </ion-col>\r\n <ion-col class=\"ion-text-right\" size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"7\">\r\n <ion-button shape=\"round\" fill=\"outline\" type=\"reset\" (click)=\"cancel()\">{{ \"profile.button.close\"| translate}}</ion-button>\r\n <ion-button shape=\"round\" type=\"submit\" (click)=\"save()\" *ngIf=\"!(showSuccess || showError) && selected!='proof-of-unemployment'\"\r\n [disabled]=\"isOtpSent== true || displaySecurityQuestion== true\">{{ \"profile.button.save\"| translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </ng-template>\r\n</p-dialog>", styles: ["ion-col{margin-left:0!important}.Claimant-report-btn{margin-inline-end:3%}.proof-unemployment-btn-label{margin-bottom:3px}.error-banner{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.seperate-row td:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row td:first-child{border-right:none}.seperate-row td:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row td{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}\n"] }]
|
|
33013
33015
|
}], () => [{ type: LoggerService }, { type: LoginService }, { type: ClaimantService }, { type: BirtService }, { type: ClaimService }, { type: i4.NavController }, { type: SecurityService }, { type: UtilService }, { type: i1$4.UntypedFormBuilder }, { type: i6$1.Title }, { type: i4.ModalController }], { fb: [{
|
|
33014
33016
|
type: ViewChild,
|
|
33015
33017
|
args: ['fb']
|
|
@@ -42177,30 +42179,35 @@ function ProofOfDocumentUploadComponent_form_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
42177
42179
|
i0.ɵɵadvance(2);
|
|
42178
42180
|
i0.ɵɵproperty("ngIf", ctx_r0.context != "signature" && ctx_r0.context != "uploadZipCodes");
|
|
42179
42181
|
} }
|
|
42180
|
-
function
|
|
42182
|
+
function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
42181
42183
|
const _r53 = i0.ɵɵgetCurrentView();
|
|
42182
42184
|
i0.ɵɵelementStart(0, "div", 39);
|
|
42183
42185
|
i0.ɵɵelement(1, "i", 40);
|
|
42184
42186
|
i0.ɵɵelementStart(2, "input", 41, 27);
|
|
42185
|
-
i0.ɵɵlistener("change", function
|
|
42187
|
+
i0.ɵɵlistener("change", function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_5_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r53); const employer_r40 = i0.ɵɵnextContext(2).$implicit; const ctx_r51 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r51.addFileToEmployerData($event, employer_r40)); });
|
|
42186
42188
|
i0.ɵɵelementEnd();
|
|
42187
42189
|
i0.ɵɵelementStart(4, "ion-button", 42);
|
|
42188
|
-
i0.ɵɵlistener("click", function
|
|
42190
|
+
i0.ɵɵlistener("click", function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_5_Template_ion_button_click_4_listener() { i0.ɵɵrestoreView(_r53); const _r50 = i0.ɵɵreference(3); return i0.ɵɵresetView(_r50.click()); });
|
|
42189
42191
|
i0.ɵɵtext(5, " Upload ");
|
|
42192
|
+
i0.ɵɵelementEnd();
|
|
42193
|
+
i0.ɵɵelementStart(6, "label", 43);
|
|
42194
|
+
i0.ɵɵtext(7);
|
|
42190
42195
|
i0.ɵɵelementEnd()();
|
|
42191
42196
|
} if (rf & 2) {
|
|
42192
42197
|
const ctx_r48 = i0.ɵɵnextContext(4);
|
|
42193
42198
|
i0.ɵɵadvance(2);
|
|
42194
42199
|
i0.ɵɵproperty("accept", ctx_r48.allowedFileType);
|
|
42200
|
+
i0.ɵɵadvance(5);
|
|
42201
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r48.iconInfo, " ");
|
|
42195
42202
|
} }
|
|
42196
|
-
function
|
|
42203
|
+
function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
42197
42204
|
const _r57 = i0.ɵɵgetCurrentView();
|
|
42198
|
-
i0.ɵɵelementStart(0, "div")(1, "div",
|
|
42199
|
-
i0.ɵɵelement(4, "i",
|
|
42205
|
+
i0.ɵɵelementStart(0, "div")(1, "div", 44)(2, "div", 45)(3, "span");
|
|
42206
|
+
i0.ɵɵelement(4, "i", 46);
|
|
42200
42207
|
i0.ɵɵtext(5);
|
|
42201
42208
|
i0.ɵɵelementEnd();
|
|
42202
|
-
i0.ɵɵelementStart(6, "ion-button",
|
|
42203
|
-
i0.ɵɵlistener("click", function
|
|
42209
|
+
i0.ɵɵelementStart(6, "ion-button", 47);
|
|
42210
|
+
i0.ɵɵlistener("click", function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template_ion_button_click_6_listener() { i0.ɵɵrestoreView(_r57); const employer_r40 = i0.ɵɵnextContext(2).$implicit; const ctx_r55 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r55.removeFileFromEmployerData(employer_r40)); });
|
|
42204
42211
|
i0.ɵɵelement(7, "ion-icon", 21);
|
|
42205
42212
|
i0.ɵɵelementEnd()()()();
|
|
42206
42213
|
} if (rf & 2) {
|
|
@@ -42211,19 +42218,14 @@ function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_7_Template(r
|
|
|
42211
42218
|
function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
42212
42219
|
i0.ɵɵelementStart(0, "ion-row")(1, "ion-col", 35)(2, "h4", 36);
|
|
42213
42220
|
i0.ɵɵtext(3);
|
|
42214
|
-
i0.ɵɵelementEnd();
|
|
42215
|
-
i0.ɵɵ
|
|
42216
|
-
i0.ɵɵ
|
|
42217
|
-
i0.ɵɵelementStart(5, "div", 37);
|
|
42218
|
-
i0.ɵɵtemplate(6, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template, 6, 1, "div", 38)(7, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_7_Template, 8, 1, "div", 4);
|
|
42221
|
+
i0.ɵɵelementEnd()()();
|
|
42222
|
+
i0.ɵɵelementStart(4, "div", 37);
|
|
42223
|
+
i0.ɵɵtemplate(5, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_5_Template, 8, 2, "div", 38)(6, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template, 8, 1, "div", 4);
|
|
42219
42224
|
i0.ɵɵelementEnd();
|
|
42220
42225
|
} if (rf & 2) {
|
|
42221
42226
|
const employer_r40 = i0.ɵɵnextContext().$implicit;
|
|
42222
|
-
const ctx_r42 = i0.ɵɵnextContext(2);
|
|
42223
42227
|
i0.ɵɵadvance(3);
|
|
42224
42228
|
i0.ɵɵtextInterpolate(employer_r40.employerName);
|
|
42225
|
-
i0.ɵɵadvance(1);
|
|
42226
|
-
i0.ɵɵproperty("overlayText", ctx_r42.iconInfo);
|
|
42227
42229
|
i0.ɵɵadvance(2);
|
|
42228
42230
|
i0.ɵɵproperty("ngIf", !employer_r40.file);
|
|
42229
42231
|
i0.ɵɵadvance(1);
|
|
@@ -42231,7 +42233,7 @@ function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_Template(rf, ctx
|
|
|
42231
42233
|
} }
|
|
42232
42234
|
function ProofOfDocumentUploadComponent_ul_1_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
42233
42235
|
i0.ɵɵelementStart(0, "li", 32)(1, "p-card", 33);
|
|
42234
|
-
i0.ɵɵtemplate(2, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_Template,
|
|
42236
|
+
i0.ɵɵtemplate(2, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_Template, 7, 3, "ng-template", 34);
|
|
42235
42237
|
i0.ɵɵelementEnd()();
|
|
42236
42238
|
} }
|
|
42237
42239
|
function ProofOfDocumentUploadComponent_ul_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -42475,7 +42477,7 @@ class ProofOfDocumentUploadComponent {
|
|
|
42475
42477
|
provide: NG_VALUE_ACCESSOR,
|
|
42476
42478
|
useExisting: ProofOfDocumentUploadComponent,
|
|
42477
42479
|
multi: true
|
|
42478
|
-
}]), i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [[3, "formGroup", 4, "ngIf"], ["class", "no-bullets gap-3", 4, "ngIf"], [3, "formGroup"], ["uploadFileFormDirective", "ngForm"], [4, "ngIf"], ["dataKey", "fileName", "responsiveLayout", "scroll", 3, "value", "loading"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["showDocTypeHeading", ""], ["removeDocTypeHeading", ""], ["pTemplate", "body"], ["pTemplate", "footer"], ["pTemplate", "header"], [1, "flex", "flex-row", "align-items-center"], ["class", "pl-1", 4, "ngIf"], [1, "pl-1"], [2, "margin-top", "2px", "margin-left", "6px", 3, "overlayText"], [3, "overlayText"], ["formArrayName", "tableRowArray"], [3, "formGroupName"], [1, "ion-text-right", 2, "padding-right", "unset"], ["shape", "round", "fill", "outline", "size", "small", "pTooltip", "Remove", "tooltipPosition", "bottom", 1, "ion-padding-left", 3, "click"], ["name", "trash-outline"], ["formControlName", "docType", "optionLabel", "label", "optionValue", "value", "placeholder", "Select a Document Type", "appendTo", "body", 1, "ng-invalid", "ng-dirty", 3, "options", "ngModel", "showClear", "ngClass", "ngModelChange", "onChange", "onClear"], ["class", "file-input-container flex flex-row align-items-center", 4, "ngIf"], [1, "file-input-container", "flex", "flex-row", "align-items-center"], [1, "pr-1"], ["type", "file", 3, "accept", "change"], ["fileInput", ""], ["aria-label", "Add Files", "fill", "outline", "size", "small", 1, "action-button", 3, "click"], [1, "action-icon", 3, "icon"], [1, "no-bullets", "gap-3"], ["class", "pb-3", 4, "ngFor", "ngForOf"], [1, "pb-3"], [1, "pb-2", "gap-3"], ["class", "p-3", "pTemplate", "content"], [1, "flex", "flex-row", "align-items-center", "gap-1"], ["stlye", "margin: 0", 1, "m-0"], [1, "flex", "align-items-center", "justify-content-center", "flex-column", "border-2", "border-dashed", "border-400", "rounded-sm", "p-2"], ["class", "flex align-items-center justify-content-center flex-column", 4, "ngIf"], [1, "flex", "align-items-center", "justify-content-center", "flex-column"], [1, "pi", "pi-upload", "border-2", "border-circle", "p-2", "m-2", "text-xl", "text-400"], ["id", "employerWorkSearchFileInput", "type", "file", 2, "display", "none", 3, "accept", "change"], ["aria-label", "Add Files", "fill", "outline", "size", "small", 1, "action-button", 2, "float", "inline-end", 3, "click"], [1, "flex", "align-items-center", "justify-content-center", "flex-column", "p-0", "sm:p-2", "gap-5"], [1, "card", "m-0", "px-6", "flex", "align-items-center", "justify-content-center", "flex-column", "gap-2"], [1, "pi", "pi-file", 2, "color", "#4478AA"], ["aria-label", "Remove Files", "fill", "outline", "size", "small", "pTooltip", "Remove", "tooltipPosition", "bottom", 1, "ion-padding-left", 2, "float", "inline-end", 3, "click"]], template: function ProofOfDocumentUploadComponent_Template(rf, ctx) { if (rf & 1) {
|
|
42480
|
+
}]), i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [[3, "formGroup", 4, "ngIf"], ["class", "no-bullets gap-3", 4, "ngIf"], [3, "formGroup"], ["uploadFileFormDirective", "ngForm"], [4, "ngIf"], ["dataKey", "fileName", "responsiveLayout", "scroll", 3, "value", "loading"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["showDocTypeHeading", ""], ["removeDocTypeHeading", ""], ["pTemplate", "body"], ["pTemplate", "footer"], ["pTemplate", "header"], [1, "flex", "flex-row", "align-items-center"], ["class", "pl-1", 4, "ngIf"], [1, "pl-1"], [2, "margin-top", "2px", "margin-left", "6px", 3, "overlayText"], [3, "overlayText"], ["formArrayName", "tableRowArray"], [3, "formGroupName"], [1, "ion-text-right", 2, "padding-right", "unset"], ["shape", "round", "fill", "outline", "size", "small", "pTooltip", "Remove", "tooltipPosition", "bottom", 1, "ion-padding-left", 3, "click"], ["name", "trash-outline"], ["formControlName", "docType", "optionLabel", "label", "optionValue", "value", "placeholder", "Select a Document Type", "appendTo", "body", 1, "ng-invalid", "ng-dirty", 3, "options", "ngModel", "showClear", "ngClass", "ngModelChange", "onChange", "onClear"], ["class", "file-input-container flex flex-row align-items-center", 4, "ngIf"], [1, "file-input-container", "flex", "flex-row", "align-items-center"], [1, "pr-1"], ["type", "file", 3, "accept", "change"], ["fileInput", ""], ["aria-label", "Add Files", "fill", "outline", "size", "small", 1, "action-button", 3, "click"], [1, "action-icon", 3, "icon"], [1, "no-bullets", "gap-3"], ["class", "pb-3", 4, "ngFor", "ngForOf"], [1, "pb-3"], [1, "pb-2", "gap-3"], ["class", "p-3", "pTemplate", "content"], [1, "flex", "flex-row", "align-items-center", "gap-1"], ["stlye", "margin: 0", 1, "m-0"], [1, "flex", "align-items-center", "justify-content-center", "flex-column", "border-2", "border-dashed", "border-400", "rounded-sm", "p-2"], ["class", "flex align-items-center justify-content-center flex-column", 4, "ngIf"], [1, "flex", "align-items-center", "justify-content-center", "flex-column"], [1, "pi", "pi-upload", "border-2", "border-circle", "p-2", "m-2", "text-xl", "text-400"], ["id", "employerWorkSearchFileInput", "type", "file", 2, "display", "none", 3, "accept", "change"], ["aria-label", "Add Files", "fill", "outline", "size", "small", 1, "action-button", 2, "float", "inline-end", 3, "click"], [1, "pt-4", 2, "font-size", "12px"], [1, "flex", "align-items-center", "justify-content-center", "flex-column", "p-0", "sm:p-2", "gap-5"], [1, "card", "m-0", "px-6", "flex", "align-items-center", "justify-content-center", "flex-column", "gap-2"], [1, "pi", "pi-file", 2, "color", "#4478AA"], ["aria-label", "Remove Files", "fill", "outline", "size", "small", "pTooltip", "Remove", "tooltipPosition", "bottom", 1, "ion-padding-left", 2, "float", "inline-end", 3, "click"]], template: function ProofOfDocumentUploadComponent_Template(rf, ctx) { if (rf & 1) {
|
|
42479
42481
|
i0.ɵɵtemplate(0, ProofOfDocumentUploadComponent_form_0_Template, 3, 2, "form", 0)(1, ProofOfDocumentUploadComponent_ul_1_Template, 2, 1, "ul", 1);
|
|
42480
42482
|
} if (rf & 2) {
|
|
42481
42483
|
i0.ɵɵproperty("ngIf", !ctx.employerDataModel);
|
|
@@ -42489,7 +42491,7 @@ class ProofOfDocumentUploadComponent {
|
|
|
42489
42491
|
provide: NG_VALUE_ACCESSOR,
|
|
42490
42492
|
useExisting: ProofOfDocumentUploadComponent,
|
|
42491
42493
|
multi: true
|
|
42492
|
-
}], template: "<form [formGroup]=\"formArray\" #uploadFileFormDirective=\"ngForm\" *ngIf=\"!employerDataModel\">\r\n <section *ngIf=\"this.context != 'signature' && this.context !='uploadZipCodes'\">\r\n <p-table dataKey=\"fileName\" [value]=\"fileObjectQueue\" responsiveLayout=\"scroll\" [loading]=\"showProgress\">\r\n <div *ngIf = \"docType.length > 0; then showDocTypeHeading; else removeDocTypeHeading\" ></div>\r\n <ng-template #showDocTypeHeading>\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th>Document Name</th>\r\n <th class=\"flex flex-row align-items-center\">\r\n Document Type\r\n <div *ngIf=\"proofOfAnything\" class=\"pl-1\">\r\n <app-overlay-info [overlayText]=\"iconInfo\" style=\"margin-top: 2px; margin-left: 6px; \"></app-overlay-info>\r\n </div>\r\n </th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template #removeDocTypeHeading>\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th class=\"flex flex-row align-items-center\">\r\n Document Name\r\n <div *ngIf=\"proofOfAnything\" class=\"pl-1\">\r\n <app-overlay-info [overlayText]=\"iconInfo\"></app-overlay-info>\r\n </div>\r\n </th>\r\n <th></th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-fileObjectQueue let-rowIndex=\"rowIndex\">\r\n <ng-container formArrayName=\"tableRowArray\">\r\n <tr [formGroupName]=\"rowIndex\">\r\n <td>{{ fileObjectQueue?.fileName }}</td>\r\n <td *ngIf=\"docType.length > 0\">\r\n <p-dropdown [options]=\"docTypeDropdown\" formControlName=\"docType\" [(ngModel)]=\"fileObjectQueue.selectedDocumentType\" \r\n (onChange)=\"changeDocType(fileObjectQueue,$event)\" \r\n optionLabel=\"label\" optionValue=\"value\" placeholder=\"Select a Document Type\" appendTo=body\r\n [style]=\"{'width':'90%'}\"\r\n class=\"ng-invalid ng-dirty\"\r\n [showClear]=\"true\"\r\n (onClear)=\"clearDocType(fileObjectQueue)\"\r\n [ngClass]=\"{'ng-invalid':tableRows.controls[rowIndex].get('docType')?.invalid}\"/>\r\n </td>\r\n <td class=\"ion-text-right\" style=\"padding-right: unset\">\r\n <ion-button shape=\"round\" fill=\"outline\" size=\"small\" pTooltip=\"Remove\" (click)=\"removeFromQueue(fileObjectQueue)\"\r\n tooltipPosition=\"bottom\" class=\"ion-padding-left\">\r\n <ion-icon name=\"trash-outline\"></ion-icon>\r\n </ion-button>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n \r\n </ng-template>\r\n <ng-template pTemplate=\"footer\"> \r\n <tr *ngIf=\"proofOfAnything\">\r\n <td *ngIf=\"fileObjectQueue.length == 0\" class=\"file-input-container flex flex-row align-items-center\">\r\n <div class=\"pr-1\"><b>+ Add</b> document</div >\r\n <input type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addToQueue($event)\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n <td *ngIf=\"fileObjectQueue.length > 0\" class=\"file-input-container flex flex-row align-items-center\">\r\n <div class=\"pr-1\"><b>+ Add</b> any other document</div >\r\n <input type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addToQueue($event)\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n <td></td>\r\n <td >\r\n \r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </section>\r\n </form>\r\n <ul *ngIf=\"employerDataModel\" class=\"no-bullets gap-3\">\r\n <li class=\"pb-3\" *ngFor=\"let employer of employerDataModel; let i = index\">\r\n <p-card class=\"pb-2 gap-3\">\r\n <ng-template class=\"p-3\" pTemplate=\"content\" let-files let-uploadedFiles=\"uploadedFiles\" let-removeFileCallback=\"removeFileCallback\" let-removeUploadedFileCallback=\"removeUploadedFileCallback\" let-chooseCallback=\"chooseCallback\">\r\n \r\n <ion-row>\r\n <ion-col class=\"flex flex-row align-items-center gap-1\">\r\n <h4 class=\"m-0\" stlye=\"margin: 0\">{{employer.employerName}}</h4>\r\n
|
|
42494
|
+
}], template: "<form [formGroup]=\"formArray\" #uploadFileFormDirective=\"ngForm\" *ngIf=\"!employerDataModel\">\r\n <section *ngIf=\"this.context != 'signature' && this.context !='uploadZipCodes'\">\r\n <p-table dataKey=\"fileName\" [value]=\"fileObjectQueue\" responsiveLayout=\"scroll\" [loading]=\"showProgress\">\r\n <div *ngIf = \"docType.length > 0; then showDocTypeHeading; else removeDocTypeHeading\" ></div>\r\n <ng-template #showDocTypeHeading>\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th>Document Name</th>\r\n <th class=\"flex flex-row align-items-center\">\r\n Document Type\r\n <div *ngIf=\"proofOfAnything\" class=\"pl-1\">\r\n <app-overlay-info [overlayText]=\"iconInfo\" style=\"margin-top: 2px; margin-left: 6px; \"></app-overlay-info>\r\n </div>\r\n </th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template #removeDocTypeHeading>\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th class=\"flex flex-row align-items-center\">\r\n Document Name\r\n <div *ngIf=\"proofOfAnything\" class=\"pl-1\">\r\n <app-overlay-info [overlayText]=\"iconInfo\"></app-overlay-info>\r\n </div>\r\n </th>\r\n <th></th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-fileObjectQueue let-rowIndex=\"rowIndex\">\r\n <ng-container formArrayName=\"tableRowArray\">\r\n <tr [formGroupName]=\"rowIndex\">\r\n <td>{{ fileObjectQueue?.fileName }}</td>\r\n <td *ngIf=\"docType.length > 0\">\r\n <p-dropdown [options]=\"docTypeDropdown\" formControlName=\"docType\" [(ngModel)]=\"fileObjectQueue.selectedDocumentType\" \r\n (onChange)=\"changeDocType(fileObjectQueue,$event)\" \r\n optionLabel=\"label\" optionValue=\"value\" placeholder=\"Select a Document Type\" appendTo=body\r\n [style]=\"{'width':'90%'}\"\r\n class=\"ng-invalid ng-dirty\"\r\n [showClear]=\"true\"\r\n (onClear)=\"clearDocType(fileObjectQueue)\"\r\n [ngClass]=\"{'ng-invalid':tableRows.controls[rowIndex].get('docType')?.invalid}\"/>\r\n </td>\r\n <td class=\"ion-text-right\" style=\"padding-right: unset\">\r\n <ion-button shape=\"round\" fill=\"outline\" size=\"small\" pTooltip=\"Remove\" (click)=\"removeFromQueue(fileObjectQueue)\"\r\n tooltipPosition=\"bottom\" class=\"ion-padding-left\">\r\n <ion-icon name=\"trash-outline\"></ion-icon>\r\n </ion-button>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n \r\n </ng-template>\r\n <ng-template pTemplate=\"footer\"> \r\n <tr *ngIf=\"proofOfAnything\">\r\n <td *ngIf=\"fileObjectQueue.length == 0\" class=\"file-input-container flex flex-row align-items-center\">\r\n <div class=\"pr-1\"><b>+ Add</b> document</div >\r\n <input type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addToQueue($event)\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n <td *ngIf=\"fileObjectQueue.length > 0\" class=\"file-input-container flex flex-row align-items-center\">\r\n <div class=\"pr-1\"><b>+ Add</b> any other document</div >\r\n <input type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addToQueue($event)\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n <td></td>\r\n <td >\r\n \r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </section>\r\n </form>\r\n <ul *ngIf=\"employerDataModel\" class=\"no-bullets gap-3\">\r\n <li class=\"pb-3\" *ngFor=\"let employer of employerDataModel; let i = index\">\r\n <p-card class=\"pb-2 gap-3\">\r\n <ng-template class=\"p-3\" pTemplate=\"content\" let-files let-uploadedFiles=\"uploadedFiles\" let-removeFileCallback=\"removeFileCallback\" let-removeUploadedFileCallback=\"removeUploadedFileCallback\" let-chooseCallback=\"chooseCallback\">\r\n \r\n <ion-row>\r\n <ion-col class=\"flex flex-row align-items-center gap-1\">\r\n <h4 class=\"m-0\" stlye=\"margin: 0\">{{employer.employerName}}</h4>\r\n </ion-col>\r\n </ion-row>\r\n <div class=\"flex align-items-center justify-content-center flex-column border-2 border-dashed border-400 rounded-sm p-2\">\r\n <div *ngIf=\"!employer.file\" class=\"flex align-items-center justify-content-center flex-column\">\r\n <i class=\"pi pi-upload border-2 border-circle p-2 m-2 text-xl text-400\"></i>\r\n <input id=\"employerWorkSearchFileInput\" type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addFileToEmployerData($event,employer)\" style=\"display: none\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\" style=\"float:inline-end\">\r\n Upload\r\n </ion-button>\r\n <label class=\"pt-4\" style=\"font-size: 12px;\">\r\n {{iconInfo}}\r\n </label>\r\n </div>\r\n <div *ngIf=\"employer.file\">\r\n\r\n <div class=\"flex align-items-center justify-content-center flex-column p-0 sm:p-2 gap-5\">\r\n <div\r\n class=\"card m-0 px-6 flex align-items-center justify-content-center flex-column gap-2\"\r\n > \r\n <span>\r\n <i class=\"pi pi-file\" style=\"color: #4478AA\"></i>{{ employer.file.fileName }}\r\n </span>\r\n <ion-button aria-label=\"Remove Files\" fill=\"outline\" size=\"small\" pTooltip=\"Remove\" (click)=\"removeFileFromEmployerData(employer)\"\r\n tooltipPosition=\"bottom\" class=\"ion-padding-left\" style=\"float: inline-end\">\r\n <ion-icon name=\"trash-outline\"></ion-icon>\r\n </ion-button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n\r\n \r\n </ng-template>\r\n </p-card>\r\n </li>\r\n </ul>", styles: [".file-input-container{text-align:right}.file-input-container input[type=file]{display:none}.file-input-container label{border:1px solid #ccc;padding:6px 12px;cursor:pointer}.upload-input-container input[type=file]{display:none}.upload-input-container label{border:1px solid #ccc;cursor:pointer}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#fff!important;background-color:#fff!important}ol,ul{list-style:none}ul{list-style-type:square}li{color:var(--ion-color-grey)}.ng-invalid{border-color:#f44336}.seperate-row td:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row td:first-child{border-right:none}.seperate-row td:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row td{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}.no-bullets{list-style-type:none;padding-left:0}:host ::ng-deep .remove-header .p-fileupload-buttonbar{display:none}:host ::ng-deep .remove-header .p-fileupload-content{border-top-right-radius:4px;border-top-left-radius:4px;padding:1rem}:host ::ng-deep .p-card .p-card-body .p-card-content{padding:1rem!important}.border-400{border-color:#4478aa!important;border-radius:6px}\n"] }]
|
|
42493
42495
|
}], () => [{ type: i1$4.UntypedFormBuilder }, { type: i4.ToastController }], { uploadFileFormDirective: [{
|
|
42494
42496
|
type: ViewChild,
|
|
42495
42497
|
args: ['uploadFileFormDirective', { static: false }]
|
|
@@ -43689,15 +43691,23 @@ class AddressSuggestionComponent {
|
|
|
43689
43691
|
this.setIsAddressValideController('0');
|
|
43690
43692
|
}
|
|
43691
43693
|
if (res.lastValidateResult === "MUSA") {
|
|
43692
|
-
|
|
43693
|
-
|
|
43694
|
+
if (!initialValidation) {
|
|
43695
|
+
this.msuaCount += 1;
|
|
43696
|
+
this.aunrCount = 0;
|
|
43697
|
+
}
|
|
43694
43698
|
this.setIsAddressValideController('0');
|
|
43695
43699
|
}
|
|
43696
43700
|
if (res.lastValidateResult === "AUNR") {
|
|
43697
|
-
|
|
43698
|
-
|
|
43701
|
+
if (!initialValidation) {
|
|
43702
|
+
this.aunrCount += 1;
|
|
43703
|
+
this.msuaCount = 0;
|
|
43704
|
+
}
|
|
43699
43705
|
this.setIsAddressValideController('0');
|
|
43700
43706
|
}
|
|
43707
|
+
if (res.lastValidateResult !== "MUSA" && res.lastValidateResult !== "AUNR") {
|
|
43708
|
+
this.msuaCount = 0;
|
|
43709
|
+
this.aunrCount = 0;
|
|
43710
|
+
}
|
|
43701
43711
|
if (res.lastValidateResult === "NREC") {
|
|
43702
43712
|
this.setIsAddressValideController('1');
|
|
43703
43713
|
}
|