@uiapplib/ngx-ui-web-lib 0.0.37 → 0.0.39
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/add-employer/add-employer.component.mjs +18 -12
- package/esm2022/lib/components/dua-request-popup/dua-request-popup.component.mjs +3 -2
- package/esm2022/lib/components/history-page/history-page.component.mjs +108 -114
- package/esm2022/lib/components/questionnaire/account-success/account-success.page.mjs +4 -4
- package/fesm2022/uiapplib-ngx-ui-web-lib.mjs +129 -128
- package/fesm2022/uiapplib-ngx-ui-web-lib.mjs.map +1 -1
- package/lib/components/dua-request-popup/dua-request-popup.component.d.ts.map +1 -1
- package/package.json +3 -2
|
@@ -20672,7 +20672,8 @@ class DuaRequestPopupComponent {
|
|
|
20672
20672
|
}
|
|
20673
20673
|
close() {
|
|
20674
20674
|
this.onClose.emit();
|
|
20675
|
-
this.navController.navigateRoot("
|
|
20675
|
+
this.navController.navigateRoot("welcome");
|
|
20676
|
+
this.util.hideLoader();
|
|
20676
20677
|
}
|
|
20677
20678
|
get isImpactedByDisaster() {
|
|
20678
20679
|
return this.duaInfoForm.controls['isImpactedByDisaster'];
|
|
@@ -20826,7 +20827,7 @@ function AccountSuccessPage_app_associate_ssn_19_Template(rf, ctx) { if (rf & 1)
|
|
|
20826
20827
|
function AccountSuccessPage_app_dua_request_popup_20_Template(rf, ctx) { if (rf & 1) {
|
|
20827
20828
|
const _r18 = i0.ɵɵgetCurrentView();
|
|
20828
20829
|
i0.ɵɵelementStart(0, "app-dua-request-popup", 19);
|
|
20829
|
-
i0.ɵɵlistener("successDua", function AccountSuccessPage_app_dua_request_popup_20_Template_app_dua_request_popup_successDua_0_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.saveDuaSuccess($event)); })
|
|
20830
|
+
i0.ɵɵlistener("successDua", function AccountSuccessPage_app_dua_request_popup_20_Template_app_dua_request_popup_successDua_0_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.saveDuaSuccess($event)); });
|
|
20830
20831
|
i0.ɵɵelementEnd();
|
|
20831
20832
|
} }
|
|
20832
20833
|
class AccountSuccessPage extends BasePage {
|
|
@@ -21060,7 +21061,7 @@ class AccountSuccessPage extends BasePage {
|
|
|
21060
21061
|
this.showLoaderTheme = false;
|
|
21061
21062
|
}
|
|
21062
21063
|
static { this.ɵfac = function AccountSuccessPage_Factory(t) { return new (t || AccountSuccessPage)(i0.ɵɵdirectiveInject(i3.ActivatedRoute), i0.ɵɵdirectiveInject(UtilService), i0.ɵɵdirectiveInject(LoggerService), i0.ɵɵdirectiveInject(ClaimantService), i0.ɵɵdirectiveInject(i4.NavController), i0.ɵɵdirectiveInject(LoginService), i0.ɵɵdirectiveInject(ClaimService), i0.ɵɵdirectiveInject(i4.Platform)); }; }
|
|
21063
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccountSuccessPage, selectors: [["account-success"]], outputs: { success: "success", error: "error" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 21, vars: 14, consts: [[3, "secondToolbar", "displayLogo"], [3, "showHelp", "hideFooter", "showError"], ["class", "ion-text-center", 4, "ngIf"], ["style", "color:var(--ion-color-grey);", 4, "ngIf"], [4, "ngIf"], ["size", "12", "sizeSm", "12", "sizeXs", "12", "sizeMd", "8", "sizeLg", "4", "sizeXl", "4", "offsetMd", "2", "offsetXl", "4", "offsetLg", "4", 1, "ion-text-center", "ion-padding"], [3, "error", "success"], [3, "email", "redirectPage", "onClose", "onSuccess", 4, "ngIf"], [3, "inputData", "onClose", "onSuccess", 4, "ngIf"], [3, "success", 4, "ngIf"], [3, "successDua",
|
|
21064
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccountSuccessPage, selectors: [["account-success"]], outputs: { success: "success", error: "error" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 21, vars: 14, consts: [[3, "secondToolbar", "displayLogo"], [3, "showHelp", "hideFooter", "showError"], ["class", "ion-text-center", 4, "ngIf"], ["style", "color:var(--ion-color-grey);", 4, "ngIf"], [4, "ngIf"], ["size", "12", "sizeSm", "12", "sizeXs", "12", "sizeMd", "8", "sizeLg", "4", "sizeXl", "4", "offsetMd", "2", "offsetXl", "4", "offsetLg", "4", 1, "ion-text-center", "ion-padding"], [3, "error", "success"], [3, "email", "redirectPage", "onClose", "onSuccess", 4, "ngIf"], [3, "inputData", "onClose", "onSuccess", 4, "ngIf"], [3, "success", 4, "ngIf"], [3, "successDua", 4, "ngIf"], [1, "ion-text-center"], ["name", "dots"], [2, "color", "var(--ion-color-grey)"], [2, "padding-left", "25px"], ["size", "12", "sizeSm", "12", "sizeXs", "12", "sizeMd", "10", "sizeLg", "8", "sizeXl", "8", "offsetMd", "1", "offsetXl", "2", "offsetLg", "2", 1, "ion-text-center", "ion-padding"], [3, "email", "redirectPage", "onClose", "onSuccess"], [3, "inputData", "onClose", "onSuccess"], [3, "success"], [3, "successDua"]], template: function AccountSuccessPage_Template(rf, ctx) { if (rf & 1) {
|
|
21064
21065
|
i0.ɵɵelementStart(0, "ion-header");
|
|
21065
21066
|
i0.ɵɵelement(1, "app-header", 0);
|
|
21066
21067
|
i0.ɵɵelementEnd();
|
|
@@ -21100,7 +21101,7 @@ class AccountSuccessPage extends BasePage {
|
|
|
21100
21101
|
}
|
|
21101
21102
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccountSuccessPage, [{
|
|
21102
21103
|
type: Component,
|
|
21103
|
-
args: [{ selector: 'account-success', template: "<ion-header>\r\n <app-header [secondToolbar]=\"false\" [displayLogo]=\"true\"></app-header>\r\n</ion-header>\r\n\r\n<ion-content>\r\n <app-content [showHelp]=\"false\" [hideFooter]=\"true\" [showError]=\"true\">\r\n <div *ngIf=\"showLoaderTheme\" class=\"ion-text-center\">\r\n <ion-spinner name=\"dots\"></ion-spinner>\r\n </div>\r\n <div style=\"color:var(--ion-color-grey);\" *ngIf=\"!errorOccured\">\r\n <h1 style=\"padding-left: 25px;\">You'all are set!</h1>\r\n </div>\r\n <br /><br /><br /><br />\r\n <ion-grid>\r\n <ion-row *ngIf=\"isProcessNewLogin\">\r\n <ion-col class=\"ion-text-center ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"10\" sizeLg=\"8\" sizeXl=\"8\"\r\n offsetMd=\"1\" offsetXl=\"2\" offsetLg=\"2\">\r\n <h3>Please login to activate your account.</h3>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"!isProcessNewLogin\">\r\n <ion-col class=\"ion-text-center ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"10\" sizeLg=\"8\" sizeXl=\"8\"\r\n offsetMd=\"1\" offsetXl=\"2\" offsetLg=\"2\">\r\n <h3>Let's activate your account.</h3>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"!isProcessNewLogin\">\r\n <ion-col class=\"ion-text-center ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"10\" sizeLg=\"8\" sizeXl=\"8\"\r\n offsetMd=\"1\" offsetXl=\"2\" offsetLg=\"2\">\r\n <h3>Please login to continue with your application.</h3>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col class=\"ion-text-center ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"8\" sizeLg=\"4\" sizeXl=\"4\"\r\n offsetMd=\"2\" offsetXl=\"4\" offsetLg=\"4\">\r\n <app-user-login (error)=\"loginError($event)\" (success)=\"fetchQuestionnaire()\"></app-user-login>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </app-content>\r\n</ion-content>\r\n<app-profile-redirect [email]=\"userEmail\" [redirectPage]=\"accountActivePage\" *ngIf=\"showRedirectProfileDialog\" (onClose)=\"logout()\" (onSuccess)=\"redirectSuccess()\"></app-profile-redirect>\r\n<app-ssn-reverify *ngIf=\"showSsnReverifyDialog\" [inputData]=\"userDataForSSNVerifyModel\" (onClose)=\"logout()\" (onSuccess)=\"reVerifySSNForClaimant($event)\"></app-ssn-reverify>\r\n<app-associate-ssn *ngIf=\"showAssociateSsnPopup\" (success)=\"associateSsnSuccess()\"></app-associate-ssn>\r\n<app-dua-request-popup *ngIf=\"showDuaPopup\" (successDua)=\"saveDuaSuccess($event)\"
|
|
21104
|
+
args: [{ selector: 'account-success', template: "<ion-header>\r\n <app-header [secondToolbar]=\"false\" [displayLogo]=\"true\"></app-header>\r\n</ion-header>\r\n\r\n<ion-content>\r\n <app-content [showHelp]=\"false\" [hideFooter]=\"true\" [showError]=\"true\">\r\n <div *ngIf=\"showLoaderTheme\" class=\"ion-text-center\">\r\n <ion-spinner name=\"dots\"></ion-spinner>\r\n </div>\r\n <div style=\"color:var(--ion-color-grey);\" *ngIf=\"!errorOccured\">\r\n <h1 style=\"padding-left: 25px;\">You'all are set!</h1>\r\n </div>\r\n <br /><br /><br /><br />\r\n <ion-grid>\r\n <ion-row *ngIf=\"isProcessNewLogin\">\r\n <ion-col class=\"ion-text-center ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"10\" sizeLg=\"8\" sizeXl=\"8\"\r\n offsetMd=\"1\" offsetXl=\"2\" offsetLg=\"2\">\r\n <h3>Please login to activate your account.</h3>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"!isProcessNewLogin\">\r\n <ion-col class=\"ion-text-center ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"10\" sizeLg=\"8\" sizeXl=\"8\"\r\n offsetMd=\"1\" offsetXl=\"2\" offsetLg=\"2\">\r\n <h3>Let's activate your account.</h3>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"!isProcessNewLogin\">\r\n <ion-col class=\"ion-text-center ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"10\" sizeLg=\"8\" sizeXl=\"8\"\r\n offsetMd=\"1\" offsetXl=\"2\" offsetLg=\"2\">\r\n <h3>Please login to continue with your application.</h3>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col class=\"ion-text-center ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"8\" sizeLg=\"4\" sizeXl=\"4\"\r\n offsetMd=\"2\" offsetXl=\"4\" offsetLg=\"4\">\r\n <app-user-login (error)=\"loginError($event)\" (success)=\"fetchQuestionnaire()\"></app-user-login>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </app-content>\r\n</ion-content>\r\n<app-profile-redirect [email]=\"userEmail\" [redirectPage]=\"accountActivePage\" *ngIf=\"showRedirectProfileDialog\" (onClose)=\"logout()\" (onSuccess)=\"redirectSuccess()\"></app-profile-redirect>\r\n<app-ssn-reverify *ngIf=\"showSsnReverifyDialog\" [inputData]=\"userDataForSSNVerifyModel\" (onClose)=\"logout()\" (onSuccess)=\"reVerifySSNForClaimant($event)\"></app-ssn-reverify>\r\n<app-associate-ssn *ngIf=\"showAssociateSsnPopup\" (success)=\"associateSsnSuccess()\"></app-associate-ssn>\r\n<app-dua-request-popup *ngIf=\"showDuaPopup\" (successDua)=\"saveDuaSuccess($event)\"></app-dua-request-popup>\r\n", styles: [".bottom{position:absolute;bottom:15%;right:5%}.centered{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}\n"] }]
|
|
21104
21105
|
}], () => [{ type: i3.ActivatedRoute }, { type: UtilService }, { type: LoggerService }, { type: ClaimantService }, { type: i4.NavController }, { type: LoginService }, { type: ClaimService }, { type: i4.Platform }], { success: [{
|
|
21105
21106
|
type: Output
|
|
21106
21107
|
}], error: [{
|
|
@@ -24397,22 +24398,25 @@ function AddEmployerComponent_ion_row_35_ion_col_2_Template(rf, ctx) { if (rf &
|
|
|
24397
24398
|
} }
|
|
24398
24399
|
function AddEmployerComponent_ion_row_35_ion_col_3_Template(rf, ctx) { if (rf & 1) {
|
|
24399
24400
|
i0.ɵɵelementStart(0, "ion-col", 91)(1, "div", 16)(2, "label", 92);
|
|
24400
|
-
i0.ɵɵtext(3
|
|
24401
|
+
i0.ɵɵtext(3);
|
|
24402
|
+
i0.ɵɵpipe(4, "date");
|
|
24401
24403
|
i0.ɵɵelementEnd();
|
|
24402
|
-
i0.ɵɵelement(
|
|
24404
|
+
i0.ɵɵelement(5, "p-inputNumber", 93)(6, "app-error", 9);
|
|
24403
24405
|
i0.ɵɵelementEnd()();
|
|
24404
24406
|
} if (rf & 2) {
|
|
24405
24407
|
const ctx_r114 = i0.ɵɵnextContext(2);
|
|
24406
24408
|
const _r0 = i0.ɵɵreference(5);
|
|
24407
|
-
i0.ɵɵadvance(
|
|
24409
|
+
i0.ɵɵadvance(3);
|
|
24410
|
+
i0.ɵɵtextInterpolate1("Total Wages Earned since ", i0.ɵɵpipeBind2(4, 8, ctx_r114.bpStartDateToDisplay, "MMMM d, yyyy"), "");
|
|
24411
|
+
i0.ɵɵadvance(2);
|
|
24408
24412
|
i0.ɵɵproperty("formControl", ctx_r114.grossWages)("max", 999999.99);
|
|
24409
24413
|
i0.ɵɵadvance(1);
|
|
24410
24414
|
i0.ɵɵclassMap("app-grid");
|
|
24411
|
-
i0.ɵɵproperty("field", ctx_r114.grossWages)("form", _r0)("errDef", i0.ɵɵpureFunction0(
|
|
24415
|
+
i0.ɵɵproperty("field", ctx_r114.grossWages)("form", _r0)("errDef", i0.ɵɵpureFunction0(11, _c4$m));
|
|
24412
24416
|
} }
|
|
24413
24417
|
function AddEmployerComponent_ion_row_35_Template(rf, ctx) { if (rf & 1) {
|
|
24414
24418
|
i0.ɵɵelementStart(0, "ion-row");
|
|
24415
|
-
i0.ɵɵtemplate(1, AddEmployerComponent_ion_row_35_ion_col_1_Template, 7, 11, "ion-col", 82)(2, AddEmployerComponent_ion_row_35_ion_col_2_Template, 7, 12, "ion-col", 83)(3, AddEmployerComponent_ion_row_35_ion_col_3_Template,
|
|
24419
|
+
i0.ɵɵtemplate(1, AddEmployerComponent_ion_row_35_ion_col_1_Template, 7, 11, "ion-col", 82)(2, AddEmployerComponent_ion_row_35_ion_col_2_Template, 7, 12, "ion-col", 83)(3, AddEmployerComponent_ion_row_35_ion_col_3_Template, 7, 12, "ion-col", 84);
|
|
24416
24420
|
i0.ɵɵelementEnd();
|
|
24417
24421
|
} if (rf & 2) {
|
|
24418
24422
|
const ctx_r26 = i0.ɵɵnextContext();
|
|
@@ -24753,18 +24757,21 @@ function AddEmployerComponent_ion_row_58_Template(rf, ctx) { if (rf & 1) {
|
|
|
24753
24757
|
} }
|
|
24754
24758
|
function AddEmployerComponent_ion_row_59_Template(rf, ctx) { if (rf & 1) {
|
|
24755
24759
|
i0.ɵɵelementStart(0, "ion-row")(1, "ion-col", 91)(2, "div", 16)(3, "label", 92);
|
|
24756
|
-
i0.ɵɵtext(4
|
|
24760
|
+
i0.ɵɵtext(4);
|
|
24761
|
+
i0.ɵɵpipe(5, "date");
|
|
24757
24762
|
i0.ɵɵelementEnd();
|
|
24758
|
-
i0.ɵɵelement(
|
|
24763
|
+
i0.ɵɵelement(6, "p-inputNumber", 93)(7, "app-error", 9);
|
|
24759
24764
|
i0.ɵɵelementEnd()()();
|
|
24760
24765
|
} if (rf & 2) {
|
|
24761
24766
|
const ctx_r45 = i0.ɵɵnextContext();
|
|
24762
24767
|
const _r0 = i0.ɵɵreference(5);
|
|
24763
|
-
i0.ɵɵadvance(
|
|
24768
|
+
i0.ɵɵadvance(4);
|
|
24769
|
+
i0.ɵɵtextInterpolate1("Total Wages Earned since ", i0.ɵɵpipeBind2(5, 8, ctx_r45.bpStartDateToDisplay, "MMMM d, yyyy"), "");
|
|
24770
|
+
i0.ɵɵadvance(2);
|
|
24764
24771
|
i0.ɵɵproperty("formControl", ctx_r45.grossWages)("max", 999999.99);
|
|
24765
24772
|
i0.ɵɵadvance(1);
|
|
24766
24773
|
i0.ɵɵclassMap("app-grid");
|
|
24767
|
-
i0.ɵɵproperty("field", ctx_r45.grossWages)("form", _r0)("errDef", i0.ɵɵpureFunction0(
|
|
24774
|
+
i0.ɵɵproperty("field", ctx_r45.grossWages)("form", _r0)("errDef", i0.ɵɵpureFunction0(11, _c4$m));
|
|
24768
24775
|
} }
|
|
24769
24776
|
function AddEmployerComponent_div_60_Template(rf, ctx) { if (rf & 1) {
|
|
24770
24777
|
i0.ɵɵelementStart(0, "div", 16)(1, "label", 123);
|
|
@@ -27256,7 +27263,7 @@ class AddEmployerComponent {
|
|
|
27256
27263
|
i0.ɵɵelementStart(54, "section", 11);
|
|
27257
27264
|
i0.ɵɵtemplate(55, AddEmployerComponent_ion_row_55_Template, 3, 0, "ion-row", 12)(56, AddEmployerComponent_ion_row_56_Template, 3, 0, "ion-row", 12);
|
|
27258
27265
|
i0.ɵɵelementEnd();
|
|
27259
|
-
i0.ɵɵtemplate(57, AddEmployerComponent_ion_row_57_Template, 6, 6, "ion-row", 8)(58, AddEmployerComponent_ion_row_58_Template, 8, 9, "ion-row", 8)(59, AddEmployerComponent_ion_row_59_Template,
|
|
27266
|
+
i0.ɵɵtemplate(57, AddEmployerComponent_ion_row_57_Template, 6, 6, "ion-row", 8)(58, AddEmployerComponent_ion_row_58_Template, 8, 9, "ion-row", 8)(59, AddEmployerComponent_ion_row_59_Template, 8, 12, "ion-row", 8)(60, AddEmployerComponent_div_60_Template, 12, 17, "div", 6)(61, AddEmployerComponent_div_61_Template, 7, 13, "div", 6)(62, AddEmployerComponent_div_62_Template, 7, 11, "div", 6)(63, AddEmployerComponent_ion_row_63_Template, 22, 33, "ion-row", 8)(64, AddEmployerComponent_ion_row_64_Template, 22, 40, "ion-row", 8)(65, AddEmployerComponent_div_65_Template, 9, 14, "div", 6)(66, AddEmployerComponent_div_66_Template, 7, 13, "div", 6)(67, AddEmployerComponent_div_67_Template, 12, 17, "div", 6)(68, AddEmployerComponent_div_68_Template, 7, 13, "div", 6)(69, AddEmployerComponent_div_69_Template, 7, 11, "div", 6)(70, AddEmployerComponent_div_70_Template, 6, 10, "div", 6)(71, AddEmployerComponent_div_71_Template, 7, 11, "div", 6)(72, AddEmployerComponent_div_72_Template, 7, 11, "div", 6)(73, AddEmployerComponent_div_73_Template, 6, 10, "div", 6)(74, AddEmployerComponent_div_74_Template, 7, 11, "div", 6)(75, AddEmployerComponent_div_75_Template, 9, 14, "div", 6)(76, AddEmployerComponent_div_76_Template, 8, 15, "div", 6)(77, AddEmployerComponent_div_77_Template, 7, 11, "div", 6)(78, AddEmployerComponent_div_78_Template, 6, 10, "div", 6)(79, AddEmployerComponent_div_79_Template, 7, 11, "div", 6)(80, AddEmployerComponent_div_80_Template, 37, 54, "div", 8)(81, AddEmployerComponent_ion_row_81_Template, 11, 16, "ion-row", 8)(82, AddEmployerComponent_div_82_Template, 17, 12, "div", 8);
|
|
27260
27267
|
i0.ɵɵelementEnd()()();
|
|
27261
27268
|
i0.ɵɵelementStart(83, "ion-row")(84, "ion-col", 13)(85, "ion-button", 14);
|
|
27262
27269
|
i0.ɵɵlistener("click", function AddEmployerComponent_Template_ion_button_click_85_listener() { return ctx.onModelCancel(false); });
|
|
@@ -27422,7 +27429,7 @@ class AddEmployerComponent {
|
|
|
27422
27429
|
}
|
|
27423
27430
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddEmployerComponent, [{
|
|
27424
27431
|
type: Component,
|
|
27425
|
-
args: [{ selector: 'app-add-employer', template: "<p-dialog visible=\"true\" modal=\"true\" position=\"top\" appendTo=\"body\" [showHeader]=\"false\" [draggable]=\"false\"\r\n [resizable]=\"false\" [style]=\"{width: '80vw'}\"\r\n [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '100vw', '576px': '100vw'}\">\r\n <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\"> {{\"induction.confirm.employment.heading\"|translate}}\r\n </h4>\r\n\r\n\r\n <form [formGroup]=\"addEmployerForm\" #addEmployerFormDirective=\"ngForm\">\r\n <ion-grid>\r\n <ion-row>\r\n <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"12\" sizeLg=\"10\" sizeXl=\"6\">\r\n <div class=\"p-fluid p-formgrid\">\r\n <div class=\"field\" *ngIf=\"isBasePeriodEmployer\">\r\n {{customerName}}\r\n <div *ngIf=\"aliasName != null\">\r\n {{\"induction.confirm.employment.dba\"|translate}} {{aliasName}}</div>\r\n <br>\r\n <div *ngIf=\"isBasePeriodEmployer && osaBpEmployerFlag.value ==='0'\">\r\n <span style=\"font-size: 12px;\"> {{mailingAddressDisplay}}\r\n </span>\r\n </div>\r\n <div *ngIf=\"isCSR && osaBpEmployerFlag.value ==='0'\">\r\n <br>\r\n {{\"induction.confirm.employment.employer.wages\"|translate}}\r\n </div>\r\n <div class=\"field\" *ngIf=\"isCSR\">\r\n <p-table [value]=\"employerProvidedWages\" styleClass=\"p-datatable-striped app-datatable ion-padding-top\"\r\n [columns]=\"employerProvidedWages\">\r\n <ng-template pTemplate=\"header\" let-columns>\r\n <tr>\r\n <th *ngFor=\"let col of columns\">\r\n <b>{{ col.qtrYearDisplayString }}</b>\r\n </th>\r\n </tr>\r\n <tr>\r\n <td *ngFor=\"let col of columns\">\r\n {{col.wageAmount | currency}}\r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"isBasePeriodEmployer && workFlag.value == 'N'\">\r\n <label for=\"workFlag\">{{\"induction.confirm.employment.workflag.no\"|translate}}<br /> <br />\r\n {{\"induction.confirm.employment.workflag.no.line2\"|translate}}</label>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"!isBasePeriodEmployer\">\r\n <label for=\"employerType\">{{\"induction.add.employment.employer.type\"|translate}}</label>\r\n <div style=\"inline-size: inherit;\">\r\n <p-selectButton id=\"employerType\" unselectable=\"true\" [options]=\"employerTypeOptions\" optionLabel=\"text\"\r\n optionValue=\"value\" [formControl]=\"employerType\"\r\n (onOptionClick)=\"onToggleChangeEmployerType($event)\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='employerType' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\">\r\n <label for=\"employerName\">{{\"induction.add.employment.employer.name\"|translate}}</label>\r\n <app-search-employer [formControl]=\"employerName\" empType=\"REG\" (onFound)=\"setEmployer($event)\"\r\n (onEmpty)=\"resetEmployer($event)\"></app-search-employer>\r\n <app-error [class]=\"'app-grid'\" [field]='employerName' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" style=\"width: inherit !important;\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"fedEmployerName\">{{\"induction.add.employment.employer.fed.name\"|translate}}</label>\r\n <app-search-employer [formControl]=\"fedEmployerName\" empType=\"FED\" (onFound)=\"setFedEmployer($event)\"\r\n (onEmpty)=\"resetFedEmployer($event)\"></app-search-employer>\r\n <app-error [class]=\"'app-grid'\" [field]='fedEmployerName' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='MIL' && this.currentState != 'ME'\">\r\n <label for=\"serviceBranch\">{{\"induction.add.employment.mil.service.branch\"|translate}}</label>\r\n <app-dropdown [options]=\"militaryServiceOptions\" [formControl]=\"serviceBranch\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"serviceBranch\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='serviceBranch' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n \r\n <!-- Maine includes Space Force -->\r\n <div class=\"field\" *ngIf=\"employerType.value==='MIL' && this.currentState === 'ME'\">\r\n <label for=\"serviceBranch\">{{\"induction.add.employment.mil.service.branch\"|translate}}</label>\r\n <app-dropdown [options]=\"militaryServiceOptionsWithSpace\" [formControl]=\"serviceBranch\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"serviceBranch\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='serviceBranch' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <ion-row *ngIf=\"employerType.value==='MIL'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"startDateMil\">{{\"induction.add.employment.mil.startdate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"startDateMil\" [showIcon]=\"true\" inputId=\"startDateMil\"\r\n [formControl]=\"startDateMil\" [maxDate]=\"dateTime\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"\r\n appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n [minDate]=\"minWorkStartDate\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='startDateMil' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"endDateMil\">{{\"induction.add.employment.mil.enddate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"endDateMil\" [showIcon]=\"true\" inputId=\"endDateMil\" [maxDate]=\"dateTime\"\r\n [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateMil\"\r\n [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='endDateMil' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED' && hideFicCode\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"ficCode\">{{\"induction.add.employment.fed.fic.code\"|translate}}</label>\r\n <input id=\"ficCode\" type=\"input\" pInputText [formControl]=\"ficCode\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='ficCode' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"ficDestinationName\">{{\"induction.add.employment.fed.fic.destination\"|translate}}</label>\r\n <input id=\"ficDestinationName\" type=\"input\" pInputText [formControl]=\"ficDestinationName\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='ficDestinationName' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\">\r\n <ion-col style=\"padding-left: 0px; padding-right: 0px;\">\r\n <app-address #address1 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\">\r\n </app-address>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"isBasePeriodEmployer && osaBpEmployerFlag.value ==='1' && employerType.value==='REG'\">\r\n <ion-col style=\"padding-left: 0px; padding-right: 0px;\">\r\n <app-address #address3 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\">\r\n </app-address>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <app-address #address2 [formControl]=\"address\" countyRequired=\"false\" [fromPopup]=\"true\"> </app-address>\r\n <app-error [class]=\"'app-grid'\" [field]='address' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n addressValidationFlag: 'Please provide, a valid address.'\r\n }\"></app-error>\r\n </div>\r\n\r\n \r\n <div class=\"field\"\r\n *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) && employerType.value==='REG')\">\r\n <label for=\"employerTelephoneNumber\">{{\"induction.confirm.employment.employer.phone\"|translate}}</label>\r\n\r\n <p-inputMask mask=\"999-999-9999\" id=\"employerTelephoneNumber\" [formControl]=\"employerTelephoneNumber\"\r\n placeholder=\"999-999-9999\"></p-inputMask>\r\n\r\n\r\n <app-error [class]=\"'app-grid'\" [field]='employerTelephoneNumber' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n <ion-row *ngIf=\"(!isBasePeriodEmployer && employerType.value==='REG')\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"workCity\">{{\"induction.add.employment.work.location.city\"|translate}} </label>\r\n <input id=\"workCity\" type=\"input\" pInputText [formControl]=\"workCity\" maxlength=\"30\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='workCity' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"workState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n <app-dropdown [options]=\"statesOptions\" [formControl]=\"workState\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" inputId=\"workState\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='workState' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"fedWorkCountry\">{{\"induction.add.employment.fed.work.location.country\"|translate}}</label>\r\n <app-dropdown [options]=\"workCountryOptions\" [formControl]=\"fedWorkCountry\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"fedWorkCountry\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='fedWorkCountry' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"fedWorkCity\">{{\"induction.add.employment.work.location.city\"|translate}}</label>\r\n <input id=\"fedWorkCity\" type=\"input\" pInputText [formControl]=\"fedWorkCity\" maxlength=\"30\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='fedWorkCity' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\" *ngIf=\"showWorkState === true\">\r\n <div class=\"field\">\r\n <label for=\"fedWorkState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n <app-dropdown [options]=\"statesOptions\" [formControl]=\"fedWorkState\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"fedWorkState\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='fedWorkState' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n\r\n\r\n\r\n\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"startDateFed\">{{\"induction.add.employment.fed.startdate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"startDateFed\" [showIcon]=\"true\" [maxDate]=\"dateTime\" inputId=\"startDateFed\"\r\n [formControl]=\"startDateFed\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" appendTo=\"body\"\r\n dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n [minDate]=\"minWorkStartDate\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='startDateFed' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"endDateFed\">{{\"induction.add.employment.fed.enddate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"endDateFed\" [showIcon]=\"true\" inputId=\"endDateFed\" [maxDate]=\"dateTime\"\r\n [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateFed\"\r\n [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='endDateFed' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"fedJobTileOrPosition\">{{\"induction.add.employment.fed.jobtitle\"|translate}}</label>\r\n <input id=\"fedJobTileOrPosition\" type=\"input\" pInputText [formControl]=\"fedJobTileOrPosition\"\r\n maxlength=\"100\" appStripInvisibleChars/>\r\n <!-- <p-autoComplete [formControl]=\"fedJobTileOrPosition\" [suggestions]=\"fedJobTileOptions\" \r\n (completeMethod)=\"filterFedJobTileOrPosition($event)\" field=\"jobTitle\" [dropdown]=\"false\" \r\n placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n <ng-template let-value pTemplate=\"item\">\r\n <div>\r\n <div>{{value.jobTitle}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete> -->\r\n\r\n <app-error [class]=\"'app-grid'\" [field]='fedJobTileOrPosition' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"sfEightflag\">{{\"induction.add.employment.fed.sfeight\"|translate}} </label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"sfEightflag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"sfEightflag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='sfEightflag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <ion-row *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') \r\n || !isBasePeriodEmployer) && employerType.value==='REG')\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"startDate\">{{\"induction.confirm.employment.startdate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"startDate\" [showIcon]=\"true\" inputId=\"startDate\" [maxDate]=\"dateTime\"\r\n [formControl]=\"startDate\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" [minDate]=\"minWorkStartDate\"\r\n appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='startDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"endDate\">{{\"induction.confirm.employment.enddate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"endDate\" [showIcon]=\"true\" inputId=\"endDate\" [minDate]=\"minDate\"\r\n [maxDate]=\"dateTime\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDate\"\r\n (onBlur)=\"validateWagesDisplay($event)\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n (onSelect)=\"validateWagesDisplay($event)\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='endDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='REG' || employerType.value==='FED') && this.currentState == 'CT')\">\r\n <label for=\"separationDateFlag\">{{\"induction.confirm.employment.separationDateFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"separationDateFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"separationDateFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='separationDateFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)\r\n && (employerType.value==='REG' || employerType.value==='FED') && this.currentState == 'CT' && separationDateFlag.value==='Y' )\">\r\n <label for=\"separationDate\">{{\"induction.confirm.employment.separationDate\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"separationDate\" [formControl]=\"separationDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='separationDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <ion-row *ngIf=\"(displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG')\">\r\n <!-- <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"numberEmployed\">{{\"induction.add.employment.reg.employees.no\" | translate}} </label>\r\n <p-inputNumber [id]=\"numberEmployed\" [useGrouping]=\"false\" [formControl]=\"numberEmployed\"\r\n maxlength=\"9\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='numberEmployed' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col> --> \r\n </ion-row>\r\n\r\n\r\n\r\n <!-- <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"claimantEmployedWithEmpr\">Were you employed while a spouse of a US military member stationed at\r\n a foreign military base?</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton unselectable=\"true\" [options]=\"yesNoNaOptions\" [formControl]=\"claimantEmployedWithEmpr\" optionLabel=\"text\"\r\n optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='claimantEmployedWithEmpr' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div> -->\r\n\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"performedService\">{{\"induction.add.employment.fed.civilian.work\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"performedService\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"performedService\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='performedService' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) && employerType.value==='REG'\">\r\n <label for=\"jobTileOrPosition\">{{\"induction.confirm.employment.jobtitle\"|translate}}</label>\r\n <input id=\"jobTileOrPosition\" type=\"input\" pInputText [formControl]=\"jobTileOrPosition\" maxlength=\"100\" />\r\n <!-- <p-autoComplete [formControl]=\"jobTileOrPosition\" [suggestions]=\"jobTileOrPositionOptions\" \r\n (completeMethod)=\"filterJobTileOrPosition($event)\" field=\"jobTitle\" (onClear)=\"onClearAction($event)\" \r\n [dropdown]=\"false\" placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n <ng-template let-value pTemplate=\"item\">\r\n <div>\r\n <div>{{value.jobTitle}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete> -->\r\n\r\n <app-error [class]=\"'app-grid'\" [field]='jobTileOrPosition' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <ion-row *ngIf=\"((employerType.value==='REG' || employerType.value==='FED') && !isBasePeriodEmployer)\">\r\n <ion-col style=\"padding-right:5px; padding-left: 0px; padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n <div class=\"field\">\r\n <label for=\"payRate\">{{\"induction.add.employment.payrate\"|translate}}</label>\r\n <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\"\r\n [max]=\"999999.99\" maxlength=\"12\" locale=\"en-US\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='payRate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col style=\"padding-right:5px;padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n <div class=\"field\">\r\n <label for=\"payRateFrequency\">{{\"induction.add.employment.per\"|translate}}</label>\r\n <app-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='payRateFrequency' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col *ngIf=\"this.currentState != 'MS' && displayVerificationOfWages.value && !isBasePeriodEmployer\" style=\"padding-top: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"grossWages\" style=\"inline-size: max-content;\">Total Wages Earned</label>\r\n <p-inputNumber [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n [max]=\"999999.99\" locale=\"en-US\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='grossWages' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"(employerType.value==='REG' || employerType.value==='FED')\">\r\n <ion-col style=\"padding-right:5px; padding-left: 0px;\"\r\n *ngIf=\"(isBasePeriodEmployer && workFlag.value==='Y')\">\r\n <div class=\"field\">\r\n <label for=\"payRate\">{{\"induction.confirm.employment.payrate\"|translate}}</label>\r\n <p-inputNumber [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\" [max]=\"999999.99\" maxlength=\"12\"\r\n locale=\"en-US\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='payRate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col style=\"padding-right:5px;\" *ngIf=\"(isBasePeriodEmployer && workFlag.value==='Y')\">\r\n <div class=\"field\">\r\n <label for=\"payRateFrequency\">{{\"induction.confirm.employment.per\"|translate}}</label>\r\n <app-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='payRateFrequency' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG' || employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer))\">\r\n <label for=\"hrsWeek\">{{\"induction.confirm.employment.hrsweek\"|translate}}</label>\r\n <p-inputNumber [formControl]=\"hrsWeek\" [max]=\"999\" maxlength=\"3\" locale=\"en-US\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='hrsWeek' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG' || employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer))\">\r\n <label for=\"shift\">{{\"induction.confirm.employment.shift\"|translate}}</label>\r\n <p-checkbox [name]=\"'shift-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of shiftOptions\" [formControl]=\"shift\" styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='shift' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n <div class=\"field\" *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG' || employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer))\">\r\n <label for=\"didWork\">{{\"induction.confirm.employment.didwork\"|translate}}</label>\r\n <app-dropdown [options]=\"didWorkOptions\" [formControl]=\"didWork\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" inputId=\"didWork\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='didWork' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n\r\n <div class=\"field\" *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG' || employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer))\">\r\n <label for=\"workWeek\">{{\"induction.confirm.employment.workweek\"|translate}}</label>\r\n <p-checkbox [name]=\"'workWeek-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of workWeekOptions\" [formControl]=\"workWeek\"\r\n styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='workWeek' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value && (((isBasePeriodEmployer && workFlag.value==='Y') \r\n || !isBasePeriodEmployer) && employerType.value!='MIL')\">\r\n <label for=\"reasonSeparation\">\r\n <div *ngIf=\"employerType.value==='REG' \">{{\"induction.confirm.employment.reason.separation\"|translate}}\r\n </div>\r\n <div *ngIf=\"employerType.value==='FED' \">{{\"induction.add.employment.fed.reason.separation\"|translate}}\r\n </div>\r\n </label>\r\n\r\n <app-dropdown [options]=\"employmentStatusOptionsAll\" [formControl]=\"reasonSeparation\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"reasonSeparation\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='reasonSeparation' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <!-- add for quit and discharge -->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') \r\n || !isBasePeriodEmployer) && reasonSeparation.value && reasonSeparation.value.value === 'DCFI' \r\n && employerType.value!='MIL')\">\r\n <label\r\n for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label>\r\n <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"dischargeDetail\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"dischargeDetail\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='dischargeDetail' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') \r\n || !isBasePeriodEmployer) && reasonSeparation.value && reasonSeparation.value.value === 'VOLQ' \r\n && employerType.value!='MIL')\">\r\n <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label>\r\n <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"volQuitDetails\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"volQuitDetails\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='volQuitDetails' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n <label for=\"milPensionFlag\">{{\"induction.add.employment.mil.pension\"|translate}}\r\n <br> {{\"induction.add.employment.mil.pension.disclaimer\"|translate}}\r\n </label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"milPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"milPensionFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='milPensionFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n <div class=\"field\"\r\n *ngIf=\"employerType.value==='MIL' && this.milPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n <label for=\"milPensionRecvDate\">{{\"induction.add.employment.mil.pension.date\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"milPensionRecvDate\" [formControl]=\"milPensionRecvDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='milPensionRecvDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n <label for=\"dd214Flag\">{{\"induction.add.employment.mil.dd214\"|translate}}\r\n </label><br>\r\n <div style=\"inline-size: min-content; display: inline-flex;\">\r\n <p-selectButton id=\"dd214Flag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"dd214Flag\"\r\n optionLabel=\"text\" optionValue=\"value\" (onOptionClick)=\"putMilValidation($event)\"></p-selectButton>\r\n </div>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='dd214Flag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n <div class=\"p-fluid p-formgrid\">\r\n\r\n <section class=\"pad-space\"> \r\n <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n </section>\r\n\r\n <section class=\"pad-space\"> \r\n <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n </section>\r\n <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='Y'\">\r\n <ion-col style=\"border-style: solid;\r\n border-width: 1px;\">\r\n <div [innerHTML]=\"paraOne | translate\">\r\n </div>\r\n <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraTwo | translate)\">\r\n </div> -->\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraThree | translate)\">\r\n </div>\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFour | translate)\">\r\n </div>\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFive | translate)\">\r\n </div> -->\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraSix| translate)\" style=\"padding-left: 15px;\">\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='N'\">\r\n <ion-col style=\"border-style: solid;\r\n border-width: 1px;\">\r\n <div [innerHTML]=\"noParaOne | translate\">\r\n </div>\r\n <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaTwo | translate)\">\r\n </div>\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaThree | translate)\">\r\n </div> -->\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFour | translate)\"\r\n style=\"padding-left: 15px;\">\r\n </div>\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFive | translate)\">\r\n </div> -->\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"(this.currentState != 'MS' && employerType.value==='REG' && osaBpEmployerFlag.value ==='1')\">\r\n <ion-col style=\"padding-top: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"grossWages\" style=\"inline-size: max-content;\">Total Wages Earned</label>\r\n <p-inputNumber [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n [max]=\"999999.99\" locale=\"en-US\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='grossWages' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED' \">\r\n <label for=\"fedPensionFlag\">{{\"induction.add.employment.fed.pension\"|translate}}\r\n <br> {{\"induction.add.employment.fed.pension.disclaimer\"|translate}}\r\n </label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"fedPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"fedPensionFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-overlay-info overlayText=\"{{'induction.add.employment.fed.pension.info'| translate}}\"\r\n style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='fedPensionFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\"\r\n *ngIf=\"employerType.value==='FED' && this.fedPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n <label for=\"fedPensionRecvDate\">{{\"induction.add.employment.fed.pension.date\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"fedPensionRecvDate\" [formControl]=\"fedPensionRecvDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='fedPensionRecvDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED' && this.currentState === 'ME' \">\r\n <label for=\"sevPayFlag\">{{\"induction.add.employment.fed.severance\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"sevPayFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sevPayFlag\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n <ion-col style=\"padding-right:5px;\">\r\n <div class=\"field\">\r\n <label for=\"weeklyAmount\">{{\"induction.add.employment.fed.severance.weekly.amt\"|translate}}</label>\r\n <p-inputNumber [formControl]=\"weeklyAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n [max]=\"999999.99\" locale=\"en-US\" inputId=\"weeklyAmount\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='weeklyAmount' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col style=\"padding-right:5px;\">\r\n <div class=\"field\">\r\n <label for=\"numberOfWeeks\">{{\"induction.add.employment.fed.severance.weeks\"|translate}}</label>\r\n <p-inputNumber inputId=\"numberOfWeeks\" [useGrouping]=\"false\" [formControl]=\"numberOfWeeks\"\r\n maxlength=\"4\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='numberOfWeeks' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col>\r\n <div class=\"field\">\r\n <label for=\"sevPayAmount\">{{\"induction.add.employment.fed.severance.entitlement\"|translate}}</label>\r\n <p-inputNumber [formControl]=\"sevPayAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n [max]=\"999999.99\" locale=\"en-US\" inputId=\"sevPayAmount\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayAmount' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n <ion-col style=\"padding-right:5px;\">\r\n <div class=\"field\">\r\n <label for=\"sevPayStartDate\">{{\"induction.add.employment.fed.severance.start.date\"|translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"sevPayStartDate\" (onBlur)=\"validate($event)\"\r\n (onSelect)=\"validate($event)\" [formControl]=\"sevPayStartDate\" [yearNavigator]=\"true\"\r\n yearRange=\"1901:2050\" appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayStartDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col style=\"padding-right:5px;\">\r\n <div class=\"field\">\r\n <label for=\"sevPayEndDate\">{{\"induction.add.employment.fed.severance.end.date\"|translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"sevPayEndDate\" [formControl]=\"sevPayEndDate\"\r\n [yearNavigator]=\"true\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n appendTo=\"body\" [minDate]=\"minDate\" dataType=\"string\" [showOnFocus]=\"false\"\r\n (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayEndDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col>\r\n <div class=\"field\">\r\n <label\r\n for=\"sevPayPaymentStartDate\">{{\"induction.add.employment.fed.severance.pay.date\"|translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"sevPayPaymentStartDate\" [formControl]=\"sevPayPaymentStartDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayPaymentStartDate' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n\r\n <div class=\"field\" *ngIf=\"(isBasePeriodEmployer && workFlag.value==='Y' && employerType.value==='REG')\">\r\n <label for=\"pensionFlag\">{{\"induction.confirm.employment.pension\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"pensionFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"pensionFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-overlay-info overlayText=\"{{'induction.confirm.employment.pension.info'| translate}}\"\r\n style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n <app-error [class]=\"'app-grid'\" [field]='pensionFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"(isBasePeriodEmployer && workFlag.value==='Y' && pensionFlag.value==='Y' \r\n && employerType.value==='REG' && this.currentState != 'ME')\">\r\n <label for=\"pensionRecvDate\">{{\"induction.confirm.employment.pension.date\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"pensionRecvDate\" [formControl]=\"pensionRecvDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='pensionRecvDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"(!isBasePeriodEmployer && employerType.value==='REG')\">\r\n <label for=\"regPensionFlag\">{{\"induction.add.employment.reg.pension\"|translate}} <br />\r\n {{\"induction.add.employment.reg.pension.disclaimer\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"regPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"regPensionFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-overlay-info overlayText=\"{{'induction.add.employment.reg.pension.info'| translate}}\"\r\n style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='regPensionFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"(!isBasePeriodEmployer && employerType.value==='REG' \r\n && regPensionFlag.value==='Y' && this.currentState != 'ME')\">\r\n <label for=\"regPensionRecvDate\">{{\"induction.add.employment.reg.pension.date\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"regPensionRecvDate\" [formControl]=\"regPensionRecvDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='regPensionRecvDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n <!-- REG DismissalPayFlag -->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='REG' ) && this.currentState == 'CT')\">\r\n <label for=\"regDissmisalFlag\">{{\"induction.confirm.employment.dissmisalFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"regDissmisalFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"regDissmisalFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='regDissmisalFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <!-- REG dismissalCheckBox-->\r\n <div class=\"field\"\r\n *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)) && this.regDissmisalFlag.value==='Y'\">\r\n <label for=\"regDissmisalCheckBox\">{{\"induction.confirm.employment.dissmisalCheckBox\"|translate}}</label>\r\n <p-checkbox [name]=\"'regDissmisalCheckBox-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of dissmisalCheckBoxOptions\" [formControl]=\"regDissmisalCheckBox\"\r\n styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='regDissmisalCheckBox' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <!-- REG LaidOffFlag-->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='REG' ) && this.currentState == 'CT')\">\r\n <label for=\"regLaidOffFlag\">{{\"induction.confirm.employment.laidOffFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"regLaidOffFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"regLaidOffFlag\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='regLaidOffFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <!-- FED DismissalPayFlag -->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='FED' ) && this.currentState == 'CT')\">\r\n <label for=\"fedDissmisalFlag\">{{\"induction.confirm.employment.dissmisalFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"fedDissmisalFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"fedDissmisalFlag\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='fedDissmisalFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <!-- FED dismissalCheckBox -->\r\n <div class=\"field\"\r\n *ngIf=\"((this.currentState === 'CT' && (employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)) && this.fedDissmisalFlag.value==='Y'\">\r\n <label for=\"fedDissmisalCheckBox\">{{\"induction.confirm.employment.dissmisalCheckBox\"|translate}}</label>\r\n <p-checkbox [name]=\"'fedDissmisalCheckBox-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of dissmisalCheckBoxOptions\" [formControl]=\"fedDissmisalCheckBox\"\r\n styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='fedDissmisalCheckBox' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <!-- FED LaidOffFlag-->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='FED' ) && this.currentState == 'CT')\">\r\n <label for=\"fedLaidOffFlag\">{{\"induction.confirm.employment.laidOffFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"fedLaidOffFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"fedLaidOffFlag\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='fedLaidOffFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n <div class=\"field\" *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)\r\n && employerType.value==='REG' && this.currentState != 'CT'\">\r\n <label\r\n for=\"isClmtPaidWhileLow\">{{\"induction.confirm.employment.employer.pay.return.to.work\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex;\">\r\n <p-selectButton id=\"isClmtPaidWhileLow\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"isClmtPaidWhileLow\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-overlay-info\r\n overlayText=\"{{'induction.add.employment.reg.employerPayReturnToWorkInfo'| translate}}\"\r\n style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='isClmtPaidWhileLow' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState ==='ME'\">\r\n <label for=\"hasShortTermDisability\">{{\"induction.confirm.employment.shorttermdisability\"|translate}}\r\n {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"hasShortTermDisability\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"hasShortTermDisability\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='hasShortTermDisability' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState==='ME'\">\r\n <label for=\"hasRecvRemuneration\">{{\"induction.confirm.employment.remuneration.pay\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"hasRecvRemuneration\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"hasRecvRemuneration\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='hasRecvRemuneration' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) && employerType.value==='REG' && currentState==='ME' && hasRecvRemuneration.value==='Y' && osaBpEmployerFlag.value==='0'\">\r\n <label for=\"remunerationTypes\">{{\"induction.confirm.employment.remuneration.types\"|translate}}</label>\r\n <p-checkbox [name]=\"'remunerationtypes-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of remunerationTypeOptions\" [formControl]=\"remunerationTypes\"\r\n styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='remunerationTypes' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y' && schoolFlag ==='1') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState ==='ME'\">\r\n <label for=\"vacation\">{{\"induction.confirm.employment.vacation.break\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"vacation\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"vacation\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='vacation' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div\r\n *ngIf=\"workState.value && workState.value.value===this.currentState && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n <div class=\"field\">\r\n <h4>{{\"induction.add.employment.reg.verification.wages.header\"|translate}}</h4>\r\n </div>\r\n <div class=\"field\">\r\n <label>{{\"induction.add.employment.reg.verification.wages.subheader\"|translate}}</label>\r\n </div>\r\n\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"workType\">{{\"induction.add.employment.reg.work.type\" | translate}}</label>\r\n <input id=\"workType\" type=\"input\" pInputText [formControl]=\"workType\" maxlength=\"50\" />\r\n <app-error [class]=\"'app-grid'\" [field]='workType' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <div class=\"field\">\r\n <label for=\"paymentType\">{{\"induction.add.employment.reg.verification.wages.paymode\"|translate}}</label>\r\n <p-selectButton id=\"paymentType\" unselectable=\"true\" [options]=\"payMethodOptions\"\r\n [formControl]=\"paymentType\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='paymentType' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\">\r\n <label for=\"docsReceived\">{{\"induction.add.employment.reg.verification.wages.docs\"|translate}}</label>\r\n <p-selectButton id=\"docsReceived\" unselectable=\"true\" [options]=\"wageProofOptions\"\r\n [formControl]=\"docsReceived\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='docsReceived' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\">\r\n <label for=\"otherSSNFlag\">{{\"induction.add.employment.reg.verification.wages.other.ssn.flag\"|translate}}\r\n {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?\r\n </label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"otherSSNFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"otherSSNFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='otherSSNFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n <div class=\"field\" *ngIf=\"this.otherSSNFlag.value === 'Y'\">\r\n <label for=\"otherSSN\">{{\"induction.add.employment.reg.verification.wages.other.ssn\"|translate}}</label>\r\n <p-inputMask mask=\"999-99-9999\" id=\"otherSSN\" [formControl]=\"otherSSN\" placeholder=\"999-99-9999\">\r\n </p-inputMask>\r\n <app-error [class]=\"'app-grid'\" [field]='otherSSN' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <!-- <div class=\"field\">\r\n <label for=\"hiredBy\">Manager's Name & Title</label>\r\n <input id=\"hiredBy\" type=\"input\" pInputText [formControl]=\"hiredBy\" maxlength=\"40\"/>\r\n <app-error [class]=\"'app-grid'\" [field]='hiredBy' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error> \r\n </div> -->\r\n </div>\r\n\r\n <ion-row\r\n *ngIf=\"workState.value && workState.value.value=== this.currentState && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label\r\n for=\"otherNameFlag\">{{\"induction.add.employment.reg.verification.wages.other.name.flag\"|translate}}\r\n {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?\r\n </label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"otherNameFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"otherNameFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='otherNameFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n <div class=\"field\" *ngIf=\"this.otherNameFlag.value === 'Y'\">\r\n <label\r\n for=\"otherName\">{{\"induction.add.employment.reg.verification.wages.other.name\"|translate}}</label>\r\n <input id=\"otherName\" type=\"input\" pInputText [formControl]=\"otherName\" maxlength=\"30\" />\r\n <app-error [class]=\"'app-grid'\" [field]='otherName' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <!-- <ion-row *ngIf=\"workState.value && workState.value.value==='MS' && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"fein\">FEIN</label>\r\n <p-inputNumber [id]=\"fein\" [useGrouping]=\"false\" [formControl]=\"fein\" maxlength=\"9\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='fein' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"doingBusinessAs\">Doing Business As/Trade Name</label>\r\n <input id=\"doingBusinessAs\" type=\"input\" pInputText [formControl]=\"doingBusinessAs\" maxlength=\"100\"/>\r\n <app-error [class]=\"'app-grid'\" [field]='doingBusinessAs' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row> -->\r\n\r\n <!--<ion-row *ngIf=\"workState.value && workState.value.value===this.currentState && displayVerificationOfWages.value \r\n && !isBasePeriodEmployer && employerType.value==='REG' && false\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"businessNature\">{{\"induction.add.employment.reg.verification.nature\"|translate}}</label>\r\n <input id=\"businessNature\" type=\"input\" pInputText [formControl]=\"businessNature\" maxlength=\"250\"/>\r\n <app-error [class]=\"'app-grid'\" [field]='businessNature' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>-->\r\n <div *ngIf=\"((workState.value && workState.value.value===currentState && employerType && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG') \r\n || (employerType.value==='FED' && isNewClaim)) && (employerType.value!='MIL')\">\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label><b>{{\"induction.add.employment.fed.verification.wages\"|translate}}</b></label>\r\n </div>\r\n <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n <label><b>{{\"induction.add.employment.reg.verification.wages\"|translate}}</b></label>\r\n </div>\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label>{{\"induction.add.employment.fed.verification.wages.statement\"|translate}}</label>\r\n </div>\r\n <div class=\"field\">\r\n <table rules=rows>\r\n <tr>\r\n <th style=\"text-align: center;\">{{\"induction.add.employment.reg.verification.wages.col1\"|translate}}\r\n </th>\r\n <th>{{\"induction.add.employment.reg.verification.wages.col2\"|translate}}</th>\r\n </tr>\r\n <ng-container formArrayName=\"wageAmountArray\">\r\n <ng-container *ngFor=\"let wageAmountForm of wageAmountArray.controls; let i = index\"\r\n [formGroupName]=\"i\">\r\n <tr\r\n *ngIf=\"((employerType.value==='FED') || (employerType.value==='REG' && wageAmountForm.value.displayForAll===true) )\" class=\"quarterText\">\r\n <td>\r\n {{wageAmountForm.value.qtrYearDisplayString}}\r\n </td>\r\n <td>\r\n <p-inputNumber [inputId]=\"'wageAmount' + i\" ariaLabel=\"wageAmount\"\r\n formControlName=\"wageAmount\" mode=\"currency\" [min]=\"0.00\" [max]=\"999999.99\" maxlength=\"12\"\r\n currency=\"USD\" locale=\"en-US\">\r\n </p-inputNumber>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n <tr *ngIf=\"wageAmountArray.errors?.requireCheckboxToBeChecked\">\r\n <td colspan=\"2\">\r\n <app-error [class]=\"'app-grid'\" [field]='wageAmountArray' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n requireCheckboxToBeChecked: 'at least one amount must be greater than zero'\r\n }\"></app-error>\r\n </td>\r\n </tr>\r\n\r\n </ng-container>\r\n </table>\r\n </div>\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(statement1 | translate)\"></div>\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(statement2 | translate)\"></div> -->\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(statement3 | translate)\"></div> -->\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(statement4 | translate)\"\r\n style=\"padding-left: 15px;\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row>\r\n <ion-col class=\"ion-text-right\">\r\n <ion-button shape=\"round\" style=\"width: 80px;\" fill=\"outline\" (click)=\"onModelCancel(false)\"\r\n type=\"reset\">{{\"induction.employment.button.cancel\"|translate}} </ion-button>\r\n <ion-button shape=\"round\" style=\"width: 80px;\" (click)=\"save()\" type=\"submit\" *ngIf=\"isBasePeriodEmployer\">\r\n {{\"induction.employment.button.save\"|translate}} </ion-button>\r\n <ion-button shape=\"round\" style=\"width: 80px;\" (click)=\"add()\" type=\"submit\" *ngIf=\"!isBasePeriodEmployer\">\r\n {{\"induction.employment.button.add\"|translate}} </ion-button>\r\n </ion-col>\r\n </ion-row>\r\n\r\n </ion-grid>\r\n </form>\r\n</p-dialog>", styles: [".p-fluid .p-buttonset{display:flex}.p-selectbutton .p-button{width:50px!important}table,th,td{border:1px solid grey;border-collapse:collapse;padding:5px}table th{background-color:#f1f1f1}table{width:100%}.pad-space{display:block}@media (min-width: 768px) and (max-width: 1025px){.pad-space{display:none}}@media screen and (max-width: 1265px){.quarterText{width:max-content!important;white-space:nowrap}}\n"] }]
|
|
27432
|
+
args: [{ selector: 'app-add-employer', template: "<p-dialog visible=\"true\" modal=\"true\" position=\"top\" appendTo=\"body\" [showHeader]=\"false\" [draggable]=\"false\"\r\n [resizable]=\"false\" [style]=\"{width: '80vw'}\"\r\n [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '100vw', '576px': '100vw'}\">\r\n <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\"> {{\"induction.confirm.employment.heading\"|translate}}\r\n </h4>\r\n\r\n\r\n <form [formGroup]=\"addEmployerForm\" #addEmployerFormDirective=\"ngForm\">\r\n <ion-grid>\r\n <ion-row>\r\n <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"12\" sizeLg=\"10\" sizeXl=\"6\">\r\n <div class=\"p-fluid p-formgrid\">\r\n <div class=\"field\" *ngIf=\"isBasePeriodEmployer\">\r\n {{customerName}}\r\n <div *ngIf=\"aliasName != null\">\r\n {{\"induction.confirm.employment.dba\"|translate}} {{aliasName}}</div>\r\n <br>\r\n <div *ngIf=\"isBasePeriodEmployer && osaBpEmployerFlag.value ==='0'\">\r\n <span style=\"font-size: 12px;\"> {{mailingAddressDisplay}}\r\n </span>\r\n </div>\r\n <div *ngIf=\"isCSR && osaBpEmployerFlag.value ==='0'\">\r\n <br>\r\n {{\"induction.confirm.employment.employer.wages\"|translate}}\r\n </div>\r\n <div class=\"field\" *ngIf=\"isCSR\">\r\n <p-table [value]=\"employerProvidedWages\" styleClass=\"p-datatable-striped app-datatable ion-padding-top\"\r\n [columns]=\"employerProvidedWages\">\r\n <ng-template pTemplate=\"header\" let-columns>\r\n <tr>\r\n <th *ngFor=\"let col of columns\">\r\n <b>{{ col.qtrYearDisplayString }}</b>\r\n </th>\r\n </tr>\r\n <tr>\r\n <td *ngFor=\"let col of columns\">\r\n {{col.wageAmount | currency}}\r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"isBasePeriodEmployer && workFlag.value == 'N'\">\r\n <label for=\"workFlag\">{{\"induction.confirm.employment.workflag.no\"|translate}}<br /> <br />\r\n {{\"induction.confirm.employment.workflag.no.line2\"|translate}}</label>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"!isBasePeriodEmployer\">\r\n <label for=\"employerType\">{{\"induction.add.employment.employer.type\"|translate}}</label>\r\n <div style=\"inline-size: inherit;\">\r\n <p-selectButton id=\"employerType\" unselectable=\"true\" [options]=\"employerTypeOptions\" optionLabel=\"text\"\r\n optionValue=\"value\" [formControl]=\"employerType\"\r\n (onOptionClick)=\"onToggleChangeEmployerType($event)\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='employerType' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\">\r\n <label for=\"employerName\">{{\"induction.add.employment.employer.name\"|translate}}</label>\r\n <app-search-employer [formControl]=\"employerName\" empType=\"REG\" (onFound)=\"setEmployer($event)\"\r\n (onEmpty)=\"resetEmployer($event)\"></app-search-employer>\r\n <app-error [class]=\"'app-grid'\" [field]='employerName' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" style=\"width: inherit !important;\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"fedEmployerName\">{{\"induction.add.employment.employer.fed.name\"|translate}}</label>\r\n <app-search-employer [formControl]=\"fedEmployerName\" empType=\"FED\" (onFound)=\"setFedEmployer($event)\"\r\n (onEmpty)=\"resetFedEmployer($event)\"></app-search-employer>\r\n <app-error [class]=\"'app-grid'\" [field]='fedEmployerName' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='MIL' && this.currentState != 'ME'\">\r\n <label for=\"serviceBranch\">{{\"induction.add.employment.mil.service.branch\"|translate}}</label>\r\n <app-dropdown [options]=\"militaryServiceOptions\" [formControl]=\"serviceBranch\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"serviceBranch\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='serviceBranch' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n \r\n <!-- Maine includes Space Force -->\r\n <div class=\"field\" *ngIf=\"employerType.value==='MIL' && this.currentState === 'ME'\">\r\n <label for=\"serviceBranch\">{{\"induction.add.employment.mil.service.branch\"|translate}}</label>\r\n <app-dropdown [options]=\"militaryServiceOptionsWithSpace\" [formControl]=\"serviceBranch\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"serviceBranch\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='serviceBranch' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <ion-row *ngIf=\"employerType.value==='MIL'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"startDateMil\">{{\"induction.add.employment.mil.startdate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"startDateMil\" [showIcon]=\"true\" inputId=\"startDateMil\"\r\n [formControl]=\"startDateMil\" [maxDate]=\"dateTime\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"\r\n appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n [minDate]=\"minWorkStartDate\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='startDateMil' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"endDateMil\">{{\"induction.add.employment.mil.enddate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"endDateMil\" [showIcon]=\"true\" inputId=\"endDateMil\" [maxDate]=\"dateTime\"\r\n [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateMil\"\r\n [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='endDateMil' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED' && hideFicCode\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"ficCode\">{{\"induction.add.employment.fed.fic.code\"|translate}}</label>\r\n <input id=\"ficCode\" type=\"input\" pInputText [formControl]=\"ficCode\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='ficCode' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"ficDestinationName\">{{\"induction.add.employment.fed.fic.destination\"|translate}}</label>\r\n <input id=\"ficDestinationName\" type=\"input\" pInputText [formControl]=\"ficDestinationName\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='ficDestinationName' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\">\r\n <ion-col style=\"padding-left: 0px; padding-right: 0px;\">\r\n <app-address #address1 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\">\r\n </app-address>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"isBasePeriodEmployer && osaBpEmployerFlag.value ==='1' && employerType.value==='REG'\">\r\n <ion-col style=\"padding-left: 0px; padding-right: 0px;\">\r\n <app-address #address3 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\">\r\n </app-address>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <app-address #address2 [formControl]=\"address\" countyRequired=\"false\" [fromPopup]=\"true\"> </app-address>\r\n <app-error [class]=\"'app-grid'\" [field]='address' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n addressValidationFlag: 'Please provide, a valid address.'\r\n }\"></app-error>\r\n </div>\r\n\r\n \r\n <div class=\"field\"\r\n *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) && employerType.value==='REG')\">\r\n <label for=\"employerTelephoneNumber\">{{\"induction.confirm.employment.employer.phone\"|translate}}</label>\r\n\r\n <p-inputMask mask=\"999-999-9999\" id=\"employerTelephoneNumber\" [formControl]=\"employerTelephoneNumber\"\r\n placeholder=\"999-999-9999\"></p-inputMask>\r\n\r\n\r\n <app-error [class]=\"'app-grid'\" [field]='employerTelephoneNumber' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n <ion-row *ngIf=\"(!isBasePeriodEmployer && employerType.value==='REG')\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"workCity\">{{\"induction.add.employment.work.location.city\"|translate}} </label>\r\n <input id=\"workCity\" type=\"input\" pInputText [formControl]=\"workCity\" maxlength=\"30\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='workCity' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"workState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n <app-dropdown [options]=\"statesOptions\" [formControl]=\"workState\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" inputId=\"workState\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='workState' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"fedWorkCountry\">{{\"induction.add.employment.fed.work.location.country\"|translate}}</label>\r\n <app-dropdown [options]=\"workCountryOptions\" [formControl]=\"fedWorkCountry\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"fedWorkCountry\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='fedWorkCountry' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"fedWorkCity\">{{\"induction.add.employment.work.location.city\"|translate}}</label>\r\n <input id=\"fedWorkCity\" type=\"input\" pInputText [formControl]=\"fedWorkCity\" maxlength=\"30\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='fedWorkCity' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\" *ngIf=\"showWorkState === true\">\r\n <div class=\"field\">\r\n <label for=\"fedWorkState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n <app-dropdown [options]=\"statesOptions\" [formControl]=\"fedWorkState\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"fedWorkState\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='fedWorkState' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n\r\n\r\n\r\n\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"startDateFed\">{{\"induction.add.employment.fed.startdate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"startDateFed\" [showIcon]=\"true\" [maxDate]=\"dateTime\" inputId=\"startDateFed\"\r\n [formControl]=\"startDateFed\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" appendTo=\"body\"\r\n dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n [minDate]=\"minWorkStartDate\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='startDateFed' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"endDateFed\">{{\"induction.add.employment.fed.enddate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"endDateFed\" [showIcon]=\"true\" inputId=\"endDateFed\" [maxDate]=\"dateTime\"\r\n [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateFed\"\r\n [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='endDateFed' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"fedJobTileOrPosition\">{{\"induction.add.employment.fed.jobtitle\"|translate}}</label>\r\n <input id=\"fedJobTileOrPosition\" type=\"input\" pInputText [formControl]=\"fedJobTileOrPosition\"\r\n maxlength=\"100\" appStripInvisibleChars/>\r\n <!-- <p-autoComplete [formControl]=\"fedJobTileOrPosition\" [suggestions]=\"fedJobTileOptions\" \r\n (completeMethod)=\"filterFedJobTileOrPosition($event)\" field=\"jobTitle\" [dropdown]=\"false\" \r\n placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n <ng-template let-value pTemplate=\"item\">\r\n <div>\r\n <div>{{value.jobTitle}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete> -->\r\n\r\n <app-error [class]=\"'app-grid'\" [field]='fedJobTileOrPosition' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"sfEightflag\">{{\"induction.add.employment.fed.sfeight\"|translate}} </label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"sfEightflag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"sfEightflag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='sfEightflag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <ion-row *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') \r\n || !isBasePeriodEmployer) && employerType.value==='REG')\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"startDate\">{{\"induction.confirm.employment.startdate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"startDate\" [showIcon]=\"true\" inputId=\"startDate\" [maxDate]=\"dateTime\"\r\n [formControl]=\"startDate\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" [minDate]=\"minWorkStartDate\"\r\n appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='startDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"endDate\">{{\"induction.confirm.employment.enddate\"|translate}}</label>\r\n <p-calendar iconAriaLabel=\"endDate\" [showIcon]=\"true\" inputId=\"endDate\" [minDate]=\"minDate\"\r\n [maxDate]=\"dateTime\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDate\"\r\n (onBlur)=\"validateWagesDisplay($event)\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n (onSelect)=\"validateWagesDisplay($event)\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='endDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='REG' || employerType.value==='FED') && this.currentState == 'CT')\">\r\n <label for=\"separationDateFlag\">{{\"induction.confirm.employment.separationDateFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"separationDateFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"separationDateFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='separationDateFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)\r\n && (employerType.value==='REG' || employerType.value==='FED') && this.currentState == 'CT' && separationDateFlag.value==='Y' )\">\r\n <label for=\"separationDate\">{{\"induction.confirm.employment.separationDate\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"separationDate\" [formControl]=\"separationDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='separationDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <ion-row *ngIf=\"(displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG')\">\r\n <!-- <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"numberEmployed\">{{\"induction.add.employment.reg.employees.no\" | translate}} </label>\r\n <p-inputNumber [id]=\"numberEmployed\" [useGrouping]=\"false\" [formControl]=\"numberEmployed\"\r\n maxlength=\"9\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='numberEmployed' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col> --> \r\n </ion-row>\r\n\r\n\r\n\r\n <!-- <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"claimantEmployedWithEmpr\">Were you employed while a spouse of a US military member stationed at\r\n a foreign military base?</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton unselectable=\"true\" [options]=\"yesNoNaOptions\" [formControl]=\"claimantEmployedWithEmpr\" optionLabel=\"text\"\r\n optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='claimantEmployedWithEmpr' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div> -->\r\n\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label for=\"performedService\">{{\"induction.add.employment.fed.civilian.work\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"performedService\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"performedService\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='performedService' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) && employerType.value==='REG'\">\r\n <label for=\"jobTileOrPosition\">{{\"induction.confirm.employment.jobtitle\"|translate}}</label>\r\n <input id=\"jobTileOrPosition\" type=\"input\" pInputText [formControl]=\"jobTileOrPosition\" maxlength=\"100\" />\r\n <!-- <p-autoComplete [formControl]=\"jobTileOrPosition\" [suggestions]=\"jobTileOrPositionOptions\" \r\n (completeMethod)=\"filterJobTileOrPosition($event)\" field=\"jobTitle\" (onClear)=\"onClearAction($event)\" \r\n [dropdown]=\"false\" placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n <ng-template let-value pTemplate=\"item\">\r\n <div>\r\n <div>{{value.jobTitle}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete> -->\r\n\r\n <app-error [class]=\"'app-grid'\" [field]='jobTileOrPosition' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <ion-row *ngIf=\"((employerType.value==='REG' || employerType.value==='FED') && !isBasePeriodEmployer)\">\r\n <ion-col style=\"padding-right:5px; padding-left: 0px; padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n <div class=\"field\">\r\n <label for=\"payRate\">{{\"induction.add.employment.payrate\"|translate}}</label>\r\n <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\"\r\n [max]=\"999999.99\" maxlength=\"12\" locale=\"en-US\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='payRate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col style=\"padding-right:5px;padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n <div class=\"field\">\r\n <label for=\"payRateFrequency\">{{\"induction.add.employment.per\"|translate}}</label>\r\n <app-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='payRateFrequency' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col *ngIf=\"this.currentState != 'MS' && displayVerificationOfWages.value && !isBasePeriodEmployer\" style=\"padding-top: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"grossWages\" style=\"inline-size: max-content;\">Total Wages Earned since {{bpStartDateToDisplay | date:'MMMM d, yyyy'}}</label>\r\n <p-inputNumber [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n [max]=\"999999.99\" locale=\"en-US\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='grossWages' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"(employerType.value==='REG' || employerType.value==='FED')\">\r\n <ion-col style=\"padding-right:5px; padding-left: 0px;\"\r\n *ngIf=\"(isBasePeriodEmployer && workFlag.value==='Y')\">\r\n <div class=\"field\">\r\n <label for=\"payRate\">{{\"induction.confirm.employment.payrate\"|translate}}</label>\r\n <p-inputNumber [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\" [max]=\"999999.99\" maxlength=\"12\"\r\n locale=\"en-US\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='payRate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col style=\"padding-right:5px;\" *ngIf=\"(isBasePeriodEmployer && workFlag.value==='Y')\">\r\n <div class=\"field\">\r\n <label for=\"payRateFrequency\">{{\"induction.confirm.employment.per\"|translate}}</label>\r\n <app-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='payRateFrequency' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG' || employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer))\">\r\n <label for=\"hrsWeek\">{{\"induction.confirm.employment.hrsweek\"|translate}}</label>\r\n <p-inputNumber [formControl]=\"hrsWeek\" [max]=\"999\" maxlength=\"3\" locale=\"en-US\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='hrsWeek' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG' || employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer))\">\r\n <label for=\"shift\">{{\"induction.confirm.employment.shift\"|translate}}</label>\r\n <p-checkbox [name]=\"'shift-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of shiftOptions\" [formControl]=\"shift\" styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='shift' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n <div class=\"field\" *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG' || employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer))\">\r\n <label for=\"didWork\">{{\"induction.confirm.employment.didwork\"|translate}}</label>\r\n <app-dropdown [options]=\"didWorkOptions\" [formControl]=\"didWork\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" inputId=\"didWork\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='didWork' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n\r\n <div class=\"field\" *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG' || employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer))\">\r\n <label for=\"workWeek\">{{\"induction.confirm.employment.workweek\"|translate}}</label>\r\n <p-checkbox [name]=\"'workWeek-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of workWeekOptions\" [formControl]=\"workWeek\"\r\n styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='workWeek' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value && (((isBasePeriodEmployer && workFlag.value==='Y') \r\n || !isBasePeriodEmployer) && employerType.value!='MIL')\">\r\n <label for=\"reasonSeparation\">\r\n <div *ngIf=\"employerType.value==='REG' \">{{\"induction.confirm.employment.reason.separation\"|translate}}\r\n </div>\r\n <div *ngIf=\"employerType.value==='FED' \">{{\"induction.add.employment.fed.reason.separation\"|translate}}\r\n </div>\r\n </label>\r\n\r\n <app-dropdown [options]=\"employmentStatusOptionsAll\" [formControl]=\"reasonSeparation\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"reasonSeparation\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='reasonSeparation' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <!-- add for quit and discharge -->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') \r\n || !isBasePeriodEmployer) && reasonSeparation.value && reasonSeparation.value.value === 'DCFI' \r\n && employerType.value!='MIL')\">\r\n <label\r\n for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label>\r\n <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"dischargeDetail\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"dischargeDetail\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='dischargeDetail' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') \r\n || !isBasePeriodEmployer) && reasonSeparation.value && reasonSeparation.value.value === 'VOLQ' \r\n && employerType.value!='MIL')\">\r\n <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label>\r\n <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"volQuitDetails\" optionLabel=\"text\"\r\n appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"volQuitDetails\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='volQuitDetails' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n <label for=\"milPensionFlag\">{{\"induction.add.employment.mil.pension\"|translate}}\r\n <br> {{\"induction.add.employment.mil.pension.disclaimer\"|translate}}\r\n </label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"milPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"milPensionFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='milPensionFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n <div class=\"field\"\r\n *ngIf=\"employerType.value==='MIL' && this.milPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n <label for=\"milPensionRecvDate\">{{\"induction.add.employment.mil.pension.date\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"milPensionRecvDate\" [formControl]=\"milPensionRecvDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='milPensionRecvDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n <label for=\"dd214Flag\">{{\"induction.add.employment.mil.dd214\"|translate}}\r\n </label><br>\r\n <div style=\"inline-size: min-content; display: inline-flex;\">\r\n <p-selectButton id=\"dd214Flag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"dd214Flag\"\r\n optionLabel=\"text\" optionValue=\"value\" (onOptionClick)=\"putMilValidation($event)\"></p-selectButton>\r\n </div>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='dd214Flag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n <div class=\"p-fluid p-formgrid\">\r\n\r\n <section class=\"pad-space\"> \r\n <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n </section>\r\n\r\n <section class=\"pad-space\"> \r\n <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n <ion-col>\r\n <div class=\"field\"></div>\r\n </ion-col>\r\n </ion-row>\r\n </section>\r\n <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='Y'\">\r\n <ion-col style=\"border-style: solid;\r\n border-width: 1px;\">\r\n <div [innerHTML]=\"paraOne | translate\">\r\n </div>\r\n <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraTwo | translate)\">\r\n </div> -->\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraThree | translate)\">\r\n </div>\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFour | translate)\">\r\n </div>\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFive | translate)\">\r\n </div> -->\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraSix| translate)\" style=\"padding-left: 15px;\">\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='N'\">\r\n <ion-col style=\"border-style: solid;\r\n border-width: 1px;\">\r\n <div [innerHTML]=\"noParaOne | translate\">\r\n </div>\r\n <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaTwo | translate)\">\r\n </div>\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaThree | translate)\">\r\n </div> -->\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFour | translate)\"\r\n style=\"padding-left: 15px;\">\r\n </div>\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFive | translate)\">\r\n </div> -->\r\n </ion-col>\r\n </ion-row>\r\n <ion-row *ngIf=\"(this.currentState != 'MS' && employerType.value==='REG' && osaBpEmployerFlag.value ==='1')\">\r\n <ion-col style=\"padding-top: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"grossWages\" style=\"inline-size: max-content;\">Total Wages Earned since {{bpStartDateToDisplay | date:'MMMM d, yyyy'}}</label>\r\n <p-inputNumber [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n [max]=\"999999.99\" locale=\"en-US\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='grossWages' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED' \">\r\n <label for=\"fedPensionFlag\">{{\"induction.add.employment.fed.pension\"|translate}}\r\n <br> {{\"induction.add.employment.fed.pension.disclaimer\"|translate}}\r\n </label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"fedPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"fedPensionFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-overlay-info overlayText=\"{{'induction.add.employment.fed.pension.info'| translate}}\"\r\n style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='fedPensionFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\"\r\n *ngIf=\"employerType.value==='FED' && this.fedPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n <label for=\"fedPensionRecvDate\">{{\"induction.add.employment.fed.pension.date\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"fedPensionRecvDate\" [formControl]=\"fedPensionRecvDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='fedPensionRecvDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED' && this.currentState === 'ME' \">\r\n <label for=\"sevPayFlag\">{{\"induction.add.employment.fed.severance\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"sevPayFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sevPayFlag\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n <ion-col style=\"padding-right:5px;\">\r\n <div class=\"field\">\r\n <label for=\"weeklyAmount\">{{\"induction.add.employment.fed.severance.weekly.amt\"|translate}}</label>\r\n <p-inputNumber [formControl]=\"weeklyAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n [max]=\"999999.99\" locale=\"en-US\" inputId=\"weeklyAmount\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='weeklyAmount' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col style=\"padding-right:5px;\">\r\n <div class=\"field\">\r\n <label for=\"numberOfWeeks\">{{\"induction.add.employment.fed.severance.weeks\"|translate}}</label>\r\n <p-inputNumber inputId=\"numberOfWeeks\" [useGrouping]=\"false\" [formControl]=\"numberOfWeeks\"\r\n maxlength=\"4\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='numberOfWeeks' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col>\r\n <div class=\"field\">\r\n <label for=\"sevPayAmount\">{{\"induction.add.employment.fed.severance.entitlement\"|translate}}</label>\r\n <p-inputNumber [formControl]=\"sevPayAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n [max]=\"999999.99\" locale=\"en-US\" inputId=\"sevPayAmount\">\r\n </p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayAmount' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n <ion-col style=\"padding-right:5px;\">\r\n <div class=\"field\">\r\n <label for=\"sevPayStartDate\">{{\"induction.add.employment.fed.severance.start.date\"|translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"sevPayStartDate\" (onBlur)=\"validate($event)\"\r\n (onSelect)=\"validate($event)\" [formControl]=\"sevPayStartDate\" [yearNavigator]=\"true\"\r\n yearRange=\"1901:2050\" appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayStartDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col style=\"padding-right:5px;\">\r\n <div class=\"field\">\r\n <label for=\"sevPayEndDate\">{{\"induction.add.employment.fed.severance.end.date\"|translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"sevPayEndDate\" [formControl]=\"sevPayEndDate\"\r\n [yearNavigator]=\"true\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n appendTo=\"body\" [minDate]=\"minDate\" dataType=\"string\" [showOnFocus]=\"false\"\r\n (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayEndDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <ion-col>\r\n <div class=\"field\">\r\n <label\r\n for=\"sevPayPaymentStartDate\">{{\"induction.add.employment.fed.severance.pay.date\"|translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"sevPayPaymentStartDate\" [formControl]=\"sevPayPaymentStartDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='sevPayPaymentStartDate' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n\r\n <div class=\"field\" *ngIf=\"(isBasePeriodEmployer && workFlag.value==='Y' && employerType.value==='REG')\">\r\n <label for=\"pensionFlag\">{{\"induction.confirm.employment.pension\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"pensionFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"pensionFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-overlay-info overlayText=\"{{'induction.confirm.employment.pension.info'| translate}}\"\r\n style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n <app-error [class]=\"'app-grid'\" [field]='pensionFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"(isBasePeriodEmployer && workFlag.value==='Y' && pensionFlag.value==='Y' \r\n && employerType.value==='REG' && this.currentState != 'ME')\">\r\n <label for=\"pensionRecvDate\">{{\"induction.confirm.employment.pension.date\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"pensionRecvDate\" [formControl]=\"pensionRecvDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='pensionRecvDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"(!isBasePeriodEmployer && employerType.value==='REG')\">\r\n <label for=\"regPensionFlag\">{{\"induction.add.employment.reg.pension\"|translate}} <br />\r\n {{\"induction.add.employment.reg.pension.disclaimer\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"regPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"regPensionFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-overlay-info overlayText=\"{{'induction.add.employment.reg.pension.info'| translate}}\"\r\n style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='regPensionFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"(!isBasePeriodEmployer && employerType.value==='REG' \r\n && regPensionFlag.value==='Y' && this.currentState != 'ME')\">\r\n <label for=\"regPensionRecvDate\">{{\"induction.add.employment.reg.pension.date\"|translate}}</label>\r\n <div>\r\n <p-calendar [showIcon]=\"true\" inputId=\"regPensionRecvDate\" [formControl]=\"regPensionRecvDate\"\r\n [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n </p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='regPensionRecvDate' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n <!-- REG DismissalPayFlag -->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='REG' ) && this.currentState == 'CT')\">\r\n <label for=\"regDissmisalFlag\">{{\"induction.confirm.employment.dissmisalFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"regDissmisalFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"regDissmisalFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='regDissmisalFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <!-- REG dismissalCheckBox-->\r\n <div class=\"field\"\r\n *ngIf=\"((this.currentState === 'CT' && (employerType.value==='REG'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)) && this.regDissmisalFlag.value==='Y'\">\r\n <label for=\"regDissmisalCheckBox\">{{\"induction.confirm.employment.dissmisalCheckBox\"|translate}}</label>\r\n <p-checkbox [name]=\"'regDissmisalCheckBox-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of dissmisalCheckBoxOptions\" [formControl]=\"regDissmisalCheckBox\"\r\n styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='regDissmisalCheckBox' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <!-- REG LaidOffFlag-->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='REG' ) && this.currentState == 'CT')\">\r\n <label for=\"regLaidOffFlag\">{{\"induction.confirm.employment.laidOffFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"regLaidOffFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"regLaidOffFlag\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='regLaidOffFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <!-- FED DismissalPayFlag -->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='FED' ) && this.currentState == 'CT')\">\r\n <label for=\"fedDissmisalFlag\">{{\"induction.confirm.employment.dissmisalFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"fedDissmisalFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"fedDissmisalFlag\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='fedDissmisalFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <!-- FED dismissalCheckBox -->\r\n <div class=\"field\"\r\n *ngIf=\"((this.currentState === 'CT' && (employerType.value==='FED'))\r\n && ((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)) && this.fedDissmisalFlag.value==='Y'\">\r\n <label for=\"fedDissmisalCheckBox\">{{\"induction.confirm.employment.dissmisalCheckBox\"|translate}}</label>\r\n <p-checkbox [name]=\"'fedDissmisalCheckBox-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of dissmisalCheckBoxOptions\" [formControl]=\"fedDissmisalCheckBox\"\r\n styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='fedDissmisalCheckBox' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <!-- FED LaidOffFlag-->\r\n <div class=\"field\" *ngIf=\"(((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) \r\n && (employerType.value==='FED' ) && this.currentState == 'CT')\">\r\n <label for=\"fedLaidOffFlag\">{{\"induction.confirm.employment.laidOffFlag\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex\">\r\n <p-selectButton id=\"fedLaidOffFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"fedLaidOffFlag\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='fedLaidOffFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n\r\n <div class=\"field\" *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)\r\n && employerType.value==='REG' && this.currentState != 'CT'\">\r\n <label\r\n for=\"isClmtPaidWhileLow\">{{\"induction.confirm.employment.employer.pay.return.to.work\"|translate}}</label>\r\n <div style=\"inline-size: min-content; display:flex;\">\r\n <p-selectButton id=\"isClmtPaidWhileLow\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"isClmtPaidWhileLow\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-overlay-info\r\n overlayText=\"{{'induction.add.employment.reg.employerPayReturnToWorkInfo'| translate}}\"\r\n style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n </div>\r\n <app-error [class]=\"'app-grid'\" [field]='isClmtPaidWhileLow' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState ==='ME'\">\r\n <label for=\"hasShortTermDisability\">{{\"induction.confirm.employment.shorttermdisability\"|translate}}\r\n {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"hasShortTermDisability\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"hasShortTermDisability\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='hasShortTermDisability' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState==='ME'\">\r\n <label for=\"hasRecvRemuneration\">{{\"induction.confirm.employment.remuneration.pay\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"hasRecvRemuneration\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"hasRecvRemuneration\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='hasRecvRemuneration' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer) && employerType.value==='REG' && currentState==='ME' && hasRecvRemuneration.value==='Y' && osaBpEmployerFlag.value==='0'\">\r\n <label for=\"remunerationTypes\">{{\"induction.confirm.employment.remuneration.types\"|translate}}</label>\r\n <p-checkbox [name]=\"'remunerationtypes-group'\" [value]=\"choice.value\" [label]=\"choice.text\"\r\n *ngFor=\"let choice of remunerationTypeOptions\" [formControl]=\"remunerationTypes\"\r\n styleClass=\"app-p-checkbox\"></p-checkbox>\r\n <app-error [class]=\"'app-grid'\" [field]='remunerationTypes' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\"\r\n *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y' && schoolFlag ==='1') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState ==='ME'\">\r\n <label for=\"vacation\">{{\"induction.confirm.employment.vacation.break\"|translate}}</label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"vacation\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"vacation\"\r\n optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='vacation' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n\r\n <div\r\n *ngIf=\"workState.value && workState.value.value===this.currentState && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n <div class=\"field\">\r\n <h4>{{\"induction.add.employment.reg.verification.wages.header\"|translate}}</h4>\r\n </div>\r\n <div class=\"field\">\r\n <label>{{\"induction.add.employment.reg.verification.wages.subheader\"|translate}}</label>\r\n </div>\r\n\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"workType\">{{\"induction.add.employment.reg.work.type\" | translate}}</label>\r\n <input id=\"workType\" type=\"input\" pInputText [formControl]=\"workType\" maxlength=\"50\" />\r\n <app-error [class]=\"'app-grid'\" [field]='workType' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n\r\n <div class=\"field\">\r\n <label for=\"paymentType\">{{\"induction.add.employment.reg.verification.wages.paymode\"|translate}}</label>\r\n <p-selectButton id=\"paymentType\" unselectable=\"true\" [options]=\"payMethodOptions\"\r\n [formControl]=\"paymentType\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='paymentType' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\">\r\n <label for=\"docsReceived\">{{\"induction.add.employment.reg.verification.wages.docs\"|translate}}</label>\r\n <p-selectButton id=\"docsReceived\" unselectable=\"true\" [options]=\"wageProofOptions\"\r\n [formControl]=\"docsReceived\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='docsReceived' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\">\r\n <label for=\"otherSSNFlag\">{{\"induction.add.employment.reg.verification.wages.other.ssn.flag\"|translate}}\r\n {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?\r\n </label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"otherSSNFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"otherSSNFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='otherSSNFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n <div class=\"field\" *ngIf=\"this.otherSSNFlag.value === 'Y'\">\r\n <label for=\"otherSSN\">{{\"induction.add.employment.reg.verification.wages.other.ssn\"|translate}}</label>\r\n <p-inputMask mask=\"999-99-9999\" id=\"otherSSN\" [formControl]=\"otherSSN\" placeholder=\"999-99-9999\">\r\n </p-inputMask>\r\n <app-error [class]=\"'app-grid'\" [field]='otherSSN' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n\r\n <!-- <div class=\"field\">\r\n <label for=\"hiredBy\">Manager's Name & Title</label>\r\n <input id=\"hiredBy\" type=\"input\" pInputText [formControl]=\"hiredBy\" maxlength=\"40\"/>\r\n <app-error [class]=\"'app-grid'\" [field]='hiredBy' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error> \r\n </div> -->\r\n </div>\r\n\r\n <ion-row\r\n *ngIf=\"workState.value && workState.value.value=== this.currentState && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label\r\n for=\"otherNameFlag\">{{\"induction.add.employment.reg.verification.wages.other.name.flag\"|translate}}\r\n {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?\r\n </label>\r\n <div style=\"inline-size: min-content;\">\r\n <p-selectButton id=\"otherNameFlag\" unselectable=\"true\" [options]=\"radioOptions\"\r\n [formControl]=\"otherNameFlag\" optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='otherNameFlag' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </div>\r\n <div class=\"field\" *ngIf=\"this.otherNameFlag.value === 'Y'\">\r\n <label\r\n for=\"otherName\">{{\"induction.add.employment.reg.verification.wages.other.name\"|translate}}</label>\r\n <input id=\"otherName\" type=\"input\" pInputText [formControl]=\"otherName\" maxlength=\"30\" />\r\n <app-error [class]=\"'app-grid'\" [field]='otherName' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <!-- <ion-row *ngIf=\"workState.value && workState.value.value==='MS' && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"fein\">FEIN</label>\r\n <p-inputNumber [id]=\"fein\" [useGrouping]=\"false\" [formControl]=\"fein\" maxlength=\"9\"></p-inputNumber>\r\n <app-error [class]=\"'app-grid'\" [field]='fein' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"1\"></ion-col>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"doingBusinessAs\">Doing Business As/Trade Name</label>\r\n <input id=\"doingBusinessAs\" type=\"input\" pInputText [formControl]=\"doingBusinessAs\" maxlength=\"100\"/>\r\n <app-error [class]=\"'app-grid'\" [field]='doingBusinessAs' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row> -->\r\n\r\n <!--<ion-row *ngIf=\"workState.value && workState.value.value===this.currentState && displayVerificationOfWages.value \r\n && !isBasePeriodEmployer && employerType.value==='REG' && false\">\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"businessNature\">{{\"induction.add.employment.reg.verification.nature\"|translate}}</label>\r\n <input id=\"businessNature\" type=\"input\" pInputText [formControl]=\"businessNature\" maxlength=\"250\"/>\r\n <app-error [class]=\"'app-grid'\" [field]='businessNature' [form]=\"addEmployerFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>-->\r\n <div *ngIf=\"((workState.value && workState.value.value===currentState && employerType && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG') \r\n || (employerType.value==='FED' && isNewClaim)) && (employerType.value!='MIL')\">\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label><b>{{\"induction.add.employment.fed.verification.wages\"|translate}}</b></label>\r\n </div>\r\n <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n <label><b>{{\"induction.add.employment.reg.verification.wages\"|translate}}</b></label>\r\n </div>\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <label>{{\"induction.add.employment.fed.verification.wages.statement\"|translate}}</label>\r\n </div>\r\n <div class=\"field\">\r\n <table rules=rows>\r\n <tr>\r\n <th style=\"text-align: center;\">{{\"induction.add.employment.reg.verification.wages.col1\"|translate}}\r\n </th>\r\n <th>{{\"induction.add.employment.reg.verification.wages.col2\"|translate}}</th>\r\n </tr>\r\n <ng-container formArrayName=\"wageAmountArray\">\r\n <ng-container *ngFor=\"let wageAmountForm of wageAmountArray.controls; let i = index\"\r\n [formGroupName]=\"i\">\r\n <tr\r\n *ngIf=\"((employerType.value==='FED') || (employerType.value==='REG' && wageAmountForm.value.displayForAll===true) )\" class=\"quarterText\">\r\n <td>\r\n {{wageAmountForm.value.qtrYearDisplayString}}\r\n </td>\r\n <td>\r\n <p-inputNumber [inputId]=\"'wageAmount' + i\" ariaLabel=\"wageAmount\"\r\n formControlName=\"wageAmount\" mode=\"currency\" [min]=\"0.00\" [max]=\"999999.99\" maxlength=\"12\"\r\n currency=\"USD\" locale=\"en-US\">\r\n </p-inputNumber>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n <tr *ngIf=\"wageAmountArray.errors?.requireCheckboxToBeChecked\">\r\n <td colspan=\"2\">\r\n <app-error [class]=\"'app-grid'\" [field]='wageAmountArray' [form]=\"addEmployerFormDirective\"\r\n [errDef]=\"{ \r\n requireCheckboxToBeChecked: 'at least one amount must be greater than zero'\r\n }\"></app-error>\r\n </td>\r\n </tr>\r\n\r\n </ng-container>\r\n </table>\r\n </div>\r\n <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(statement1 | translate)\"></div>\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(statement2 | translate)\"></div> -->\r\n <!-- <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(statement3 | translate)\"></div> -->\r\n <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(statement4 | translate)\"\r\n style=\"padding-left: 15px;\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row>\r\n <ion-col class=\"ion-text-right\">\r\n <ion-button shape=\"round\" style=\"width: 80px;\" fill=\"outline\" (click)=\"onModelCancel(false)\"\r\n type=\"reset\">{{\"induction.employment.button.cancel\"|translate}} </ion-button>\r\n <ion-button shape=\"round\" style=\"width: 80px;\" (click)=\"save()\" type=\"submit\" *ngIf=\"isBasePeriodEmployer\">\r\n {{\"induction.employment.button.save\"|translate}} </ion-button>\r\n <ion-button shape=\"round\" style=\"width: 80px;\" (click)=\"add()\" type=\"submit\" *ngIf=\"!isBasePeriodEmployer\">\r\n {{\"induction.employment.button.add\"|translate}} </ion-button>\r\n </ion-col>\r\n </ion-row>\r\n\r\n </ion-grid>\r\n </form>\r\n</p-dialog>", styles: [".p-fluid .p-buttonset{display:flex}.p-selectbutton .p-button{width:50px!important}table,th,td{border:1px solid grey;border-collapse:collapse;padding:5px}table th{background-color:#f1f1f1}table{width:100%}.pad-space{display:block}@media (min-width: 768px) and (max-width: 1025px){.pad-space{display:none}}@media screen and (max-width: 1265px){.quarterText{width:max-content!important;white-space:nowrap}}\n"] }]
|
|
27426
27433
|
}], () => [{ type: i1$4.UntypedFormBuilder }, { type: ValidationService }, { type: UtilService }, { type: i6.FilterService }, { type: LoggerService }, { type: i6$1.DomSanitizer }, { type: ClaimService }, { type: LoginService }, { type: i0.ElementRef }, { type: i3.ActivatedRoute }, { type: EmployerService }], { address1: [{
|
|
27427
27434
|
type: ViewChild,
|
|
27428
27435
|
args: ['address1']
|
|
@@ -44411,25 +44418,25 @@ class EventService extends BaseService {
|
|
|
44411
44418
|
}], () => [{ type: i1$2.HttpClient }], null); })();
|
|
44412
44419
|
|
|
44413
44420
|
function HistoryPageComponent_app_multi_questionnaire_0_Template(rf, ctx) { if (rf & 1) {
|
|
44414
|
-
const
|
|
44415
|
-
i0.ɵɵelementStart(0, "app-multi-questionnaire",
|
|
44416
|
-
i0.ɵɵlistener("modelCancel", function HistoryPageComponent_app_multi_questionnaire_0_Template_app_multi_questionnaire_modelCancel_0_listener() { i0.ɵɵrestoreView(
|
|
44421
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
44422
|
+
i0.ɵɵelementStart(0, "app-multi-questionnaire", 16);
|
|
44423
|
+
i0.ɵɵlistener("modelCancel", function HistoryPageComponent_app_multi_questionnaire_0_Template_app_multi_questionnaire_modelCancel_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.closeQe()); })("onComplete", function HistoryPageComponent_app_multi_questionnaire_0_Template_app_multi_questionnaire_onComplete_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.quSuccess()); });
|
|
44417
44424
|
i0.ɵɵelementEnd();
|
|
44418
44425
|
} if (rf & 2) {
|
|
44419
44426
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
44420
44427
|
i0.ɵɵproperty("qeQueryModels", ctx_r0.qeQueryModels);
|
|
44421
44428
|
} }
|
|
44422
44429
|
function HistoryPageComponent_app_proof_of_anything_1_Template(rf, ctx) { if (rf & 1) {
|
|
44423
|
-
const
|
|
44424
|
-
i0.ɵɵelementStart(0, "app-proof-of-anything",
|
|
44425
|
-
i0.ɵɵlistener("cancel", function HistoryPageComponent_app_proof_of_anything_1_Template_app_proof_of_anything_cancel_0_listener() { i0.ɵɵrestoreView(
|
|
44430
|
+
const _r12 = i0.ɵɵgetCurrentView();
|
|
44431
|
+
i0.ɵɵelementStart(0, "app-proof-of-anything", 17);
|
|
44432
|
+
i0.ɵɵlistener("cancel", function HistoryPageComponent_app_proof_of_anything_1_Template_app_proof_of_anything_cancel_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.closeUploadPopup()); })("success", function HistoryPageComponent_app_proof_of_anything_1_Template_app_proof_of_anything_success_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.uploadPopupDone()); });
|
|
44426
44433
|
i0.ɵɵelementEnd();
|
|
44427
44434
|
} if (rf & 2) {
|
|
44428
44435
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
44429
44436
|
i0.ɵɵproperty("uploadTypeId", ctx_r1.uploadTypeId)("employerDataModel", ctx_r1.employerDataModel)("data", ctx_r1.dataModel);
|
|
44430
44437
|
} }
|
|
44431
44438
|
function HistoryPageComponent_app_dashboard_help_2_Template(rf, ctx) { if (rf & 1) {
|
|
44432
|
-
i0.ɵɵelement(0, "app-dashboard-help",
|
|
44439
|
+
i0.ɵɵelement(0, "app-dashboard-help", 18);
|
|
44433
44440
|
} if (rf & 2) {
|
|
44434
44441
|
i0.ɵɵproperty("activeIndex", 0);
|
|
44435
44442
|
} }
|
|
@@ -44438,39 +44445,39 @@ function HistoryPageComponent_div_12_ng_template_5_span_1_Template(rf, ctx) { if
|
|
|
44438
44445
|
i0.ɵɵtext(1);
|
|
44439
44446
|
i0.ɵɵelementEnd();
|
|
44440
44447
|
} if (rf & 2) {
|
|
44441
|
-
const
|
|
44448
|
+
const item_r15 = i0.ɵɵnextContext().$implicit;
|
|
44442
44449
|
i0.ɵɵadvance(1);
|
|
44443
|
-
i0.ɵɵtextInterpolate(
|
|
44450
|
+
i0.ɵɵtextInterpolate(item_r15.desc);
|
|
44444
44451
|
} }
|
|
44445
44452
|
const _c0$b = a1 => ["far", a1];
|
|
44446
44453
|
function HistoryPageComponent_div_12_ng_template_5_fa_icon_2_Template(rf, ctx) { if (rf & 1) {
|
|
44447
|
-
i0.ɵɵelement(0, "fa-icon",
|
|
44454
|
+
i0.ɵɵelement(0, "fa-icon", 26);
|
|
44448
44455
|
} if (rf & 2) {
|
|
44449
|
-
const
|
|
44450
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(1, _c0$b,
|
|
44456
|
+
const item_r15 = i0.ɵɵnextContext().$implicit;
|
|
44457
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(1, _c0$b, item_r15.icon));
|
|
44451
44458
|
} }
|
|
44452
44459
|
function HistoryPageComponent_div_12_ng_template_5_Template(rf, ctx) { if (rf & 1) {
|
|
44453
|
-
i0.ɵɵelementStart(0, "div",
|
|
44454
|
-
i0.ɵɵtemplate(1, HistoryPageComponent_div_12_ng_template_5_span_1_Template, 2, 1, "span",
|
|
44460
|
+
i0.ɵɵelementStart(0, "div", 23);
|
|
44461
|
+
i0.ɵɵtemplate(1, HistoryPageComponent_div_12_ng_template_5_span_1_Template, 2, 1, "span", 24)(2, HistoryPageComponent_div_12_ng_template_5_fa_icon_2_Template, 1, 3, "fa-icon", 25);
|
|
44455
44462
|
i0.ɵɵelementEnd();
|
|
44456
44463
|
} if (rf & 2) {
|
|
44457
|
-
const
|
|
44458
|
-
i0.ɵɵproperty("pTooltip",
|
|
44459
|
-
i0.ɵɵattribute("aria-label",
|
|
44464
|
+
const item_r15 = ctx.$implicit;
|
|
44465
|
+
i0.ɵɵproperty("pTooltip", item_r15.desc);
|
|
44466
|
+
i0.ɵɵattribute("aria-label", item_r15.desc);
|
|
44460
44467
|
i0.ɵɵadvance(1);
|
|
44461
|
-
i0.ɵɵproperty("ngIf", !
|
|
44468
|
+
i0.ɵɵproperty("ngIf", !item_r15.icon);
|
|
44462
44469
|
i0.ɵɵadvance(1);
|
|
44463
|
-
i0.ɵɵproperty("ngIf",
|
|
44470
|
+
i0.ɵɵproperty("ngIf", item_r15.icon);
|
|
44464
44471
|
} }
|
|
44465
44472
|
function HistoryPageComponent_div_12_Template(rf, ctx) { if (rf & 1) {
|
|
44466
|
-
const
|
|
44467
|
-
i0.ɵɵelementStart(0, "div",
|
|
44473
|
+
const _r21 = i0.ɵɵgetCurrentView();
|
|
44474
|
+
i0.ɵɵelementStart(0, "div", 19)(1, "label", 20);
|
|
44468
44475
|
i0.ɵɵtext(2);
|
|
44469
44476
|
i0.ɵɵelementEnd();
|
|
44470
44477
|
i0.ɵɵelement(3, "br");
|
|
44471
|
-
i0.ɵɵelementStart(4, "p-selectButton",
|
|
44472
|
-
i0.ɵɵlistener("ngModelChange", function HistoryPageComponent_div_12_Template_p_selectButton_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(
|
|
44473
|
-
i0.ɵɵtemplate(5, HistoryPageComponent_div_12_ng_template_5_Template, 3, 4, "ng-template",
|
|
44478
|
+
i0.ɵɵelementStart(4, "p-selectButton", 21);
|
|
44479
|
+
i0.ɵɵlistener("ngModelChange", function HistoryPageComponent_div_12_Template_p_selectButton_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.time = $event); })("onChange", function HistoryPageComponent_div_12_Template_p_selectButton_onChange_4_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.handleChange($event)); });
|
|
44480
|
+
i0.ɵɵtemplate(5, HistoryPageComponent_div_12_ng_template_5_Template, 3, 4, "ng-template", 22);
|
|
44474
44481
|
i0.ɵɵelementEnd()();
|
|
44475
44482
|
} if (rf & 2) {
|
|
44476
44483
|
const ctx_r3 = i0.ɵɵnextContext();
|
|
@@ -44484,38 +44491,38 @@ function HistoryPageComponent_div_14_ng_template_5_span_1_Template(rf, ctx) { if
|
|
|
44484
44491
|
i0.ɵɵtext(1);
|
|
44485
44492
|
i0.ɵɵelementEnd();
|
|
44486
44493
|
} if (rf & 2) {
|
|
44487
|
-
const
|
|
44494
|
+
const item_r24 = i0.ɵɵnextContext().$implicit;
|
|
44488
44495
|
i0.ɵɵadvance(1);
|
|
44489
|
-
i0.ɵɵtextInterpolate(
|
|
44496
|
+
i0.ɵɵtextInterpolate(item_r24.altDesc);
|
|
44490
44497
|
} }
|
|
44491
44498
|
function HistoryPageComponent_div_14_ng_template_5_fa_icon_2_Template(rf, ctx) { if (rf & 1) {
|
|
44492
|
-
i0.ɵɵelement(0, "fa-icon",
|
|
44499
|
+
i0.ɵɵelement(0, "fa-icon", 26);
|
|
44493
44500
|
} if (rf & 2) {
|
|
44494
|
-
const
|
|
44495
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(1, _c0$b,
|
|
44501
|
+
const item_r24 = i0.ɵɵnextContext().$implicit;
|
|
44502
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(1, _c0$b, item_r24.icon));
|
|
44496
44503
|
} }
|
|
44497
44504
|
function HistoryPageComponent_div_14_ng_template_5_Template(rf, ctx) { if (rf & 1) {
|
|
44498
|
-
i0.ɵɵelementStart(0, "div",
|
|
44499
|
-
i0.ɵɵtemplate(1, HistoryPageComponent_div_14_ng_template_5_span_1_Template, 2, 1, "span",
|
|
44505
|
+
i0.ɵɵelementStart(0, "div", 23);
|
|
44506
|
+
i0.ɵɵtemplate(1, HistoryPageComponent_div_14_ng_template_5_span_1_Template, 2, 1, "span", 24)(2, HistoryPageComponent_div_14_ng_template_5_fa_icon_2_Template, 1, 3, "fa-icon", 25);
|
|
44500
44507
|
i0.ɵɵelementEnd();
|
|
44501
44508
|
} if (rf & 2) {
|
|
44502
|
-
const
|
|
44503
|
-
i0.ɵɵproperty("pTooltip",
|
|
44504
|
-
i0.ɵɵattribute("aria-label",
|
|
44509
|
+
const item_r24 = ctx.$implicit;
|
|
44510
|
+
i0.ɵɵproperty("pTooltip", item_r24.desc);
|
|
44511
|
+
i0.ɵɵattribute("aria-label", item_r24.desc);
|
|
44505
44512
|
i0.ɵɵadvance(1);
|
|
44506
|
-
i0.ɵɵproperty("ngIf", !
|
|
44513
|
+
i0.ɵɵproperty("ngIf", !item_r24.icon);
|
|
44507
44514
|
i0.ɵɵadvance(1);
|
|
44508
|
-
i0.ɵɵproperty("ngIf",
|
|
44515
|
+
i0.ɵɵproperty("ngIf", item_r24.icon);
|
|
44509
44516
|
} }
|
|
44510
44517
|
function HistoryPageComponent_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
44511
|
-
const
|
|
44512
|
-
i0.ɵɵelementStart(0, "div",
|
|
44518
|
+
const _r30 = i0.ɵɵgetCurrentView();
|
|
44519
|
+
i0.ɵɵelementStart(0, "div", 27)(1, "label");
|
|
44513
44520
|
i0.ɵɵtext(2);
|
|
44514
44521
|
i0.ɵɵelementEnd();
|
|
44515
44522
|
i0.ɵɵelement(3, "br");
|
|
44516
|
-
i0.ɵɵelementStart(4, "p-selectButton",
|
|
44517
|
-
i0.ɵɵlistener("ngModelChange", function HistoryPageComponent_div_14_Template_p_selectButton_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(
|
|
44518
|
-
i0.ɵɵtemplate(5, HistoryPageComponent_div_14_ng_template_5_Template, 3, 4, "ng-template",
|
|
44523
|
+
i0.ɵɵelementStart(4, "p-selectButton", 28);
|
|
44524
|
+
i0.ɵɵlistener("ngModelChange", function HistoryPageComponent_div_14_Template_p_selectButton_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.filter = $event); })("onChange", function HistoryPageComponent_div_14_Template_p_selectButton_onChange_4_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.handleChange($event)); });
|
|
44525
|
+
i0.ɵɵtemplate(5, HistoryPageComponent_div_14_ng_template_5_Template, 3, 4, "ng-template", 22);
|
|
44519
44526
|
i0.ɵɵelementEnd()();
|
|
44520
44527
|
} if (rf & 2) {
|
|
44521
44528
|
const ctx_r4 = i0.ɵɵnextContext();
|
|
@@ -44526,115 +44533,115 @@ function HistoryPageComponent_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
|
44526
44533
|
} }
|
|
44527
44534
|
function HistoryPageComponent_p_timeline_16_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
44528
44535
|
i0.ɵɵelementStart(0, "span");
|
|
44529
|
-
i0.ɵɵelement(1, "fa-icon",
|
|
44536
|
+
i0.ɵɵelement(1, "fa-icon", 32);
|
|
44530
44537
|
i0.ɵɵelementEnd();
|
|
44531
44538
|
} if (rf & 2) {
|
|
44532
|
-
const
|
|
44533
|
-
i0.ɵɵstyleProp("color",
|
|
44539
|
+
const hist_r34 = ctx.$implicit;
|
|
44540
|
+
i0.ɵɵstyleProp("color", hist_r34.color);
|
|
44534
44541
|
i0.ɵɵadvance(1);
|
|
44535
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$b,
|
|
44542
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$b, hist_r34.icon));
|
|
44536
44543
|
} }
|
|
44537
44544
|
function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_span_8_Template(rf, ctx) { if (rf & 1) {
|
|
44538
44545
|
i0.ɵɵelementStart(0, "span");
|
|
44539
|
-
i0.ɵɵelement(1, "fa-icon",
|
|
44546
|
+
i0.ɵɵelement(1, "fa-icon", 32);
|
|
44540
44547
|
i0.ɵɵelementEnd();
|
|
44541
44548
|
} if (rf & 2) {
|
|
44542
|
-
const
|
|
44543
|
-
const
|
|
44544
|
-
i0.ɵɵstyleProp("color",
|
|
44549
|
+
const history_r37 = i0.ɵɵnextContext(2).$implicit;
|
|
44550
|
+
const ctx_r41 = i0.ɵɵnextContext(3);
|
|
44551
|
+
i0.ɵɵstyleProp("color", history_r37.color);
|
|
44545
44552
|
i0.ɵɵadvance(1);
|
|
44546
|
-
i0.ɵɵproperty("icon",
|
|
44553
|
+
i0.ɵɵproperty("icon", ctx_r41.getIcon(history_r37));
|
|
44547
44554
|
} }
|
|
44548
44555
|
function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
44549
|
-
i0.ɵɵelementStart(0, "ion-row",
|
|
44556
|
+
i0.ɵɵelementStart(0, "ion-row", 38)(1, "ion-col", 39)(2, "span", 40);
|
|
44550
44557
|
i0.ɵɵtext(3);
|
|
44551
44558
|
i0.ɵɵelementEnd()();
|
|
44552
|
-
i0.ɵɵelementStart(4, "ion-col",
|
|
44559
|
+
i0.ɵɵelementStart(4, "ion-col", 41)(5, "span", 40);
|
|
44553
44560
|
i0.ɵɵtext(6);
|
|
44554
44561
|
i0.ɵɵelementEnd()();
|
|
44555
|
-
i0.ɵɵelementStart(7, "ion-col",
|
|
44556
|
-
i0.ɵɵtemplate(8, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_span_8_Template, 2, 3, "span",
|
|
44562
|
+
i0.ɵɵelementStart(7, "ion-col", 42);
|
|
44563
|
+
i0.ɵɵtemplate(8, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_span_8_Template, 2, 3, "span", 43);
|
|
44557
44564
|
i0.ɵɵelementEnd()();
|
|
44558
44565
|
} if (rf & 2) {
|
|
44559
|
-
const
|
|
44560
|
-
const
|
|
44566
|
+
const history_r37 = i0.ɵɵnextContext().$implicit;
|
|
44567
|
+
const ctx_r39 = i0.ɵɵnextContext(3);
|
|
44561
44568
|
i0.ɵɵadvance(2);
|
|
44562
|
-
i0.ɵɵstyleProp("color",
|
|
44569
|
+
i0.ɵɵstyleProp("color", history_r37.color);
|
|
44563
44570
|
i0.ɵɵadvance(1);
|
|
44564
|
-
i0.ɵɵtextInterpolate(
|
|
44571
|
+
i0.ɵɵtextInterpolate(history_r37.eventDate);
|
|
44565
44572
|
i0.ɵɵadvance(2);
|
|
44566
|
-
i0.ɵɵstyleProp("color",
|
|
44573
|
+
i0.ɵɵstyleProp("color", history_r37.color);
|
|
44567
44574
|
i0.ɵɵadvance(1);
|
|
44568
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
44575
|
+
i0.ɵɵtextInterpolate1(" ", history_r37.title, " ");
|
|
44569
44576
|
i0.ɵɵadvance(2);
|
|
44570
|
-
i0.ɵɵproperty("ngIf",
|
|
44577
|
+
i0.ɵɵproperty("ngIf", ctx_r39.getIcon(history_r37));
|
|
44571
44578
|
} }
|
|
44572
44579
|
function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
44573
|
-
const
|
|
44580
|
+
const _r47 = i0.ɵɵgetCurrentView();
|
|
44574
44581
|
i0.ɵɵelementStart(0, "div");
|
|
44575
44582
|
i0.ɵɵelement(1, "br")(2, "br");
|
|
44576
|
-
i0.ɵɵelementStart(3, "div",
|
|
44577
|
-
i0.ɵɵlistener("click", function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template_ion_button_click_4_listener() { i0.ɵɵrestoreView(
|
|
44583
|
+
i0.ɵɵelementStart(3, "div", 45)(4, "ion-button", 46);
|
|
44584
|
+
i0.ɵɵlistener("click", function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template_ion_button_click_4_listener() { i0.ɵɵrestoreView(_r47); const history_r37 = i0.ɵɵnextContext(2).$implicit; const ctx_r45 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r45.open(history_r37)); });
|
|
44578
44585
|
i0.ɵɵtext(5);
|
|
44579
44586
|
i0.ɵɵelementEnd()()();
|
|
44580
44587
|
} if (rf & 2) {
|
|
44581
|
-
const
|
|
44588
|
+
const history_r37 = i0.ɵɵnextContext(2).$implicit;
|
|
44582
44589
|
i0.ɵɵadvance(4);
|
|
44583
|
-
i0.ɵɵstyleMapInterpolate2("--color: ",
|
|
44584
|
-
i0.ɵɵattribute("aria-label", "go to" +
|
|
44590
|
+
i0.ɵɵstyleMapInterpolate2("--color: ", history_r37.button.color, "; --border-color: ", history_r37.button.color, "; --border-width: 2px");
|
|
44591
|
+
i0.ɵɵattribute("aria-label", "go to" + history_r37.button.buttonText);
|
|
44585
44592
|
i0.ɵɵadvance(1);
|
|
44586
|
-
i0.ɵɵtextInterpolate1("",
|
|
44593
|
+
i0.ɵɵtextInterpolate1("", history_r37.button.buttonText, " ");
|
|
44587
44594
|
} }
|
|
44588
44595
|
function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
44589
|
-
i0.ɵɵelement(0, "span",
|
|
44590
|
-
i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template, 6, 6, "div",
|
|
44596
|
+
i0.ɵɵelement(0, "span", 44);
|
|
44597
|
+
i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template, 6, 6, "div", 24);
|
|
44591
44598
|
} if (rf & 2) {
|
|
44592
|
-
const
|
|
44593
|
-
i0.ɵɵproperty("innerHtml",
|
|
44599
|
+
const history_r37 = i0.ɵɵnextContext().$implicit;
|
|
44600
|
+
i0.ɵɵproperty("innerHtml", history_r37.desc, i0.ɵɵsanitizeHtml);
|
|
44594
44601
|
i0.ɵɵadvance(1);
|
|
44595
|
-
i0.ɵɵproperty("ngIf",
|
|
44602
|
+
i0.ɵɵproperty("ngIf", history_r37.button != null);
|
|
44596
44603
|
} }
|
|
44597
44604
|
function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_Template(rf, ctx) { if (rf & 1) {
|
|
44598
|
-
i0.ɵɵelementStart(0, "p-accordionTab",
|
|
44599
|
-
i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_Template, 9, 7, "ng-template",
|
|
44605
|
+
i0.ɵɵelementStart(0, "p-accordionTab", 36);
|
|
44606
|
+
i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_Template, 9, 7, "ng-template", 37)(2, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_Template, 2, 2, "ng-template", 31);
|
|
44600
44607
|
i0.ɵɵelementEnd();
|
|
44601
44608
|
} if (rf & 2) {
|
|
44602
|
-
const
|
|
44603
|
-
const
|
|
44604
|
-
const
|
|
44605
|
-
i0.ɵɵproperty("selected",
|
|
44609
|
+
const history_r37 = ctx.$implicit;
|
|
44610
|
+
const i_r38 = ctx.index;
|
|
44611
|
+
const ctx_r36 = i0.ɵɵnextContext(3);
|
|
44612
|
+
i0.ɵɵproperty("selected", ctx_r36.isValueSelected(history_r37, i_r38));
|
|
44606
44613
|
} }
|
|
44607
44614
|
function HistoryPageComponent_p_timeline_16_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
44608
|
-
i0.ɵɵelementStart(0, "h1",
|
|
44615
|
+
i0.ɵɵelementStart(0, "h1", 33);
|
|
44609
44616
|
i0.ɵɵtext(1);
|
|
44610
44617
|
i0.ɵɵelementEnd();
|
|
44611
|
-
i0.ɵɵelementStart(2, "p-accordion",
|
|
44612
|
-
i0.ɵɵtemplate(3, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_Template, 3, 1, "p-accordionTab",
|
|
44618
|
+
i0.ɵɵelementStart(2, "p-accordion", 34);
|
|
44619
|
+
i0.ɵɵtemplate(3, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_Template, 3, 1, "p-accordionTab", 35);
|
|
44613
44620
|
i0.ɵɵelementEnd();
|
|
44614
44621
|
i0.ɵɵelement(4, "br");
|
|
44615
44622
|
} if (rf & 2) {
|
|
44616
|
-
const
|
|
44623
|
+
const hist_r35 = ctx.$implicit;
|
|
44617
44624
|
i0.ɵɵadvance(1);
|
|
44618
|
-
i0.ɵɵtextInterpolate(
|
|
44625
|
+
i0.ɵɵtextInterpolate(hist_r35.year);
|
|
44619
44626
|
i0.ɵɵadvance(2);
|
|
44620
|
-
i0.ɵɵproperty("ngForOf",
|
|
44627
|
+
i0.ɵɵproperty("ngForOf", hist_r35.history);
|
|
44621
44628
|
} }
|
|
44622
44629
|
function HistoryPageComponent_p_timeline_16_Template(rf, ctx) { if (rf & 1) {
|
|
44623
|
-
i0.ɵɵelementStart(0, "p-timeline",
|
|
44624
|
-
i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_1_Template, 2, 5, "ng-template",
|
|
44630
|
+
i0.ɵɵelementStart(0, "p-timeline", 29);
|
|
44631
|
+
i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_1_Template, 2, 5, "ng-template", 30)(2, HistoryPageComponent_p_timeline_16_ng_template_2_Template, 5, 2, "ng-template", 31);
|
|
44625
44632
|
i0.ɵɵelementEnd();
|
|
44626
44633
|
} if (rf & 2) {
|
|
44627
44634
|
const ctx_r5 = i0.ɵɵnextContext();
|
|
44628
44635
|
i0.ɵɵproperty("value", ctx_r5.filteredHistories);
|
|
44629
44636
|
} }
|
|
44630
44637
|
function HistoryPageComponent_div_17_Template(rf, ctx) { if (rf & 1) {
|
|
44631
|
-
i0.ɵɵelementStart(0, "div",
|
|
44632
|
-
i0.ɵɵelement(1, "ion-spinner",
|
|
44638
|
+
i0.ɵɵelementStart(0, "div", 47);
|
|
44639
|
+
i0.ɵɵelement(1, "ion-spinner", 48);
|
|
44633
44640
|
i0.ɵɵelementEnd();
|
|
44634
44641
|
} }
|
|
44635
44642
|
function HistoryPageComponent_div_18_Template(rf, ctx) { if (rf & 1) {
|
|
44636
|
-
i0.ɵɵelementStart(0, "div",
|
|
44637
|
-
i0.ɵɵelement(1, "fa-icon",
|
|
44643
|
+
i0.ɵɵelementStart(0, "div", 49);
|
|
44644
|
+
i0.ɵɵelement(1, "fa-icon", 50);
|
|
44638
44645
|
i0.ɵɵelementStart(2, "p");
|
|
44639
44646
|
i0.ɵɵtext(3);
|
|
44640
44647
|
i0.ɵɵpipe(4, "translate");
|
|
@@ -44647,22 +44654,6 @@ function HistoryPageComponent_div_18_Template(rf, ctx) { if (rf & 1) {
|
|
|
44647
44654
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 2, "No history present."));
|
|
44648
44655
|
} }
|
|
44649
44656
|
const _c1$b = () => ["fas", "external-link-alt"];
|
|
44650
|
-
function HistoryPageComponent_div_19_Template(rf, ctx) { if (rf & 1) {
|
|
44651
|
-
const _r52 = i0.ɵɵgetCurrentView();
|
|
44652
|
-
i0.ɵɵelementStart(0, "div", 47)(1, "div", 48)(2, "span", 49)(3, "strong");
|
|
44653
|
-
i0.ɵɵtext(4);
|
|
44654
|
-
i0.ɵɵpipe(5, "translate");
|
|
44655
|
-
i0.ɵɵelementEnd()();
|
|
44656
|
-
i0.ɵɵelementStart(6, "ion-button", 50);
|
|
44657
|
-
i0.ɵɵlistener("click", function HistoryPageComponent_div_19_Template_ion_button_click_6_listener() { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r51.openOldRecords()); });
|
|
44658
|
-
i0.ɵɵelement(7, "fa-icon", 51);
|
|
44659
|
-
i0.ɵɵelementEnd()()();
|
|
44660
|
-
} if (rf & 2) {
|
|
44661
|
-
i0.ɵɵadvance(4);
|
|
44662
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 2, "To view prior unemployment history click here"));
|
|
44663
|
-
i0.ɵɵadvance(3);
|
|
44664
|
-
i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(4, _c1$b));
|
|
44665
|
-
} }
|
|
44666
44657
|
class HistoryPageComponent {
|
|
44667
44658
|
constructor(es, hs, util, nav, ls, translate, logger, activatedRoute) {
|
|
44668
44659
|
this.es = es;
|
|
@@ -44954,7 +44945,7 @@ class HistoryPageComponent {
|
|
|
44954
44945
|
}
|
|
44955
44946
|
}
|
|
44956
44947
|
static { this.ɵfac = function HistoryPageComponent_Factory(t) { return new (t || HistoryPageComponent)(i0.ɵɵdirectiveInject(EventService), i0.ɵɵdirectiveInject(HelpService), i0.ɵɵdirectiveInject(UtilService), i0.ɵɵdirectiveInject(i4.NavController), i0.ɵɵdirectiveInject(LoginService), i0.ɵɵdirectiveInject(i3$1.TranslateService), i0.ɵɵdirectiveInject(LoggerService), i0.ɵɵdirectiveInject(i3.ActivatedRoute)); }; }
|
|
44957
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HistoryPageComponent, selectors: [["app-history-page"]], decls:
|
|
44948
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HistoryPageComponent, selectors: [["app-history-page"]], decls: 28, vars: 13, consts: [[3, "qeQueryModels", "modelCancel", "onComplete", 4, "ngIf"], [3, "uploadTypeId", "employerDataModel", "data", "cancel", "success", 4, "ngIf"], [3, "activeIndex", 4, "ngIf"], ["size", "12", "sizeXl", "8", "sizeLg", "8", "sizeMd", "10", "offsetXl", "2", "offsetLg", "2", "offsetMd", "1"], ["size", "3"], ["class", "ion-text-left field", 4, "ngIf"], ["size", "9"], ["class", "ion-text-right field", 4, "ngIf"], [3, "value", 4, "ngIf"], ["class", "ion-text-center", 4, "ngIf"], ["class", "ion-padding-top ion-text-center app-accordian-body", 4, "ngIf"], [2, "padding-left", "5%"], [1, "horizontal-align"], [1, "app-accordian-body"], ["aria-label", "view old records", "fill", "outline", "size", "small", 1, "action-button", 3, "click"], [1, "external-link-icon", 3, "icon"], [3, "qeQueryModels", "modelCancel", "onComplete"], [3, "uploadTypeId", "employerDataModel", "data", "cancel", "success"], [3, "activeIndex"], [1, "ion-text-left", "field"], ["for", "timeline", "id", "lblTimeline"], ["optionLabel", "desc", 3, "options", "ngModel", "ariaLabelledBy", "ngModelChange", "onChange"], ["pTemplate", ""], ["tooltipPosition", "bottom", "tabindex", "0", "role", "note", 3, "pTooltip"], [4, "ngIf"], [3, "icon", 4, "ngIf"], [3, "icon"], [1, "ion-text-right", "field"], ["optionLabel", "icon", 3, "options", "ngModel", "ngModelChange", "onChange"], [3, "value"], ["pTemplate", "marker"], ["pTemplate", "content"], [1, "custom-marker", 3, "icon"], [1, "app-accordian-heading", 2, "margin-top", "0px", "font-weight", "bold"], ["expandIcon", "pi pi-fw pi-chevron-up", "collapseIcon", "pi pi-fw pi-chevron-up"], [3, "selected", 4, "ngFor", "ngForOf"], [3, "selected"], ["pTemplate", "header"], [2, "width", "-webkit-fill-available"], ["size", "12", "sizeXl", "3", "sizeLg", "3", "sizeMd", "3", 1, "ion-text-left"], [1, "app-accordian-heading"], ["size", "11", "sizeXl", "8", "sizeLg", "8", "sizeMd", "8", 1, "app-text-align"], ["size", "1", 1, "ion-text-center"], [3, "color", 4, "ngIf"], [1, "app-accordian-body", 3, "innerHtml"], [1, "ion-text-right"], ["fill", "outline", "shape", "round", 1, "small-button", 3, "click"], [1, "ion-text-center"], ["name", "dots"], [1, "ion-padding-top", "ion-text-center", "app-accordian-body"], [1, "large-icon", 3, "icon"]], template: function HistoryPageComponent_Template(rf, ctx) { if (rf & 1) {
|
|
44958
44949
|
i0.ɵɵtemplate(0, HistoryPageComponent_app_multi_questionnaire_0_Template, 1, 1, "app-multi-questionnaire", 0)(1, HistoryPageComponent_app_proof_of_anything_1_Template, 1, 3, "app-proof-of-anything", 1)(2, HistoryPageComponent_app_dashboard_help_2_Template, 1, 1, "app-dashboard-help", 2);
|
|
44959
44950
|
i0.ɵɵelementStart(3, "ion-grid")(4, "ion-row")(5, "ion-col", 3)(6, "h1");
|
|
44960
44951
|
i0.ɵɵtext(7, "Your unemployment history");
|
|
@@ -44966,8 +44957,16 @@ class HistoryPageComponent {
|
|
|
44966
44957
|
i0.ɵɵtemplate(14, HistoryPageComponent_div_14_Template, 6, 3, "div", 7);
|
|
44967
44958
|
i0.ɵɵelementEnd()();
|
|
44968
44959
|
i0.ɵɵelement(15, "br");
|
|
44969
|
-
i0.ɵɵtemplate(16, HistoryPageComponent_p_timeline_16_Template, 3, 1, "p-timeline", 8)(17, HistoryPageComponent_div_17_Template, 2, 0, "div", 9)(18, HistoryPageComponent_div_18_Template, 5, 6, "div", 10)
|
|
44970
|
-
i0.ɵɵ
|
|
44960
|
+
i0.ɵɵtemplate(16, HistoryPageComponent_p_timeline_16_Template, 3, 1, "p-timeline", 8)(17, HistoryPageComponent_div_17_Template, 2, 0, "div", 9)(18, HistoryPageComponent_div_18_Template, 5, 6, "div", 10);
|
|
44961
|
+
i0.ɵɵelementStart(19, "div", 11)(20, "div", 12)(21, "span", 13)(22, "strong");
|
|
44962
|
+
i0.ɵɵtext(23);
|
|
44963
|
+
i0.ɵɵpipe(24, "translate");
|
|
44964
|
+
i0.ɵɵelementEnd()();
|
|
44965
|
+
i0.ɵɵelementStart(25, "ion-button", 14);
|
|
44966
|
+
i0.ɵɵlistener("click", function HistoryPageComponent_Template_ion_button_click_25_listener() { return ctx.openOldRecords(); });
|
|
44967
|
+
i0.ɵɵelement(26, "fa-icon", 15);
|
|
44968
|
+
i0.ɵɵelementEnd()()();
|
|
44969
|
+
i0.ɵɵelement(27, "br");
|
|
44971
44970
|
i0.ɵɵelementEnd()()();
|
|
44972
44971
|
} if (rf & 2) {
|
|
44973
44972
|
i0.ɵɵproperty("ngIf", ctx.isOpenQe);
|
|
@@ -44985,13 +44984,15 @@ class HistoryPageComponent {
|
|
|
44985
44984
|
i0.ɵɵproperty("ngIf", ctx.isLoading);
|
|
44986
44985
|
i0.ɵɵadvance(1);
|
|
44987
44986
|
i0.ɵɵproperty("ngIf", (!ctx.filteredHistories || ctx.filteredHistories.length < 1) && !ctx.isLoading);
|
|
44988
|
-
i0.ɵɵadvance(
|
|
44989
|
-
i0.ɵɵ
|
|
44987
|
+
i0.ɵɵadvance(5);
|
|
44988
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 10, "To view your claim summary and weekly pay status click here"));
|
|
44989
|
+
i0.ɵɵadvance(3);
|
|
44990
|
+
i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(12, _c1$b));
|
|
44990
44991
|
} }, dependencies: [i4.IonButton, i4.IonCol, i4.IonGrid, i4.IonRow, i4.IonSpinner, i5$1.NgForOf, i5$1.NgIf, i6.PrimeTemplate, i7.Tooltip, i1$4.NgControlStatus, i1$4.NgModel, i13.Accordion, i13.AccordionTab, i21.SelectButton, i8$2.FaIconComponent, i16.Timeline, MultiQuestionnaireComponent, ProofOfAnythingComponent, i3$1.TranslatePipe], styles: [".app-accordian-heading[_ngcontent-%COMP%]{font-size:26px;color:var(--ion-color-medium-gray);font-family:var(--app-font-light)}.app-accordian-body[_ngcontent-%COMP%]{font-size:20px;color:#707070;font:normal normal normal 20px/27px var(--app-font-regular)}.horizontal-align[_ngcontent-%COMP%]{display:flex;align-items:center;gap:5px}.app-text-align[_ngcontent-%COMP%]{text-align:right}.large-icon[_ngcontent-%COMP%]{font-size:xx-large}.custom-marker[_ngcontent-%COMP%]{font-size:x-large}@media screen and (max-width: 576px){.app-text-align[_ngcontent-%COMP%]{text-align:left}}@media screen and (max-width: 50rem){.app-text-align[_ngcontent-%COMP%]{text-align:left}}@media screen and (max-width: 50rem){[_ngcontent-%COMP%]:is() .p-button[_ngcontent-%COMP%]{display:inline-block;font-size:20px;min-width:3rem}}@media only screen and (max-width: 576px){[_ngcontent-%COMP%]:is() .p-timeline[_ngcontent-%COMP%] .p-timeline-event[_ngcontent-%COMP%]{display:flex!important;flex-direction:column!important;align-items:flex-start!important}[_ngcontent-%COMP%]:is() .p-timeline[_ngcontent-%COMP%] .p-timeline-event-separator[_ngcontent-%COMP%]{margin:.5rem 0!important;width:100%!important}[_ngcontent-%COMP%]:is() .p-timeline[_ngcontent-%COMP%] .p-timeline-event-content[_ngcontent-%COMP%]{width:100%!important;padding-left:0!important;padding-right:0!important}}[_nghost-%COMP%] .app-accordian-body table td[style*=\"display:flex\"]{flex-wrap:wrap!important;white-space:normal!important}[_nghost-%COMP%] .app-accordian-body table td[style*=\"display:flex\"]>span{min-width:0!important;margin:.25em 0!important}[_nghost-%COMP%] .app-accordian-body table td span{overflow-wrap:break-word!important}"], data: { animation: [rowExpansionTrigger] } }); }
|
|
44991
44992
|
}
|
|
44992
44993
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HistoryPageComponent, [{
|
|
44993
44994
|
type: Component,
|
|
44994
|
-
args: [{ selector: 'app-history-page', animations: [rowExpansionTrigger], template: "<app-multi-questionnaire [qeQueryModels]=\"qeQueryModels\" *ngIf=\"isOpenQe\" (modelCancel)=\"closeQe()\"\r\n (onComplete)=\"quSuccess()\"></app-multi-questionnaire>\r\n<app-proof-of-anything *ngIf=\"showUploadPopup\" [uploadTypeId]=\"uploadTypeId\" [employerDataModel]=\"employerDataModel\"\r\n [data]=\"dataModel\" (cancel)=\"closeUploadPopup()\" (success)=\"uploadPopupDone()\"></app-proof-of-anything>\r\n<app-dashboard-help *ngIf=\"hs.isShowing()\" [activeIndex]=\"0\"></app-dashboard-help>\r\n<ion-grid>\r\n <ion-row>\r\n <ion-col size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"10\" offsetXl=\"2\" offsetLg=\"2\" offsetMd=\"1\">\r\n <h1>Your unemployment history</h1>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"10\" offsetXl=\"2\" offsetLg=\"2\" offsetMd=\"1\">\r\n\r\n <ion-row>\r\n <ion-col size=\"3\">\r\n <div class=\"ion-text-left field\" *ngIf=\"histories\">\r\n <label for=\"timeline\" id=\"lblTimeline\">{{time?.desc}}</label><br />\r\n <p-selectButton [options]=\"timeOption\" [(ngModel)]=\"time\" optionLabel=\"desc\"\r\n (onChange)=\"handleChange($event)\" [ariaLabelledBy]=\"'lblTimeline'\">\r\n <ng-template let-item pTemplate>\r\n <div [pTooltip]=\"item.desc\" tooltipPosition=\"bottom\" tabindex=\"0\" [attr.aria-label]=\"item.desc\"\r\n role=\"note\">\r\n <span *ngIf=\"!item.icon\">{{item.desc}}</span>\r\n <fa-icon [icon]=\"['far', item.icon]\" *ngIf=\"item.icon\"></fa-icon>\r\n </div>\r\n </ng-template>\r\n </p-selectButton>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"9\">\r\n <div class=\"ion-text-right field\" *ngIf=\"histories\">\r\n <label>{{filter?.desc}}</label><br />\r\n <p-selectButton [options]=\"filterOptions\" [(ngModel)]=\"filter\" optionLabel=\"icon\"\r\n (onChange)=\"handleChange($event)\">\r\n <ng-template let-item pTemplate>\r\n <div [pTooltip]=\"item.desc\" tooltipPosition=\"bottom\" tabindex=\"0\" [attr.aria-label]=\"item.desc\"\r\n role=\"note\">\r\n <span *ngIf=\"!item.icon\">{{item.altDesc}}</span>\r\n <fa-icon [icon]=\"['far', item.icon]\" *ngIf=\"item.icon\"></fa-icon>\r\n </div>\r\n </ng-template>\r\n </p-selectButton>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <br />\r\n <p-timeline [value]=\"filteredHistories\" *ngIf=\"(filteredHistories && filteredHistories.length > 0)\">\r\n <ng-template pTemplate=\"marker\" let-hist>\r\n <span [style.color]=\"hist.color\">\r\n <fa-icon [icon]=\"['far', hist.icon]\" class=\"custom-marker\"></fa-icon>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-hist>\r\n <h1 class=\"app-accordian-heading\" style=\"margin-top: 0px; font-weight: bold;\">{{hist.year}}</h1>\r\n <p-accordion expandIcon=\"pi pi-fw pi-chevron-up\" collapseIcon=\"pi pi-fw pi-chevron-up\">\r\n <p-accordionTab *ngFor=\"let history of hist.history; let i = index\" [selected]=\"isValueSelected(history,i)\">\r\n <ng-template pTemplate=\"header\">\r\n <ion-row style=\"width: -webkit-fill-available;\">\r\n <ion-col class=\"ion-text-left\" size=\"12\" sizeXl=\"3\" sizeLg=\"3\" sizeMd=\"3\">\r\n <span class=\"app-accordian-heading\" [style.color]=\"history.color\">{{history.eventDate}}</span>\r\n </ion-col>\r\n <ion-col class=\"app-text-align\" size=\"11\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"8\">\r\n <span class=\"app-accordian-heading\" [style.color]=\"history.color\">\r\n {{history.title}}\r\n </span>\r\n </ion-col>\r\n <ion-col size=\"1\" class=\"ion-text-center\">\r\n <span [style.color]=\"history.color\" *ngIf=\"getIcon(history)\">\r\n <fa-icon [icon]=\"getIcon(history)\" class=\"custom-marker\"></fa-icon>\r\n </span>\r\n </ion-col>\r\n </ion-row>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\">\r\n <span class=\"app-accordian-body\" [innerHtml]=\"history.desc\"></span>\r\n <div *ngIf=\"history.button != null\">\r\n <br /><br />\r\n <div class=\"ion-text-right\">\r\n <ion-button [attr.aria-label]=\"'go to' + history.button.buttonText\" fill=\"outline\"\r\n style=\"--color: {{history.button.color}}; --border-color: {{history.button.color}}; --border-width: 2px\"\r\n shape=\"round\" class=\"small-button\" (click)=\"open(history)\">{{history.button.buttonText}}\r\n </ion-button>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <br />\r\n </ng-template>\r\n </p-timeline>\r\n\r\n <div class=\"ion-text-center\" *ngIf=\"isLoading\">\r\n <ion-spinner name=\"dots\"></ion-spinner>\r\n </div>\r\n\r\n <div class=\"ion-padding-top ion-text-center app-accordian-body\"\r\n *ngIf=\"(!filteredHistories || filteredHistories.length < 1) && !isLoading\">\r\n <fa-icon [icon]=\"['far', filterIcon]\" class=\"large-icon\"></fa-icon>\r\n <p>{{'No history present.' | translate}}</p>\r\n </div>\r\n\r\n <div style=\"padding-left: 5%;\"
|
|
44995
|
+
args: [{ selector: 'app-history-page', animations: [rowExpansionTrigger], template: "<app-multi-questionnaire [qeQueryModels]=\"qeQueryModels\" *ngIf=\"isOpenQe\" (modelCancel)=\"closeQe()\"\r\n (onComplete)=\"quSuccess()\"></app-multi-questionnaire>\r\n<app-proof-of-anything *ngIf=\"showUploadPopup\" [uploadTypeId]=\"uploadTypeId\" [employerDataModel]=\"employerDataModel\"\r\n [data]=\"dataModel\" (cancel)=\"closeUploadPopup()\" (success)=\"uploadPopupDone()\"></app-proof-of-anything>\r\n<app-dashboard-help *ngIf=\"hs.isShowing()\" [activeIndex]=\"0\"></app-dashboard-help>\r\n<ion-grid>\r\n <ion-row>\r\n <ion-col size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"10\" offsetXl=\"2\" offsetLg=\"2\" offsetMd=\"1\">\r\n <h1>Your unemployment history</h1>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"10\" offsetXl=\"2\" offsetLg=\"2\" offsetMd=\"1\">\r\n\r\n <ion-row>\r\n <ion-col size=\"3\">\r\n <div class=\"ion-text-left field\" *ngIf=\"histories\">\r\n <label for=\"timeline\" id=\"lblTimeline\">{{time?.desc}}</label><br />\r\n <p-selectButton [options]=\"timeOption\" [(ngModel)]=\"time\" optionLabel=\"desc\"\r\n (onChange)=\"handleChange($event)\" [ariaLabelledBy]=\"'lblTimeline'\">\r\n <ng-template let-item pTemplate>\r\n <div [pTooltip]=\"item.desc\" tooltipPosition=\"bottom\" tabindex=\"0\" [attr.aria-label]=\"item.desc\"\r\n role=\"note\">\r\n <span *ngIf=\"!item.icon\">{{item.desc}}</span>\r\n <fa-icon [icon]=\"['far', item.icon]\" *ngIf=\"item.icon\"></fa-icon>\r\n </div>\r\n </ng-template>\r\n </p-selectButton>\r\n </div>\r\n </ion-col>\r\n <ion-col size=\"9\">\r\n <div class=\"ion-text-right field\" *ngIf=\"histories\">\r\n <label>{{filter?.desc}}</label><br />\r\n <p-selectButton [options]=\"filterOptions\" [(ngModel)]=\"filter\" optionLabel=\"icon\"\r\n (onChange)=\"handleChange($event)\">\r\n <ng-template let-item pTemplate>\r\n <div [pTooltip]=\"item.desc\" tooltipPosition=\"bottom\" tabindex=\"0\" [attr.aria-label]=\"item.desc\"\r\n role=\"note\">\r\n <span *ngIf=\"!item.icon\">{{item.altDesc}}</span>\r\n <fa-icon [icon]=\"['far', item.icon]\" *ngIf=\"item.icon\"></fa-icon>\r\n </div>\r\n </ng-template>\r\n </p-selectButton>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <br />\r\n <p-timeline [value]=\"filteredHistories\" *ngIf=\"(filteredHistories && filteredHistories.length > 0)\">\r\n <ng-template pTemplate=\"marker\" let-hist>\r\n <span [style.color]=\"hist.color\">\r\n <fa-icon [icon]=\"['far', hist.icon]\" class=\"custom-marker\"></fa-icon>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-hist>\r\n <h1 class=\"app-accordian-heading\" style=\"margin-top: 0px; font-weight: bold;\">{{hist.year}}</h1>\r\n <p-accordion expandIcon=\"pi pi-fw pi-chevron-up\" collapseIcon=\"pi pi-fw pi-chevron-up\">\r\n <p-accordionTab *ngFor=\"let history of hist.history; let i = index\" [selected]=\"isValueSelected(history,i)\">\r\n <ng-template pTemplate=\"header\">\r\n <ion-row style=\"width: -webkit-fill-available;\">\r\n <ion-col class=\"ion-text-left\" size=\"12\" sizeXl=\"3\" sizeLg=\"3\" sizeMd=\"3\">\r\n <span class=\"app-accordian-heading\" [style.color]=\"history.color\">{{history.eventDate}}</span>\r\n </ion-col>\r\n <ion-col class=\"app-text-align\" size=\"11\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"8\">\r\n <span class=\"app-accordian-heading\" [style.color]=\"history.color\">\r\n {{history.title}}\r\n </span>\r\n </ion-col>\r\n <ion-col size=\"1\" class=\"ion-text-center\">\r\n <span [style.color]=\"history.color\" *ngIf=\"getIcon(history)\">\r\n <fa-icon [icon]=\"getIcon(history)\" class=\"custom-marker\"></fa-icon>\r\n </span>\r\n </ion-col>\r\n </ion-row>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\">\r\n <span class=\"app-accordian-body\" [innerHtml]=\"history.desc\"></span>\r\n <div *ngIf=\"history.button != null\">\r\n <br /><br />\r\n <div class=\"ion-text-right\">\r\n <ion-button [attr.aria-label]=\"'go to' + history.button.buttonText\" fill=\"outline\"\r\n style=\"--color: {{history.button.color}}; --border-color: {{history.button.color}}; --border-width: 2px\"\r\n shape=\"round\" class=\"small-button\" (click)=\"open(history)\">{{history.button.buttonText}}\r\n </ion-button>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </p-accordionTab>\r\n </p-accordion>\r\n <br />\r\n </ng-template>\r\n </p-timeline>\r\n\r\n <div class=\"ion-text-center\" *ngIf=\"isLoading\">\r\n <ion-spinner name=\"dots\"></ion-spinner>\r\n </div>\r\n\r\n <div class=\"ion-padding-top ion-text-center app-accordian-body\"\r\n *ngIf=\"(!filteredHistories || filteredHistories.length < 1) && !isLoading\">\r\n <fa-icon [icon]=\"['far', filterIcon]\" class=\"large-icon\"></fa-icon>\r\n <p>{{'No history present.' | translate}}</p>\r\n </div>\r\n\r\n <div style=\"padding-left: 5%;\">\r\n <div class=\"horizontal-align\">\r\n <span class=\"app-accordian-body\">\r\n <strong>{{ 'To view your claim summary and weekly pay status click here' | translate }}</strong>\r\n </span>\r\n <ion-button aria-label=\"view old records\" (click)=\"openOldRecords()\" fill=\"outline\" size=\"small\"\r\n class=\"action-button\">\r\n <fa-icon [icon]=\"['fas', 'external-link-alt']\" class=\"external-link-icon\"></fa-icon>\r\n </ion-button>\r\n </div>\r\n </div>\r\n <br />\r\n\r\n </ion-col>\r\n </ion-row>\r\n</ion-grid>", styles: [".app-accordian-heading{font-size:26px;color:var(--ion-color-medium-gray);font-family:var(--app-font-light)}.app-accordian-body{font-size:20px;color:#707070;font:normal normal normal 20px/27px var(--app-font-regular)}.horizontal-align{display:flex;align-items:center;gap:5px}.app-text-align{text-align:right}.large-icon{font-size:xx-large}.custom-marker{font-size:x-large}@media screen and (max-width: 576px){.app-text-align{text-align:left}}@media screen and (max-width: 50rem){.app-text-align{text-align:left}}@media screen and (max-width: 50rem){:is() .p-button{display:inline-block;font-size:20px;min-width:3rem}}@media only screen and (max-width: 576px){:is() .p-timeline .p-timeline-event{display:flex!important;flex-direction:column!important;align-items:flex-start!important}:is() .p-timeline .p-timeline-event-separator{margin:.5rem 0!important;width:100%!important}:is() .p-timeline .p-timeline-event-content{width:100%!important;padding-left:0!important;padding-right:0!important}}:host ::ng-deep .app-accordian-body table td[style*=\"display:flex\"]{flex-wrap:wrap!important;white-space:normal!important}:host ::ng-deep .app-accordian-body table td[style*=\"display:flex\"]>span{min-width:0!important;margin:.25em 0!important}:host ::ng-deep .app-accordian-body table td span{overflow-wrap:break-word!important}\n"] }]
|
|
44995
44996
|
}], () => [{ type: EventService }, { type: HelpService }, { type: UtilService }, { type: i4.NavController }, { type: LoginService }, { type: i3$1.TranslateService }, { type: LoggerService }, { type: i3.ActivatedRoute }], null); })();
|
|
44996
44997
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HistoryPageComponent, { className: "HistoryPageComponent", filePath: "lib\\components\\history-page\\history-page.component.ts", lineNumber: 28 }); })();
|
|
44997
44998
|
class KeyValueModel {
|