@uiapplib/ngx-ui-web-lib 0.0.29 → 0.0.30

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.
@@ -46244,10 +46244,10 @@ function WorkSearchEmployerComponentME_div_26_Template(rf, ctx) { if (rf & 1) {
46244
46244
  i0.ɵɵadvance(2);
46245
46245
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 12, "work.search.journal.applicationDate"));
46246
46246
  i0.ɵɵadvance(2);
46247
- i0.ɵɵproperty("showIcon", true)("formControl", ctx_r6.workSearchDate)("minDate", ctx_r6.sunDate)("maxDate", ctx_r6.satDate)("defaultDate", ctx_r6.sunDate)("selectOtherMonths", true);
46247
+ i0.ɵɵproperty("showIcon", true)("formControl", ctx_r6.workSearchDate)("minDate", ctx_r6.sunDate)("maxDate", ctx_r6.maxAllowedDate)("defaultDate", ctx_r6.sunDate)("selectOtherMonths", true);
46248
46248
  i0.ɵɵadvance(1);
46249
46249
  i0.ɵɵclassMap("app-grid");
46250
- i0.ɵɵproperty("field", ctx_r6.workSearchDate)("form", _r0)("errDef", i0.ɵɵpureFunction1(14, _c8$2, "Date should be between " + ctx_r6.sunDateString + " and " + ctx_r6.satDateString + "."));
46250
+ i0.ɵɵproperty("field", ctx_r6.workSearchDate)("form", _r0)("errDef", i0.ɵɵpureFunction1(14, _c8$2, "Date should be between " + ctx_r6.sunDateString + " and " + ctx_r6.maxAllowedDateString + "."));
46251
46251
  } }
