@uiapplib/ngx-ui-web-lib 0.0.36 → 0.0.38
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/questionnaire/account-success/account-success.page.mjs +4 -4
- package/esm2022/lib/components/weekly-certification/weekly-certification.component.mjs +4 -2
- package/fesm2022/uiapplib-ngx-ui-web-lib.mjs +25 -16
- 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/lib/components/weekly-certification/weekly-certification.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -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']
|
|
@@ -49730,7 +49737,9 @@ class WeeklyCertificationComponent extends BasePage {
|
|
|
49730
49737
|
if (this.wcService.getWorkSearchRecordsCount() > 0) {
|
|
49731
49738
|
const list = this.wcService.getWorkSearchRecords() ?? [];
|
|
49732
49739
|
const localReem = list.filter(r => r && (r.activityType === 'UNON' && r.isInContactWithUnion === 'N')).length;
|
|
49733
|
-
|
|
49740
|
+
const localPartEmp = list.filter(r => r && (r.activityType === 'WRKP' && r.workOrPerformServiceType === 'PART')).length;
|
|
49741
|
+
const wsRecordCount = this.wcService.getWorkSearchRecordsCount();
|
|
49742
|
+
if ((wsRecordCount - localReem - localPartEmp) > 0) {
|
|
49734
49743
|
this.wcService.weeklyCertData.workSearchData.isWorkSearchPerformedFlag = '1';
|
|
49735
49744
|
}
|
|
49736
49745
|
}
|