46252
46252
  function WorkSearchEmployerComponentME_section_27_div_13_Template(rf, ctx) { if (rf & 1) {
46253
46253
  i0.ɵɵelementStart(0, "div", 6)(1, "label", 52);
@@ -46500,6 +46500,12 @@ class WorkSearchEmployerComponentME {
46500
46500
  this.satDateString = this.wcService.getSaturdayDateAsString();
46501
46501
  this.sunDateString = this.wcService.getSundayDateAsString();
46502
46502
  }
46503
+ const now = new Date();
46504
+ const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
46505
+ // If filing during the current week, cap at today
46506
+ this.maxAllowedDate = today < this.satDate ? today : this.satDate;
46507
+ // Format for error message
46508
+ this.maxAllowedDateString = this.util.getDateInMMDDYYYYFormat(this.maxAllowedDate);
46503
46509
  this.dynamicParam = {
46504
46510
  'saturday_date': this.satDateString,
46505
46511
  'sunday_date': this.sunDateString,
@@ -47149,7 +47155,7 @@ class WorkSearchEmployerComponentME {
47149
47155
  }
47150
47156
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkSearchEmployerComponentME, [{
47151
47157
  type: Component,
47152
- args: [{ selector: 'app-work-search-employer-me', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\" position=\"top\" [showHeader]=\"false\" [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\">\r\n <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\">{{'work.search.journal.activity.heading' | translate:dynamicParam }}</h4>\r\n <form [formGroup]=\"wsrForm\" #wsrFormDirective=\"ngForm\">\r\n <ion-grid>\r\n <ion-row>\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 <div class=\"field\">\r\n <label for=\"activityType\">{{'work.search.journal.activity.type' | translate}}</label>\r\n <app-overlay-info [overlayText]=\"'work.search.journal.activity.ip2095' | translate | trustHtml\" style=\"padding-left: 8px;flex-grow: 1;\"></app-overlay-info>\r\n <app-dropdown [options]=\"activityTypeCombo\" optionLabel=\"DESC\" optionValue=\"NAME\" [formControl]=\"activityType\" appendTo=\"body\" inputId=\"activityType\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='activityType' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n typeAlreadyUsed: 'You can only add one entry for this activity type this week.'\r\n }\"></app-error>\r\n </div>\r\n <section *ngIf=\"displayWorkingForAnEmployerQuestions\">\r\n <div class=\"field\">\r\n <label for=\"workOrPerformServiceType\">{{'work.search.journal.workOrPerformServiceType' | translate}}</label>\r\n <p-selectButton [options]=\"employmentTypeOptions\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n [formControl]=\"workOrPerformServiceType\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='workOrPerformServiceType' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n <section *ngIf=\"displayUnionMemberQuestions\">\r\n <div class=\"field\">\r\n <label for=\"isInContactWithUnion\">{{'work.search.journal.isInContactWithUnion' | translate}}</label>\r\n <p-selectButton [options]=\"yesNoOptions\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n [formControl]=\"isInContactWithUnion\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='isInContactWithUnion' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"isInContactWithUnion.value === 'Y'\">\r\n <label for=\"unionName\">{{'work.search.journal.unionName' | translate}}</label>\r\n <input id=\"unionName\" type=\"input\" pInputText [formControl]=\"unionName\" appStripInvisibleChars />\r\n <app-error [class]=\"'app-grid'\" [field]='unionName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"isInContactWithUnion.value === 'Y'\">\r\n <label for=\"unionContactPersonName\">{{'work.search.journal.unionContactPersonName' | translate}}</label>\r\n <input id=\"unionContactPersonName\" type=\"input\" pInputText [formControl]=\"unionContactPersonName\"\r\n appStripInvisibleChars />\r\n <app-error [class]=\"'app-grid'\" [field]='unionContactPersonName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"isInContactWithUnion.value === 'Y'\">\r\n <label for=\"unionContactDate\">{{'work.search.journal.unionContactDate'| translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"unionContactDate\" appendTo=\"body\" [formControl]=\"unionContactDate\"\r\n [minDate]=\"sunDate\" [maxDate]=\"satDate\" [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='unionContactDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n <section *ngIf=\"displayCCQuestions\">\r\n <div class=\"field\">\r\n <label for=\"workShopName\">{{'work.search.journal.workShopName' | translate}}</label>\r\n <input id=\"workShopName\" type=\"input\" pInputText [formControl]=\"workShopName\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='workShopName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n <section *ngIf =\"displayJobFairQuestions\">\r\n <div class=\"field\">\r\n <label for=\"jobFairLocation\">{{'work.search.journal.jobFairLocation' | translate}}</label>\r\n <input id=\"jobFairLocation\" type=\"input\" pInputText [formControl]=\"jobFairLocation\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='jobFairLocation' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n <section *ngIf =\"displayEmployerQuestions\">\r\n <div class=\"field\">\r\n <label for=\"employerName\">{{'work.search.journal.employerName' | translate}}</label>\r\n <app-search-employer [formControl]=\"employerName\" (onFound)=\"setEmployer($event)\" [empType]=\"'REG'\"></app-search-employer>\r\n <app-error [class]=\"'app-grid'\" [field]='employerName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.', pattern: 'only letters, numbers, spaces, and . , & \\' ( ) - # are allowed'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\">\r\n <label for=\"country\">{{'work.search.journal.country' | translate}}</label><br>\r\n <app-dropdown inputId=\"country\" [options]=\"countryOptions\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n appendTo=\"body\" [formControl]=\"country\" [autoDisplayFirst]=\"false\" inputId=\"country\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='country' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\">\r\n <label for=\"line1\">{{'work.search.journal.streetAddress' | translate}}</label>\r\n <input id=\"line1\" type=\"input\" pInputText [formControl]=\"line1\" maxlength=\"40\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='line1' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.', pattern: 'only letters, numbers, spaces, and . , & \\' ( ) - # are allowed'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\">\r\n <label for=\"city\">{{'work.search.journal.city' | translate}}</label>\r\n <input id=\"city\" type=\"input\" pInputText [formControl]=\"city\" maxlength=\"30\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='city' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n invalidwsCityLength: 'City should not exceed a length of 30 characters',\r\n pattern: 'City name can only contain letters, spaces, and hyphens'\r\n }\"></app-error>\r\n </div>\r\n <ion-row>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"state\">{{'work.search.journal.state'| translate}}</label>\r\n <app-dropdown inputId=\"state\" [options]=\"statesCombo\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n appendTo=\"body\" [formControl]=\"state\" inputId = \"state\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='state' [form]=\"wsrFormDirective\" [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=\"zip\">{{'work.search.journal.zip'| translate}}</label>\r\n <input id=\"zip\" type=\"input\" pInputText [formControl]=\"zip\" minlength=\"5\" maxlength=\"9\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='zip' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n invalidNumber: 'Zip code should only have numbers.',\r\n invalidZipCode: 'please enter a valid zip code'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n <div class=\"field\" >\r\n <label for=\"employerPhone\">{{'work.search.journal.phoneNo' | translate}}</label>\r\n <p-inputMask inputId=\"employerPhone\" [formControl]=\"employerPhone\" mask=\"(999) 999-9999\" unmask=\"true\"></p-inputMask>\r\n <app-error [class]=\"'app-grid'\" [field]='employerPhone' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n </div>\r\n </ion-col>\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 <div class=\"field\" *ngIf=\"!displayUnionMemberQuestions && !displayWorkingForAnEmployerQuestions\">\r\n <label for=\"workSearchDate\">{{'work.search.journal.applicationDate'| translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"workSearchDate\" appendTo=\"body\" [formControl]=\"workSearchDate\" [minDate]=\"sunDate\" [maxDate]=\"satDate\" [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='workSearchDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n dateNotBetween: 'Date should be between ' + sunDateString + ' and ' + satDateString + '.'\r\n }\"></app-error>\r\n </div>\r\n <section *ngIf =\"displayEmployerQuestions\">\r\n <div class=\"field\">\r\n <label for=\"positionAppliedFor\">{{'work.search.journal.jobTitle'| translate}}</label>\r\n <input id=\"positionAppliedFor\" type=\"input\" pInputText [formControl]=\"positionAppliedFor\" maxlength=\"50\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='positionAppliedFor' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n pattern: 'Job Title can only contain letters, numbers, spaces, and hyphens'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\">\r\n <label for=\"contactMethod\">{{'work.search.journal.contactMethod'| translate}}</label>\r\n <p-selectButton [options]=\"workSearchMethodContact\" optionLabel=\"DESC\" optionValue=\"NAME\" [formControl]=\"contactMethod\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='contactMethod' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n \r\n <div class=\"field\" *ngIf=\"contactMethod.value == 'TELE'\">\r\n <label for=\"contactPhone\">{{'work.search.journal.phoneNo' | translate}}</label>\r\n <p-inputMask inputId=\"contactPhone\" [formControl]=\"contactPhone\" mask=\"(999) 999-9999\" unmask=\"true\"></p-inputMask>\r\n <app-error [class]=\"'app-grid'\" [field]='contactPhone' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"contactMethod.value == 'EMAL'\">\r\n <label for=\"employerEmail\">{{'work.search.journal.email' | translate}}</label>\r\n <input id=\"employerEmail\" type=\"input\" pInputText [formControl]=\"employerEmail\" placeholder=\"emailid@example.com\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='employerEmail' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n employerEmail: 'Invalid email address.'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"contactMethod.value == 'ONLI'\">\r\n <label for=\"employerWebsite\">{{'work.search.journal.website' | translate}}</label>\r\n <input id=\"employerWebsite\" type=\"input\" pInputText [formControl]=\"employerWebsite\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='employerWebsite' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n \r\n <div class=\"field\" *ngIf=\"contactMethod.value !='ONLI'\">\r\n <label for=\"empContactPersonName\">{{'work.search.journal.contactNameTitle' | translate}}</label>\r\n <input id=\"empContactPersonName\" type=\"input\" pInputText [formControl]=\"empContactPersonName\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='empContactPersonName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\">\r\n <label for=\"searchResult\">{{'work.search.journal.result' | translate}}</label>\r\n <app-dropdown [options]=\"workSearchResultCombo\" optionLabel=\"DESC\" optionValue=\"NAME\" [formControl]=\"searchResult\" appendTo=\"body\" inputId=\"searchResult\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='searchResult' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"searchResult.value == 'OTHR'\">\r\n <label for=\"othResult\">{{'work.search.journal.result.oth' | translate}}</label>\r\n <input id=\"othResult\" type=\"input\" pInputText [formControl]=\"othResult\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='othResult' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"searchResult.value == 'HIRE'\">\r\n <label for=\"hasStartDate\">{{'work.search.journal.result.hasStartDate' | translate}}</label>\r\n <p-selectButton [options]=\"yesNoOptions\" optionLabel=\"DESC\" optionValue=\"NAME\" [formControl]=\"hasStartDate\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='hasStartDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"hasStartDate.value == 'Y' && searchResult.value == 'HIRE'\">\r\n <label for=\"workStartDate\">{{'work.search.journal.result.startDate' | translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"workStartDate\" appendTo=\"body\" [formControl]=\"workStartDate\" [minDate]=\"sunDate\" [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='workStartDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n\r\n </div>\r\n </section>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col class=\"ion-text-right\">\r\n <section *ngIf=\"displayUnionMemberQuestions\">\r\n\t\t\t <div class=\"field\" *ngIf=\"isInContactWithUnion.value === 'N'\">\r\n {{'work.search.journal.noContactWithUnion' | translate}}\r\n </div>\r\n </section>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col class=\"ion-text-right\">\r\n <ion-button shape=\"round\" fill=\"outline\" (click)=\"close()\" type=\"reset\">{{'button.cancel' | translate}}</ion-button>\r\n <ion-button shape=\"round\" (click)=\"add()\" type=\"submit\">{{'button.add' | translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </form>\r\n</p-dialog>", styles: [":host ::ng-deep .p-dialog{width:90%!important}\n"] }]
47158
+ args: [{ selector: 'app-work-search-employer-me', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\" position=\"top\" [showHeader]=\"false\" [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\">\r\n <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\">{{'work.search.journal.activity.heading' | translate:dynamicParam }}</h4>\r\n <form [formGroup]=\"wsrForm\" #wsrFormDirective=\"ngForm\">\r\n <ion-grid>\r\n <ion-row>\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 <div class=\"field\">\r\n <label for=\"activityType\">{{'work.search.journal.activity.type' | translate}}</label>\r\n <app-overlay-info [overlayText]=\"'work.search.journal.activity.ip2095' | translate | trustHtml\" style=\"padding-left: 8px;flex-grow: 1;\"></app-overlay-info>\r\n <app-dropdown [options]=\"activityTypeCombo\" optionLabel=\"DESC\" optionValue=\"NAME\" [formControl]=\"activityType\" appendTo=\"body\" inputId=\"activityType\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='activityType' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n typeAlreadyUsed: 'You can only add one entry for this activity type this week.'\r\n }\"></app-error>\r\n </div>\r\n <section *ngIf=\"displayWorkingForAnEmployerQuestions\">\r\n <div class=\"field\">\r\n <label for=\"workOrPerformServiceType\">{{'work.search.journal.workOrPerformServiceType' | translate}}</label>\r\n <p-selectButton [options]=\"employmentTypeOptions\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n [formControl]=\"workOrPerformServiceType\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='workOrPerformServiceType' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n <section *ngIf=\"displayUnionMemberQuestions\">\r\n <div class=\"field\">\r\n <label for=\"isInContactWithUnion\">{{'work.search.journal.isInContactWithUnion' | translate}}</label>\r\n <p-selectButton [options]=\"yesNoOptions\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n [formControl]=\"isInContactWithUnion\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='isInContactWithUnion' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"isInContactWithUnion.value === 'Y'\">\r\n <label for=\"unionName\">{{'work.search.journal.unionName' | translate}}</label>\r\n <input id=\"unionName\" type=\"input\" pInputText [formControl]=\"unionName\" appStripInvisibleChars />\r\n <app-error [class]=\"'app-grid'\" [field]='unionName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"isInContactWithUnion.value === 'Y'\">\r\n <label for=\"unionContactPersonName\">{{'work.search.journal.unionContactPersonName' | translate}}</label>\r\n <input id=\"unionContactPersonName\" type=\"input\" pInputText [formControl]=\"unionContactPersonName\"\r\n appStripInvisibleChars />\r\n <app-error [class]=\"'app-grid'\" [field]='unionContactPersonName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"isInContactWithUnion.value === 'Y'\">\r\n <label for=\"unionContactDate\">{{'work.search.journal.unionContactDate'| translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"unionContactDate\" appendTo=\"body\" [formControl]=\"unionContactDate\"\r\n [minDate]=\"sunDate\" [maxDate]=\"satDate\" [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='unionContactDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n <section *ngIf=\"displayCCQuestions\">\r\n <div class=\"field\">\r\n <label for=\"workShopName\">{{'work.search.journal.workShopName' | translate}}</label>\r\n <input id=\"workShopName\" type=\"input\" pInputText [formControl]=\"workShopName\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='workShopName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n <section *ngIf =\"displayJobFairQuestions\">\r\n <div class=\"field\">\r\n <label for=\"jobFairLocation\">{{'work.search.journal.jobFairLocation' | translate}}</label>\r\n <input id=\"jobFairLocation\" type=\"input\" pInputText [formControl]=\"jobFairLocation\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='jobFairLocation' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n <section *ngIf =\"displayEmployerQuestions\">\r\n <div class=\"field\">\r\n <label for=\"employerName\">{{'work.search.journal.employerName' | translate}}</label>\r\n <app-search-employer [formControl]=\"employerName\" (onFound)=\"setEmployer($event)\" [empType]=\"'REG'\"></app-search-employer>\r\n <app-error [class]=\"'app-grid'\" [field]='employerName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.', pattern: 'only letters, numbers, spaces, and . , & \\' ( ) - # are allowed'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\">\r\n <label for=\"country\">{{'work.search.journal.country' | translate}}</label><br>\r\n <app-dropdown inputId=\"country\" [options]=\"countryOptions\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n appendTo=\"body\" [formControl]=\"country\" [autoDisplayFirst]=\"false\" inputId=\"country\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='country' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\">\r\n <label for=\"line1\">{{'work.search.journal.streetAddress' | translate}}</label>\r\n <input id=\"line1\" type=\"input\" pInputText [formControl]=\"line1\" maxlength=\"40\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='line1' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.', pattern: 'only letters, numbers, spaces, and . , & \\' ( ) - # are allowed'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\">\r\n <label for=\"city\">{{'work.search.journal.city' | translate}}</label>\r\n <input id=\"city\" type=\"input\" pInputText [formControl]=\"city\" maxlength=\"30\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='city' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n invalidwsCityLength: 'City should not exceed a length of 30 characters',\r\n pattern: 'City name can only contain letters, spaces, and hyphens'\r\n }\"></app-error>\r\n </div>\r\n <ion-row>\r\n <ion-col style=\"padding: 0px;\">\r\n <div class=\"field\">\r\n <label for=\"state\">{{'work.search.journal.state'| translate}}</label>\r\n <app-dropdown inputId=\"state\" [options]=\"statesCombo\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n appendTo=\"body\" [formControl]=\"state\" inputId = \"state\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='state' [form]=\"wsrFormDirective\" [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=\"zip\">{{'work.search.journal.zip'| translate}}</label>\r\n <input id=\"zip\" type=\"input\" pInputText [formControl]=\"zip\" minlength=\"5\" maxlength=\"9\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='zip' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n invalidNumber: 'Zip code should only have numbers.',\r\n invalidZipCode: 'please enter a valid zip code'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n <div class=\"field\" >\r\n <label for=\"employerPhone\">{{'work.search.journal.phoneNo' | translate}}</label>\r\n <p-inputMask inputId=\"employerPhone\" [formControl]=\"employerPhone\" mask=\"(999) 999-9999\" unmask=\"true\"></p-inputMask>\r\n <app-error [class]=\"'app-grid'\" [field]='employerPhone' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n </section>\r\n </div>\r\n </ion-col>\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 <div class=\"field\" *ngIf=\"!displayUnionMemberQuestions && !displayWorkingForAnEmployerQuestions\">\r\n <label for=\"workSearchDate\">{{'work.search.journal.applicationDate'| translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"workSearchDate\" appendTo=\"body\" [formControl]=\"workSearchDate\" [minDate]=\"sunDate\" [maxDate]=\"maxAllowedDate\" [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='workSearchDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n dateNotBetween: 'Date should be between ' + sunDateString + ' and ' + maxAllowedDateString + '.'\r\n }\"></app-error>\r\n </div>\r\n <section *ngIf =\"displayEmployerQuestions\">\r\n <div class=\"field\">\r\n <label for=\"positionAppliedFor\">{{'work.search.journal.jobTitle'| translate}}</label>\r\n <input id=\"positionAppliedFor\" type=\"input\" pInputText [formControl]=\"positionAppliedFor\" maxlength=\"50\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='positionAppliedFor' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n pattern: 'Job Title can only contain letters, numbers, spaces, and hyphens'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\">\r\n <label for=\"contactMethod\">{{'work.search.journal.contactMethod'| translate}}</label>\r\n <p-selectButton [options]=\"workSearchMethodContact\" optionLabel=\"DESC\" optionValue=\"NAME\" [formControl]=\"contactMethod\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='contactMethod' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n \r\n <div class=\"field\" *ngIf=\"contactMethod.value == 'TELE'\">\r\n <label for=\"contactPhone\">{{'work.search.journal.phoneNo' | translate}}</label>\r\n <p-inputMask inputId=\"contactPhone\" [formControl]=\"contactPhone\" mask=\"(999) 999-9999\" unmask=\"true\"></p-inputMask>\r\n <app-error [class]=\"'app-grid'\" [field]='contactPhone' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"contactMethod.value == 'EMAL'\">\r\n <label for=\"employerEmail\">{{'work.search.journal.email' | translate}}</label>\r\n <input id=\"employerEmail\" type=\"input\" pInputText [formControl]=\"employerEmail\" placeholder=\"emailid@example.com\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='employerEmail' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.',\r\n employerEmail: 'Invalid email address.'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"contactMethod.value == 'ONLI'\">\r\n <label for=\"employerWebsite\">{{'work.search.journal.website' | translate}}</label>\r\n <input id=\"employerWebsite\" type=\"input\" pInputText [formControl]=\"employerWebsite\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='employerWebsite' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n \r\n <div class=\"field\" *ngIf=\"contactMethod.value !='ONLI'\">\r\n <label for=\"empContactPersonName\">{{'work.search.journal.contactNameTitle' | translate}}</label>\r\n <input id=\"empContactPersonName\" type=\"input\" pInputText [formControl]=\"empContactPersonName\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='empContactPersonName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\">\r\n <label for=\"searchResult\">{{'work.search.journal.result' | translate}}</label>\r\n <app-dropdown [options]=\"workSearchResultCombo\" optionLabel=\"DESC\" optionValue=\"NAME\" [formControl]=\"searchResult\" appendTo=\"body\" inputId=\"searchResult\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='searchResult' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n\r\n <div class=\"field\" *ngIf=\"searchResult.value == 'OTHR'\">\r\n <label for=\"othResult\">{{'work.search.journal.result.oth' | translate}}</label>\r\n <input id=\"othResult\" type=\"input\" pInputText [formControl]=\"othResult\" appStripInvisibleChars/>\r\n <app-error [class]=\"'app-grid'\" [field]='othResult' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"searchResult.value == 'HIRE'\">\r\n <label for=\"hasStartDate\">{{'work.search.journal.result.hasStartDate' | translate}}</label>\r\n <p-selectButton [options]=\"yesNoOptions\" optionLabel=\"DESC\" optionValue=\"NAME\" [formControl]=\"hasStartDate\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='hasStartDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n </div>\r\n <div class=\"field\" *ngIf=\"hasStartDate.value == 'Y' && searchResult.value == 'HIRE'\">\r\n <label for=\"workStartDate\">{{'work.search.journal.result.startDate' | translate}}</label>\r\n <p-calendar [showIcon]=\"true\" inputId=\"workStartDate\" appendTo=\"body\" [formControl]=\"workStartDate\" [minDate]=\"sunDate\" [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\"></p-calendar>\r\n <app-error [class]=\"'app-grid'\" [field]='workStartDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n required: 'Required.'\r\n }\"></app-error>\r\n\r\n </div>\r\n </section>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col class=\"ion-text-right\">\r\n <section *ngIf=\"displayUnionMemberQuestions\">\r\n\t\t\t <div class=\"field\" *ngIf=\"isInContactWithUnion.value === 'N'\">\r\n {{'work.search.journal.noContactWithUnion' | translate}}\r\n </div>\r\n </section>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col class=\"ion-text-right\">\r\n <ion-button shape=\"round\" fill=\"outline\" (click)=\"close()\" type=\"reset\">{{'button.cancel' | translate}}</ion-button>\r\n <ion-button shape=\"round\" (click)=\"add()\" type=\"submit\">{{'button.add' | translate}}</ion-button>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n </form>\r\n</p-dialog>", styles: [":host ::ng-deep .p-dialog{width:90%!important}\n"] }]
47153
47159
  }], () => [{ type: WeeklyCertServiceV2 }, { type: i1$4.UntypedFormBuilder }, { type: UtilService }], { wsrFormDirective: [{
47154
47160
  type: ViewChild,
47155
47161
  args: ['wsrFormDirective', { static: false }]