@prutech/compliance 1.0.231 → 1.0.232
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2020/lib/pre-noi-work-list/components/pre-noi-context-menu/pre-noi-context-menu.component.mjs +2 -1
- package/esm2020/lib/pre-noi-work-list/components/update-status-dialogbox/update-status-dialogbox.component.mjs +124 -18
- package/esm2020/lib/shared/constants/diaglog-size.mjs +2 -1
- package/esm2020/lib/telephone-settled-conference/components/re-assign-dailogbox/re-assign-dailogbox.component.mjs +3 -3
- package/esm2020/lib/telephone-settled-conference/constants/menu-items.mjs +2 -2
- package/esm2020/lib/telephone-settled-conference/models/re-assign-form-model.mjs +2 -2
- package/fesm2015/prutech-compliance.mjs +108 -25
- package/fesm2015/prutech-compliance.mjs.map +1 -1
- package/fesm2020/prutech-compliance.mjs +123 -27
- package/fesm2020/prutech-compliance.mjs.map +1 -1
- package/lib/pre-noi-work-list/components/update-status-dialogbox/update-status-dialogbox.component.d.ts +17 -2
- package/lib/shared/constants/diaglog-size.d.ts +1 -0
- package/package.json +1 -1
|
@@ -37,7 +37,7 @@ import * as i6 from '@angular/material/input';
|
|
|
37
37
|
import { MatInputModule } from '@angular/material/input';
|
|
38
38
|
import * as i1$2 from '@angular/router';
|
|
39
39
|
import { RouterModule } from '@angular/router';
|
|
40
|
-
import * as
|
|
40
|
+
import * as i12 from '@angular/material/core';
|
|
41
41
|
import { MatNativeDateModule, DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
|
|
42
42
|
import * as i8 from '@angular/material/datepicker';
|
|
43
43
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
@@ -46,19 +46,19 @@ import { MatCardModule } from '@angular/material/card';
|
|
|
46
46
|
import * as i5$2 from '@angular/material/icon';
|
|
47
47
|
import { MatIconModule } from '@angular/material/icon';
|
|
48
48
|
import { MatMenuModule } from '@angular/material/menu';
|
|
49
|
-
import * as
|
|
49
|
+
import * as i11 from '@angular/material/select';
|
|
50
50
|
import { MatSelectModule } from '@angular/material/select';
|
|
51
51
|
import * as i4$2 from '@angular/material/button-toggle';
|
|
52
52
|
import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
53
53
|
import * as i2$3 from '@angular/material/sidenav';
|
|
54
54
|
import { MatSidenavModule } from '@angular/material/sidenav';
|
|
55
|
-
import * as i6$
|
|
55
|
+
import * as i6$3 from '@angular/material/list';
|
|
56
56
|
import { MatListModule } from '@angular/material/list';
|
|
57
57
|
import * as i9 from '@angular/material/tooltip';
|
|
58
58
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
59
59
|
import * as i2$4 from '@angular/material/expansion';
|
|
60
60
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
61
|
-
import * as i6$
|
|
61
|
+
import * as i6$2 from '@angular/material/radio';
|
|
62
62
|
import { MatRadioModule } from '@angular/material/radio';
|
|
63
63
|
import * as i3$4 from '@prutech/appointment';
|
|
64
64
|
import { AppointmentSchedulerModalComponent, SlotTypeEnum, AppointmentSchedulerModule, ManageAppointmentsService } from '@prutech/appointment';
|
|
@@ -4197,7 +4197,8 @@ const dialogSize$1 = '500px';
|
|
|
4197
4197
|
const p60 = '60%';
|
|
4198
4198
|
const p70$1 = '70%';
|
|
4199
4199
|
const p90 = '90%';
|
|
4200
|
-
const recordOutreachdialogSize = '800px';
|
|
4200
|
+
const recordOutreachdialogSize = '800px';
|
|
4201
|
+
const diaglogFormSize = '550px';
|
|
4201
4202
|
|
|
4202
4203
|
class DoNotConciliateItemModel {
|
|
4203
4204
|
constructor(data) {
|
|
@@ -8401,7 +8402,7 @@ class ParticipantTimesheetComponent extends AbstractComponent {
|
|
|
8401
8402
|
}
|
|
8402
8403
|
}
|
|
8403
8404
|
ParticipantTimesheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ParticipantTimesheetComponent, deps: [{ token: TimeKeepingDetailsService }, { token: ParticipantChangeStatusService }, { token: i0.ChangeDetectorRef }, { token: i2$2.TabService }, { token: i1$2.Router }, { token: i5$1.UserService }, { token: i1$1.MatDialog }, { token: i7.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
8404
|
-
ParticipantTimesheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ParticipantTimesheetComponent, selector: "prutech-participant-timesheet", inputs: { isAttestedCheckValue: "isAttestedCheckValue" }, usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"space-around start\">\r\n <div fxFlex=\"100%\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"time-sheet-details\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"5%\" fxLayoutAlign=\"end center\">\r\n <mat-icon class=\"material-icons-outlined primary-icon\" [ngClass]=\"{ 'primary-icon': !isBackDisable(), 'grey-icon': isBackDisable() }\"\r\n (click)=\"loadPastCycle()\">arrow_back_ios\r\n </mat-icon>\r\n </div>\r\n <div fxFlex=\"60%\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n <mat-label class=\"label time-sheet-header\">\r\n Timesheet Cycle <span class=\"left-label\">{{ timeCycleDisplay }}</span>\r\n </mat-label>\r\n </div>\r\n <mat-icon fxFlex=\"5%\" class=\"material-icons-outlined\" [ngClass]=\"{ 'primary-icon': !isForwardDisable(), 'grey-icon': isForwardDisable() }\"\r\n (click)=\"loadForwardCycle()\">\r\n arrow_forward_ios\r\n </mat-icon>\r\n </div>\r\n <ng-container *ngFor=\"let assignment of assignments;let i=index\">\r\n <div fxFlex fxLayoutAlign=\"center center\" class=\"time-sheet-row border-bottom padding\">\r\n <div *ngIf=\"isHoursExceeded(assignment)\" class=\"warning-icon\">\r\n <mat-icon>error</mat-icon>\r\n <span> HOURS EXCEEDED </span>\r\n </div>\r\n\r\n <strong fxFlex=\"50%\" fxLayoutAlign=\"end center\">\r\n ASSIGNMENT {{ i+1 }} ATTRIBUTES\r\n </strong>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n <button mat-stroked-button color=\"primary\" class=\"button-size\" [disabled] = \"!this.details.isDue\"\r\n (click)=\"onClickConciliate(assignment)\">\r\n <span>DO NOT CONCILIATE</span>\r\n <br>\r\n <sub>({{ assignment?.doNotConciliateCounter }} REMAINING)</sub>\r\n </button>\r\n <button mat-stroked-button color=\"primary\" class=\"button-size\" (click)=\"openPCS(assignment)\" \r\n [disabled]=\"isPcsDisabled(assignment)\">\r\n PARTICIPANT CHANGE OF STATUS\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"participant-details time-sheet-row border-bottom padding\">\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Site Name</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.siteName?.displayValue }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Type</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentType?.displayValue }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Status</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStatus?.displayValue\r\n }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Start Date</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStartDate | date:\r\n fullDateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment End Date</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentEndDate | date:\r\n fullDateFormat }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hour Group</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourGroup }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hours Assigned</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourAssigned }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Skill Code</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.skillCode?.displayValue }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Course Name</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.courseName?.displayValue}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"15%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"left-label\">\r\n <mat-icon fxFlex=\"10%\" class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"(this.details.isCurrent||this.details.isDue)\" (click)=\"addActivity(assignment)\">add_circle\r\n </mat-icon>\r\n <mat-form-field fxFlex=\"90%\" appearance=\"outline\" class=\"left-label-2 activity-form-field\" floatLabel=\"auto\">\r\n <mat-label>Select Activity</mat-label>\r\n <mat-select [formControl]=\"control\" [disabled]=\"!isVisible() != true? (this.details.isDue || this.details.isCurrent)? (!this.isAttestedCheckValue? assignment.isSelfAttestedSchool:false):true:false\">\r\n <mat-option *ngFor=\"let activity of assignment.filteredActivities\" [value]=\"activity\">\r\n <span [title]=\"activity?.displayValue\">\r\n {{ activity?.displayValue }}\r\n </span>\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n\r\n <div fxFlex=\"12%\" *ngFor=\"let item of assignment.currentCycleDates\" class=\"time-label\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\">\r\n <div>{{ item?.dayOfWeek }}</div>\r\n <div>{{ item?.date | date: dateFormat }}</div>\r\n </div>\r\n </div>\r\n <div fxFlex=\"12%\" class=\"time-label\"><span>Weekly</span></div>\r\n\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"!!assignment.formGroup\">\r\n <form [formGroup]=\"assignment.formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"20px\"\r\n class=\"time-sheet-row\" *ngFor=\"let item of assignment.timesheetByActivity\">\r\n <div fxFlex=\"15%\" class=\"left-label\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <mat-icon class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"isVisible()\" (click)=\"removeActivity(item?.id, assignment)\">remove_circle\r\n </mat-icon>\r\n <span class=\"left-label-2\">{{ item?.name }}</span>\r\n </div>\r\n <div formGroupName=\"{{item?.id}}\" fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <mat-form-field fxFlex=\"12%\" appearance=\"outline\" *ngFor=\"let path of dayOfWeeks\" class=\"time-input\">\r\n <input matInput [formControlName]=\"path\" [readonly]=\"!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" (ngModelChange)=\"updateHours($event, item?.id, path, assignment)\" />\r\n <mat-error *ngIf=\"!!getErrorMessage(item?.id, path, assignment)\">{{ getErrorMessage(item?.id, path,\r\n assignment)\r\n }}</mat-error>\r\n </mat-form-field>\r\n <span fxFlex=\"12%\" class=\"time-label\">{{ getSum(item) }}</span>\r\n </div>\r\n </form>\r\n </ng-container>\r\n\r\n <!--Total-->\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"15%\" class=\"left-label\" [ngClass]=\"{ 'total': isVisible() }\"><span class=\"left-label-2\">Daily\r\n Total</span>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <div fxFlex=\"12%\" *ngFor=\"let path of dayOfWeeks\" class=\"time-label\">{{ assignment?.dailyTotal[path] }}</div>\r\n <div fxFlex=\"12%\" class=\"time-label\">{{ getTotalSum( assignment ) }}</div>\r\n </div>\r\n </div>\r\n <!--Carfare-->\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"20%\" class=\"left-label total\"><span>Carfare</span>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.carfareFormGroup\">\r\n <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.carfareModels; let index=index;\"\r\n class=\"time-input\">\r\n <mat-select [disabled]=\"item?.isDisable\" [formControlName]=\"item?.dayOfWeek\">\r\n <mat-option [value]=\"defaultCarfareOption\">N/A</mat-option>\r\n <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n {{ option.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n </div>\r\n </div>\r\n <!--Assignment Mode-->\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"20%\" class=\"left-label total\">\r\n <span>Assignment Mode\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.assignmentModeFormGroup\">\r\n <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.assignmentModeModels; let index=index;\"\r\n class=\"time-input\">\r\n <mat-select [disabled]=\"item?.isDisable ||!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" [formControlName]=\"item?.dayOfWeek\">\r\n <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n {{ option.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"time-sheet-comment\">\r\n <div *ngIf=\"showDcMessage()\" class=\"warning-text\">\r\n <span>{{ this.getDcMessage() }}</span>\r\n </div>\r\n <div *ngIf=\"isParticipantChangeOfStatus()\" class=\"warning-text\">\r\n <span>{{ this.details?.programAlert?.pcsType?.displayValue }} PCS</span><br>\r\n <span>Performed on {{ this.details?.programAlert?.submittedOn | date: 'MM/dd/yyyy'}}</span><br>\r\n <span>Reason: {{ this.details?.programAlert?.reason?.displayValue }}</span><br>\r\n <span class=\"comment\">{{ this.details?.programAlert?.comments }}</span>\r\n </div>\r\n <span>- All hours entered into SEAMS are subject to audit and require back up documentation, either thru separate\r\n manual or electronic tracking which matches the hours submitted for each client. </span><br>\r\n <span *ngIf=\"!!timeFrameMessage\">- Data Entry must be completed by {{ timeFrameMessage }}.</span>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"30px\">\r\n <button mat-flat-button (click)=\"exit()\">EXIT</button>\r\n <button mat-raised-button color=\"primary\" *ngIf=\"isVisible()&& (this.details.isDue ||this.details.isCurrent)\" (click)=\"validateAndSave()\" [disabled]=\"isFormInValid()\">SAVE\r\n </button>\r\n </div>\r\n <div *ngIf=\"showDeficitHoursMessage\" class=\"save-warning\" fxLayoutAlign=\"center center\">\r\n <mat-icon>error</mat-icon>\r\n <span> Total weekly hours entered have a deficit subject to infraction. </span>\r\n </div>\r\n</div>", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4$1.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8405
|
+
ParticipantTimesheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ParticipantTimesheetComponent, selector: "prutech-participant-timesheet", inputs: { isAttestedCheckValue: "isAttestedCheckValue" }, usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"space-around start\">\r\n <div fxFlex=\"100%\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"time-sheet-details\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"5%\" fxLayoutAlign=\"end center\">\r\n <mat-icon class=\"material-icons-outlined primary-icon\" [ngClass]=\"{ 'primary-icon': !isBackDisable(), 'grey-icon': isBackDisable() }\"\r\n (click)=\"loadPastCycle()\">arrow_back_ios\r\n </mat-icon>\r\n </div>\r\n <div fxFlex=\"60%\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n <mat-label class=\"label time-sheet-header\">\r\n Timesheet Cycle <span class=\"left-label\">{{ timeCycleDisplay }}</span>\r\n </mat-label>\r\n </div>\r\n <mat-icon fxFlex=\"5%\" class=\"material-icons-outlined\" [ngClass]=\"{ 'primary-icon': !isForwardDisable(), 'grey-icon': isForwardDisable() }\"\r\n (click)=\"loadForwardCycle()\">\r\n arrow_forward_ios\r\n </mat-icon>\r\n </div>\r\n <ng-container *ngFor=\"let assignment of assignments;let i=index\">\r\n <div fxFlex fxLayoutAlign=\"center center\" class=\"time-sheet-row border-bottom padding\">\r\n <div *ngIf=\"isHoursExceeded(assignment)\" class=\"warning-icon\">\r\n <mat-icon>error</mat-icon>\r\n <span> HOURS EXCEEDED </span>\r\n </div>\r\n\r\n <strong fxFlex=\"50%\" fxLayoutAlign=\"end center\">\r\n ASSIGNMENT {{ i+1 }} ATTRIBUTES\r\n </strong>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n <button mat-stroked-button color=\"primary\" class=\"button-size\" [disabled] = \"!this.details.isDue\"\r\n (click)=\"onClickConciliate(assignment)\">\r\n <span>DO NOT CONCILIATE</span>\r\n <br>\r\n <sub>({{ assignment?.doNotConciliateCounter }} REMAINING)</sub>\r\n </button>\r\n <button mat-stroked-button color=\"primary\" class=\"button-size\" (click)=\"openPCS(assignment)\" \r\n [disabled]=\"isPcsDisabled(assignment)\">\r\n PARTICIPANT CHANGE OF STATUS\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"participant-details time-sheet-row border-bottom padding\">\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Site Name</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.siteName?.displayValue }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Type</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentType?.displayValue }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Status</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStatus?.displayValue\r\n }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Start Date</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStartDate | date:\r\n fullDateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment End Date</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentEndDate | date:\r\n fullDateFormat }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hour Group</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourGroup }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hours Assigned</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourAssigned }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Skill Code</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.skillCode?.displayValue }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Course Name</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.courseName?.displayValue}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"15%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"left-label\">\r\n <mat-icon fxFlex=\"10%\" class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"(this.details.isCurrent||this.details.isDue)\" (click)=\"addActivity(assignment)\">add_circle\r\n </mat-icon>\r\n <mat-form-field fxFlex=\"90%\" appearance=\"outline\" class=\"left-label-2 activity-form-field\" floatLabel=\"auto\">\r\n <mat-label>Select Activity</mat-label>\r\n <mat-select [formControl]=\"control\" [disabled]=\"!isVisible() != true? (this.details.isDue || this.details.isCurrent)? (!this.isAttestedCheckValue? assignment.isSelfAttestedSchool:false):true:false\">\r\n <mat-option *ngFor=\"let activity of assignment.filteredActivities\" [value]=\"activity\">\r\n <span [title]=\"activity?.displayValue\">\r\n {{ activity?.displayValue }}\r\n </span>\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n\r\n <div fxFlex=\"12%\" *ngFor=\"let item of assignment.currentCycleDates\" class=\"time-label\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\">\r\n <div>{{ item?.dayOfWeek }}</div>\r\n <div>{{ item?.date | date: dateFormat }}</div>\r\n </div>\r\n </div>\r\n <div fxFlex=\"12%\" class=\"time-label\"><span>Weekly</span></div>\r\n\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"!!assignment.formGroup\">\r\n <form [formGroup]=\"assignment.formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"20px\"\r\n class=\"time-sheet-row\" *ngFor=\"let item of assignment.timesheetByActivity\">\r\n <div fxFlex=\"15%\" class=\"left-label\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <mat-icon class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"isVisible()\" (click)=\"removeActivity(item?.id, assignment)\">remove_circle\r\n </mat-icon>\r\n <span class=\"left-label-2\">{{ item?.name }}</span>\r\n </div>\r\n <div formGroupName=\"{{item?.id}}\" fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <mat-form-field fxFlex=\"12%\" appearance=\"outline\" *ngFor=\"let path of dayOfWeeks\" class=\"time-input\">\r\n <input matInput [formControlName]=\"path\" [readonly]=\"!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" (ngModelChange)=\"updateHours($event, item?.id, path, assignment)\" />\r\n <mat-error *ngIf=\"!!getErrorMessage(item?.id, path, assignment)\">{{ getErrorMessage(item?.id, path,\r\n assignment)\r\n }}</mat-error>\r\n </mat-form-field>\r\n <span fxFlex=\"12%\" class=\"time-label\">{{ getSum(item) }}</span>\r\n </div>\r\n </form>\r\n </ng-container>\r\n\r\n <!--Total-->\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"15%\" class=\"left-label\" [ngClass]=\"{ 'total': isVisible() }\"><span class=\"left-label-2\">Daily\r\n Total</span>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <div fxFlex=\"12%\" *ngFor=\"let path of dayOfWeeks\" class=\"time-label\">{{ assignment?.dailyTotal[path] }}</div>\r\n <div fxFlex=\"12%\" class=\"time-label\">{{ getTotalSum( assignment ) }}</div>\r\n </div>\r\n </div>\r\n <!--Carfare-->\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"20%\" class=\"left-label total\"><span>Carfare</span>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.carfareFormGroup\">\r\n <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.carfareModels; let index=index;\"\r\n class=\"time-input\">\r\n <mat-select [disabled]=\"item?.isDisable\" [formControlName]=\"item?.dayOfWeek\">\r\n <mat-option [value]=\"defaultCarfareOption\">N/A</mat-option>\r\n <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n {{ option.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n </div>\r\n </div>\r\n <!--Assignment Mode-->\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"20%\" class=\"left-label total\">\r\n <span>Assignment Mode\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.assignmentModeFormGroup\">\r\n <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.assignmentModeModels; let index=index;\"\r\n class=\"time-input\">\r\n <mat-select [disabled]=\"item?.isDisable ||!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" [formControlName]=\"item?.dayOfWeek\">\r\n <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n {{ option.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"time-sheet-comment\">\r\n <div *ngIf=\"showDcMessage()\" class=\"warning-text\">\r\n <span>{{ this.getDcMessage() }}</span>\r\n </div>\r\n <div *ngIf=\"isParticipantChangeOfStatus()\" class=\"warning-text\">\r\n <span>{{ this.details?.programAlert?.pcsType?.displayValue }} PCS</span><br>\r\n <span>Performed on {{ this.details?.programAlert?.submittedOn | date: 'MM/dd/yyyy'}}</span><br>\r\n <span>Reason: {{ this.details?.programAlert?.reason?.displayValue }}</span><br>\r\n <span class=\"comment\">{{ this.details?.programAlert?.comments }}</span>\r\n </div>\r\n <span>- All hours entered into SEAMS are subject to audit and require back up documentation, either thru separate\r\n manual or electronic tracking which matches the hours submitted for each client. </span><br>\r\n <span *ngIf=\"!!timeFrameMessage\">- Data Entry must be completed by {{ timeFrameMessage }}.</span>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"30px\">\r\n <button mat-flat-button (click)=\"exit()\">EXIT</button>\r\n <button mat-raised-button color=\"primary\" *ngIf=\"isVisible()&& (this.details.isDue ||this.details.isCurrent)\" (click)=\"validateAndSave()\" [disabled]=\"isFormInValid()\">SAVE\r\n </button>\r\n </div>\r\n <div *ngIf=\"showDeficitHoursMessage\" class=\"save-warning\" fxLayoutAlign=\"center center\">\r\n <mat-icon>error</mat-icon>\r\n <span> Total weekly hours entered have a deficit subject to infraction. </span>\r\n </div>\r\n</div>", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4$1.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8405
8406
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ParticipantTimesheetComponent, decorators: [{
|
|
8406
8407
|
type: Component,
|
|
8407
8408
|
args: [{ selector: 'prutech-participant-timesheet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"space-around start\">\r\n <div fxFlex=\"100%\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"time-sheet-details\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"5%\" fxLayoutAlign=\"end center\">\r\n <mat-icon class=\"material-icons-outlined primary-icon\" [ngClass]=\"{ 'primary-icon': !isBackDisable(), 'grey-icon': isBackDisable() }\"\r\n (click)=\"loadPastCycle()\">arrow_back_ios\r\n </mat-icon>\r\n </div>\r\n <div fxFlex=\"60%\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n <mat-label class=\"label time-sheet-header\">\r\n Timesheet Cycle <span class=\"left-label\">{{ timeCycleDisplay }}</span>\r\n </mat-label>\r\n </div>\r\n <mat-icon fxFlex=\"5%\" class=\"material-icons-outlined\" [ngClass]=\"{ 'primary-icon': !isForwardDisable(), 'grey-icon': isForwardDisable() }\"\r\n (click)=\"loadForwardCycle()\">\r\n arrow_forward_ios\r\n </mat-icon>\r\n </div>\r\n <ng-container *ngFor=\"let assignment of assignments;let i=index\">\r\n <div fxFlex fxLayoutAlign=\"center center\" class=\"time-sheet-row border-bottom padding\">\r\n <div *ngIf=\"isHoursExceeded(assignment)\" class=\"warning-icon\">\r\n <mat-icon>error</mat-icon>\r\n <span> HOURS EXCEEDED </span>\r\n </div>\r\n\r\n <strong fxFlex=\"50%\" fxLayoutAlign=\"end center\">\r\n ASSIGNMENT {{ i+1 }} ATTRIBUTES\r\n </strong>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"20px\">\r\n <button mat-stroked-button color=\"primary\" class=\"button-size\" [disabled] = \"!this.details.isDue\"\r\n (click)=\"onClickConciliate(assignment)\">\r\n <span>DO NOT CONCILIATE</span>\r\n <br>\r\n <sub>({{ assignment?.doNotConciliateCounter }} REMAINING)</sub>\r\n </button>\r\n <button mat-stroked-button color=\"primary\" class=\"button-size\" (click)=\"openPCS(assignment)\" \r\n [disabled]=\"isPcsDisabled(assignment)\">\r\n PARTICIPANT CHANGE OF STATUS\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"participant-details time-sheet-row border-bottom padding\">\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Site Name</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.siteName?.displayValue }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Type</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentType?.displayValue }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Status</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStatus?.displayValue\r\n }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment Start Date</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentStartDate | date:\r\n fullDateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Assignment End Date</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.assignmentEndDate | date:\r\n fullDateFormat }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hour Group</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourGroup }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Hours Assigned</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.hourAssigned }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Skill Code</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.skillCode?.displayValue }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\" fxLayoutAlign=\"center center\">Course Name</div>\r\n <div fxFlex class=\"value\" fxLayoutAlign=\"center center\">{{ assignment?.courseName?.displayValue}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-bottom\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"15%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"left-label\">\r\n <mat-icon fxFlex=\"10%\" class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"(this.details.isCurrent||this.details.isDue)\" (click)=\"addActivity(assignment)\">add_circle\r\n </mat-icon>\r\n <mat-form-field fxFlex=\"90%\" appearance=\"outline\" class=\"left-label-2 activity-form-field\" floatLabel=\"auto\">\r\n <mat-label>Select Activity</mat-label>\r\n <mat-select [formControl]=\"control\" [disabled]=\"!isVisible() != true? (this.details.isDue || this.details.isCurrent)? (!this.isAttestedCheckValue? assignment.isSelfAttestedSchool:false):true:false\">\r\n <mat-option *ngFor=\"let activity of assignment.filteredActivities\" [value]=\"activity\">\r\n <span [title]=\"activity?.displayValue\">\r\n {{ activity?.displayValue }}\r\n </span>\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n\r\n <div fxFlex=\"12%\" *ngFor=\"let item of assignment.currentCycleDates\" class=\"time-label\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start center\">\r\n <div>{{ item?.dayOfWeek }}</div>\r\n <div>{{ item?.date | date: dateFormat }}</div>\r\n </div>\r\n </div>\r\n <div fxFlex=\"12%\" class=\"time-label\"><span>Weekly</span></div>\r\n\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"!!assignment.formGroup\">\r\n <form [formGroup]=\"assignment.formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"20px\"\r\n class=\"time-sheet-row\" *ngFor=\"let item of assignment.timesheetByActivity\">\r\n <div fxFlex=\"15%\" class=\"left-label\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <mat-icon class=\"material-icons-outlined\" color=\"primary\" *ngIf=\"isVisible()\" (click)=\"removeActivity(item?.id, assignment)\">remove_circle\r\n </mat-icon>\r\n <span class=\"left-label-2\">{{ item?.name }}</span>\r\n </div>\r\n <div formGroupName=\"{{item?.id}}\" fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <mat-form-field fxFlex=\"12%\" appearance=\"outline\" *ngFor=\"let path of dayOfWeeks\" class=\"time-input\">\r\n <input matInput [formControlName]=\"path\" [readonly]=\"!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" (ngModelChange)=\"updateHours($event, item?.id, path, assignment)\" />\r\n <mat-error *ngIf=\"!!getErrorMessage(item?.id, path, assignment)\">{{ getErrorMessage(item?.id, path,\r\n assignment)\r\n }}</mat-error>\r\n </mat-form-field>\r\n <span fxFlex=\"12%\" class=\"time-label\">{{ getSum(item) }}</span>\r\n </div>\r\n </form>\r\n </ng-container>\r\n\r\n <!--Total-->\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"15%\" class=\"left-label\" [ngClass]=\"{ 'total': isVisible() }\"><span class=\"left-label-2\">Daily\r\n Total</span>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\r\n <div fxFlex=\"12%\" *ngFor=\"let path of dayOfWeeks\" class=\"time-label\">{{ assignment?.dailyTotal[path] }}</div>\r\n <div fxFlex=\"12%\" class=\"time-label\">{{ getTotalSum( assignment ) }}</div>\r\n </div>\r\n </div>\r\n <!--Carfare-->\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"20%\" class=\"left-label total\"><span>Carfare</span>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.carfareFormGroup\">\r\n <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.carfareModels; let index=index;\"\r\n class=\"time-input\">\r\n <mat-select [disabled]=\"item?.isDisable\" [formControlName]=\"item?.dayOfWeek\">\r\n <mat-option [value]=\"defaultCarfareOption\">N/A</mat-option>\r\n <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n {{ option.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n </div>\r\n </div>\r\n <!--Assignment Mode-->\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"time-sheet-row border-top\" fxLayoutGap=\"20px\">\r\n <div fxFlex=\"20%\" class=\"left-label total\">\r\n <span>Assignment Mode\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </div>\r\n <div fxFlex=\"80%\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" [formGroup]=\"assignment.assignmentModeFormGroup\">\r\n <mat-form-field appearance=\"outline\" fxFlex=\"12%\" *ngFor=\"let item of assignment.assignmentModeModels; let index=index;\"\r\n class=\"time-input\">\r\n <mat-select [disabled]=\"item?.isDisable ||!isAttestedCheckValue?assignment.isSelfAttestedSchool:false\" [formControlName]=\"item?.dayOfWeek\">\r\n <mat-option *ngFor=\"let option of item?.options\" [value]=\"option\">\r\n {{ option.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n <div fxFlex=\"12%\" class=\"time-label\"></div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n <div class=\"time-sheet-comment\">\r\n <div *ngIf=\"showDcMessage()\" class=\"warning-text\">\r\n <span>{{ this.getDcMessage() }}</span>\r\n </div>\r\n <div *ngIf=\"isParticipantChangeOfStatus()\" class=\"warning-text\">\r\n <span>{{ this.details?.programAlert?.pcsType?.displayValue }} PCS</span><br>\r\n <span>Performed on {{ this.details?.programAlert?.submittedOn | date: 'MM/dd/yyyy'}}</span><br>\r\n <span>Reason: {{ this.details?.programAlert?.reason?.displayValue }}</span><br>\r\n <span class=\"comment\">{{ this.details?.programAlert?.comments }}</span>\r\n </div>\r\n <span>- All hours entered into SEAMS are subject to audit and require back up documentation, either thru separate\r\n manual or electronic tracking which matches the hours submitted for each client. </span><br>\r\n <span *ngIf=\"!!timeFrameMessage\">- Data Entry must be completed by {{ timeFrameMessage }}.</span>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"30px\">\r\n <button mat-flat-button (click)=\"exit()\">EXIT</button>\r\n <button mat-raised-button color=\"primary\" *ngIf=\"isVisible()&& (this.details.isDue ||this.details.isCurrent)\" (click)=\"validateAndSave()\" [disabled]=\"isFormInValid()\">SAVE\r\n </button>\r\n </div>\r\n <div *ngIf=\"showDeficitHoursMessage\" class=\"save-warning\" fxLayoutAlign=\"center center\">\r\n <mat-icon>error</mat-icon>\r\n <span> Total weekly hours entered have a deficit subject to infraction. </span>\r\n </div>\r\n</div>", styles: [""] }]
|
|
@@ -15339,7 +15340,7 @@ class FollowUpFormComponent extends AbstractComponent {
|
|
|
15339
15340
|
}
|
|
15340
15341
|
}
|
|
15341
15342
|
FollowUpFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FollowUpFormComponent, deps: [{ token: i2$2.PtDynamicFormsService }, { token: i2$2.TabService }, { token: i1$2.Router }, { token: i7.FormBuilder }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
15342
|
-
FollowUpFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FollowUpFormComponent, selector: "prutech-follow-up-form", inputs: { primaryPhone: "primaryPhone", longTermGoals: "longTermGoals", formEntity: "formEntity", cmsCaseId: "cmsCaseId", readonly: "readonly", latestContact: "latestContact", milestone: "milestone", editMode: "editMode", followupListData: "followupListData" }, usesInheritance: true, ngImport: i0, template: "<div class=\"follow-up-form\">\r\n <form *ngIf=\"!!formGroup\" [formGroup]=\"formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between start\"\r\n fxLayoutGap=\"20px\">\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"follow-up-form-content\">\r\n <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Primary Phone</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input matInput readonly formControlName=\"primaryPhone\" mask=\"(000) 000-0000\">\r\n </mat-form-field>\r\n </div>\r\n <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Is this the preferred contact of the client?\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </mat-label>\r\n <div fxLayout=\"column\">\r\n <mat-radio-group formControlName=\"isPreferedContact\" class=\"prutech-dynamic-radio-button-group\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('isPreferedContact')?.touched && formGroup?.get('isPreferedContact')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\" *ngIf=\"displayJobRetentionContact\">\r\n <mat-label class=\"label\">\r\n <span>Job Retention Contact Information\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input matInput formControlName=\"jobRetentionContact\" required mask=\"(000) 000-0000\"/>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('jobRetentionContact')?.touched && formGroup?.get('jobRetentionContact')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"sub-title\">Job Information</div>\r\n <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Have there been any changes in the client's title, salary, or hours since the last follow up?\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </mat-label>\r\n <div fxLayout=\"column\">\r\n <mat-radio-group formControlName=\"lastFollowUp\" class=\"prutech-dynamic-radio-button-group\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('lastFollowUp')?.touched && formGroup?.get('lastFollowUp')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayEmploymentDeclaration\" fxLayoutGap=\"10px\">\r\n <button mat-stroked-button color=\"primary\" (click)=\"directToFia3a()\" [disabled]=\"readonly\">INITIATE FIA3A\r\n </button>\r\n </div>\r\n <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayJobTrainingOrder\" fxLayoutGap=\"10px\">\r\n <button mat-stroked-button color=\"primary\" (click)=\"directToJobOrders()\" [disabled]=\"readonly\">JOB ORDERS\r\n </button>\r\n <button mat-stroked-button color=\"primary\" (click)=\"directToTrainingOrders()\" [disabled]=\"readonly\">TRAINING\r\n ORDERS\r\n </button>\r\n </div>\r\n </div>\r\n <div fxFlex=\"25%\">\r\n <div fxLayout=\"column\" fxFlexFill class=\"prutech-dynamic-textarea-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Case Notes<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-textarea-field\" floatLabel='never' appearance=\"outline\">\r\n <textarea\r\n matInput\r\n formControlName=\"caseNote\"\r\n [placeholder]=\"placeHolderMessage\"\r\n rows=\"10\"\r\n ></textarea>\r\n </mat-form-field>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('caseNote')?.touched && formGroup?.get('caseNote')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n <prutech-long-term-goals\r\n fxFlex=\"35%\"\r\n [longTermGoals]=\"longTermGoals\"\r\n ></prutech-long-term-goals>\r\n </form>\r\n</div>\r\n", styles: [""], components: [{ type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: LongTermGoalsComponent, selector: "prutech-long-term-goals", inputs: ["longTermGoals"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$2.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15343
|
+
FollowUpFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FollowUpFormComponent, selector: "prutech-follow-up-form", inputs: { primaryPhone: "primaryPhone", longTermGoals: "longTermGoals", formEntity: "formEntity", cmsCaseId: "cmsCaseId", readonly: "readonly", latestContact: "latestContact", milestone: "milestone", editMode: "editMode", followupListData: "followupListData" }, usesInheritance: true, ngImport: i0, template: "<div class=\"follow-up-form\">\r\n <form *ngIf=\"!!formGroup\" [formGroup]=\"formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between start\"\r\n fxLayoutGap=\"20px\">\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"follow-up-form-content\">\r\n <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Primary Phone</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input matInput readonly formControlName=\"primaryPhone\" mask=\"(000) 000-0000\">\r\n </mat-form-field>\r\n </div>\r\n <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Is this the preferred contact of the client?\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </mat-label>\r\n <div fxLayout=\"column\">\r\n <mat-radio-group formControlName=\"isPreferedContact\" class=\"prutech-dynamic-radio-button-group\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('isPreferedContact')?.touched && formGroup?.get('isPreferedContact')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\" *ngIf=\"displayJobRetentionContact\">\r\n <mat-label class=\"label\">\r\n <span>Job Retention Contact Information\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input matInput formControlName=\"jobRetentionContact\" required mask=\"(000) 000-0000\"/>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('jobRetentionContact')?.touched && formGroup?.get('jobRetentionContact')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"sub-title\">Job Information</div>\r\n <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Have there been any changes in the client's title, salary, or hours since the last follow up?\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </mat-label>\r\n <div fxLayout=\"column\">\r\n <mat-radio-group formControlName=\"lastFollowUp\" class=\"prutech-dynamic-radio-button-group\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('lastFollowUp')?.touched && formGroup?.get('lastFollowUp')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayEmploymentDeclaration\" fxLayoutGap=\"10px\">\r\n <button mat-stroked-button color=\"primary\" (click)=\"directToFia3a()\" [disabled]=\"readonly\">INITIATE FIA3A\r\n </button>\r\n </div>\r\n <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayJobTrainingOrder\" fxLayoutGap=\"10px\">\r\n <button mat-stroked-button color=\"primary\" (click)=\"directToJobOrders()\" [disabled]=\"readonly\">JOB ORDERS\r\n </button>\r\n <button mat-stroked-button color=\"primary\" (click)=\"directToTrainingOrders()\" [disabled]=\"readonly\">TRAINING\r\n ORDERS\r\n </button>\r\n </div>\r\n </div>\r\n <div fxFlex=\"25%\">\r\n <div fxLayout=\"column\" fxFlexFill class=\"prutech-dynamic-textarea-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Case Notes<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-textarea-field\" floatLabel='never' appearance=\"outline\">\r\n <textarea\r\n matInput\r\n formControlName=\"caseNote\"\r\n [placeholder]=\"placeHolderMessage\"\r\n rows=\"10\"\r\n ></textarea>\r\n </mat-form-field>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('caseNote')?.touched && formGroup?.get('caseNote')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n <prutech-long-term-goals\r\n fxFlex=\"35%\"\r\n [longTermGoals]=\"longTermGoals\"\r\n ></prutech-long-term-goals>\r\n </form>\r\n</div>\r\n", styles: [""], components: [{ type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: LongTermGoalsComponent, selector: "prutech-long-term-goals", inputs: ["longTermGoals"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$2.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15343
15344
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FollowUpFormComponent, decorators: [{
|
|
15344
15345
|
type: Component,
|
|
15345
15346
|
args: [{ selector: 'prutech-follow-up-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"follow-up-form\">\r\n <form *ngIf=\"!!formGroup\" [formGroup]=\"formGroup\" fxLayout=\"row\" fxLayoutAlign=\"space-between start\"\r\n fxLayoutGap=\"20px\">\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"follow-up-form-content\">\r\n <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Primary Phone</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input matInput readonly formControlName=\"primaryPhone\" mask=\"(000) 000-0000\">\r\n </mat-form-field>\r\n </div>\r\n <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Is this the preferred contact of the client?\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </mat-label>\r\n <div fxLayout=\"column\">\r\n <mat-radio-group formControlName=\"isPreferedContact\" class=\"prutech-dynamic-radio-button-group\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('isPreferedContact')?.touched && formGroup?.get('isPreferedContact')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n <div fxLayout=\"row\" class=\"prutech-dynamic-input-wrapper\" *ngIf=\"displayJobRetentionContact\">\r\n <mat-label class=\"label\">\r\n <span>Job Retention Contact Information\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input matInput formControlName=\"jobRetentionContact\" required mask=\"(000) 000-0000\"/>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('jobRetentionContact')?.touched && formGroup?.get('jobRetentionContact')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"sub-title\">Job Information</div>\r\n <div fxLayout=\"row\" fxFlexFill class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Have there been any changes in the client's title, salary, or hours since the last follow up?\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </span>\r\n </mat-label>\r\n <div fxLayout=\"column\">\r\n <mat-radio-group formControlName=\"lastFollowUp\" class=\"prutech-dynamic-radio-button-group\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\" *ngFor=\"let selection of radioSelections\"\r\n [value]=\"selection.value\">{{ selection.displayText || selection }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('lastFollowUp')?.touched && formGroup?.get('lastFollowUp')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayEmploymentDeclaration\" fxLayoutGap=\"10px\">\r\n <button mat-stroked-button color=\"primary\" (click)=\"directToFia3a()\" [disabled]=\"readonly\">INITIATE FIA3A\r\n </button>\r\n </div>\r\n <div fxLayout=\"row\" fxFlexFill *ngIf=\"displayJobTrainingOrder\" fxLayoutGap=\"10px\">\r\n <button mat-stroked-button color=\"primary\" (click)=\"directToJobOrders()\" [disabled]=\"readonly\">JOB ORDERS\r\n </button>\r\n <button mat-stroked-button color=\"primary\" (click)=\"directToTrainingOrders()\" [disabled]=\"readonly\">TRAINING\r\n ORDERS\r\n </button>\r\n </div>\r\n </div>\r\n <div fxFlex=\"25%\">\r\n <div fxLayout=\"column\" fxFlexFill class=\"prutech-dynamic-textarea-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Case Notes<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-textarea-field\" floatLabel='never' appearance=\"outline\">\r\n <textarea\r\n matInput\r\n formControlName=\"caseNote\"\r\n [placeholder]=\"placeHolderMessage\"\r\n rows=\"10\"\r\n ></textarea>\r\n </mat-form-field>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('caseNote')?.touched && formGroup?.get('caseNote')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n <prutech-long-term-goals\r\n fxFlex=\"35%\"\r\n [longTermGoals]=\"longTermGoals\"\r\n ></prutech-long-term-goals>\r\n </form>\r\n</div>\r\n", styles: [""] }]
|
|
@@ -17571,7 +17572,7 @@ class CreateClientInteractionComponent extends AbstractComponent {
|
|
|
17571
17572
|
}
|
|
17572
17573
|
}
|
|
17573
17574
|
CreateClientInteractionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CreateClientInteractionComponent, deps: [{ token: i2$2.TabService }, { token: i1$1.MatDialog }, { token: i5$1.UserService }, { token: ClientCommunicationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
17574
|
-
CreateClientInteractionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CreateClientInteractionComponent, selector: "prutech-create-client-interaction", inputs: { lookups: "lookups", caseId: "caseId" }, outputs: { onExit: "onExit" }, viewQueries: [{ propertyName: "clientInteractionFormComponent", first: true, predicate: ["clientInteractionForm"], descendants: true }, { propertyName: "debtCounselingFormComponent", first: true, predicate: ["debtCounselingForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"prutech-card interaction-details\">\r\n <!-- <mat-card-title>Add Client Interaction</mat-card-title>-->\r\n <mat-card-content [ngSwitch]=\"formName\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\r\n <span class=\"title\">Add Client Interaction</span>\r\n <div *ngIf=\"!!interactionType\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n <div class=\"label\">Created By</div>\r\n <div class=\"value\">{{ userName }}</div>\r\n </div>\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n <div class=\"label\">Created On</div>\r\n <div class=\"value\">{{ currentDate }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <ng-container *ngSwitchCase=\"requestInteractionForm.Other\">\r\n <div fxLayout=\"column\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <mat-label fxFlex class=\"label prutech-language-label\">\r\n <span>Interaction Type <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field fxFlex class=\"prutech-dynamic-select-field\" floatLabel=\"never\" appearance=\"outline\">\r\n <mat-select [formControl]=\"interactionTypeCtrl\" [compareWith]=\"compareLookup\">\r\n <mat-option *ngFor=\"let interactionType of lookups?.interactionType\"\r\n [value]=\"interactionType\">{{ interactionType.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error *ngIf=\"interactionTypeCtrl.hasError('required')\">Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <prutech-client-interaction-form\r\n #clientInteractionForm\r\n *ngSwitchCase=\"requestInteractionForm.Regular\"\r\n [interactionType]=\"interactionType\"\r\n [lookups]=\"lookups\"\r\n (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n ></prutech-client-interaction-form>\r\n <prutech-debt-counseling-form\r\n #debtCounselingForm\r\n *ngSwitchCase=\"requestInteractionForm.Debt\"\r\n [interactionType]=\"interactionType\"\r\n [lookups]=\"lookups\"\r\n (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n ></prutech-debt-counseling-form>\r\n </mat-card-content>\r\n <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"false\" [showExit]=\"true\"\r\n [enableSave]=\"isSaveEnabled()\"\r\n (onExit)=\"exit()\" (onSave)=\"save()\">\r\n </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type:
|
|
17575
|
+
CreateClientInteractionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CreateClientInteractionComponent, selector: "prutech-create-client-interaction", inputs: { lookups: "lookups", caseId: "caseId" }, outputs: { onExit: "onExit" }, viewQueries: [{ propertyName: "clientInteractionFormComponent", first: true, predicate: ["clientInteractionForm"], descendants: true }, { propertyName: "debtCounselingFormComponent", first: true, predicate: ["debtCounselingForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"prutech-card interaction-details\">\r\n <!-- <mat-card-title>Add Client Interaction</mat-card-title>-->\r\n <mat-card-content [ngSwitch]=\"formName\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\r\n <span class=\"title\">Add Client Interaction</span>\r\n <div *ngIf=\"!!interactionType\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n <div class=\"label\">Created By</div>\r\n <div class=\"value\">{{ userName }}</div>\r\n </div>\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n <div class=\"label\">Created On</div>\r\n <div class=\"value\">{{ currentDate }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <ng-container *ngSwitchCase=\"requestInteractionForm.Other\">\r\n <div fxLayout=\"column\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <mat-label fxFlex class=\"label prutech-language-label\">\r\n <span>Interaction Type <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field fxFlex class=\"prutech-dynamic-select-field\" floatLabel=\"never\" appearance=\"outline\">\r\n <mat-select [formControl]=\"interactionTypeCtrl\" [compareWith]=\"compareLookup\">\r\n <mat-option *ngFor=\"let interactionType of lookups?.interactionType\"\r\n [value]=\"interactionType\">{{ interactionType.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error *ngIf=\"interactionTypeCtrl.hasError('required')\">Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <prutech-client-interaction-form\r\n #clientInteractionForm\r\n *ngSwitchCase=\"requestInteractionForm.Regular\"\r\n [interactionType]=\"interactionType\"\r\n [lookups]=\"lookups\"\r\n (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n ></prutech-client-interaction-form>\r\n <prutech-debt-counseling-form\r\n #debtCounselingForm\r\n *ngSwitchCase=\"requestInteractionForm.Debt\"\r\n [interactionType]=\"interactionType\"\r\n [lookups]=\"lookups\"\r\n (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n ></prutech-debt-counseling-form>\r\n </mat-card-content>\r\n <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"false\" [showExit]=\"true\"\r\n [enableSave]=\"isSaveEnabled()\"\r\n (onExit)=\"exit()\" (onSave)=\"save()\">\r\n </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: ClientInteractionFormComponent, selector: "prutech-client-interaction-form", inputs: ["interactionType", "lookups"], outputs: ["interactionTypeEmitter"] }, { type: DebtCounselingFormComponent, selector: "prutech-debt-counseling-form", inputs: ["interactionType", "lookups"], outputs: ["interactionTypeEmitter"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i5.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17575
17576
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CreateClientInteractionComponent, decorators: [{
|
|
17576
17577
|
type: Component,
|
|
17577
17578
|
args: [{ selector: 'prutech-create-client-interaction', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"prutech-card interaction-details\">\r\n <!-- <mat-card-title>Add Client Interaction</mat-card-title>-->\r\n <mat-card-content [ngSwitch]=\"formName\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\r\n <span class=\"title\">Add Client Interaction</span>\r\n <div *ngIf=\"!!interactionType\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n <div class=\"label\">Created By</div>\r\n <div class=\"value\">{{ userName }}</div>\r\n </div>\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start end\" class=\"readonly-group\" fxLayoutGap=\"10px\">\r\n <div class=\"label\">Created On</div>\r\n <div class=\"value\">{{ currentDate }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <ng-container *ngSwitchCase=\"requestInteractionForm.Other\">\r\n <div fxLayout=\"column\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <mat-label fxFlex class=\"label prutech-language-label\">\r\n <span>Interaction Type <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field fxFlex class=\"prutech-dynamic-select-field\" floatLabel=\"never\" appearance=\"outline\">\r\n <mat-select [formControl]=\"interactionTypeCtrl\" [compareWith]=\"compareLookup\">\r\n <mat-option *ngFor=\"let interactionType of lookups?.interactionType\"\r\n [value]=\"interactionType\">{{ interactionType.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error *ngIf=\"interactionTypeCtrl.hasError('required')\">Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <prutech-client-interaction-form\r\n #clientInteractionForm\r\n *ngSwitchCase=\"requestInteractionForm.Regular\"\r\n [interactionType]=\"interactionType\"\r\n [lookups]=\"lookups\"\r\n (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n ></prutech-client-interaction-form>\r\n <prutech-debt-counseling-form\r\n #debtCounselingForm\r\n *ngSwitchCase=\"requestInteractionForm.Debt\"\r\n [interactionType]=\"interactionType\"\r\n [lookups]=\"lookups\"\r\n (interactionTypeEmitter)=\"updateInteractionType($event)\"\r\n ></prutech-debt-counseling-form>\r\n </mat-card-content>\r\n <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"false\" [showExit]=\"true\"\r\n [enableSave]=\"isSaveEnabled()\"\r\n (onExit)=\"exit()\" (onSave)=\"save()\">\r\n </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""] }]
|
|
@@ -22211,7 +22212,7 @@ class SupplCarfareNavPanelComponent extends AbstractComponent {
|
|
|
22211
22212
|
}
|
|
22212
22213
|
}
|
|
22213
22214
|
SupplCarfareNavPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupplCarfareNavPanelComponent, deps: [{ token: SupplementalCarfareDetailsService }, { token: SupplementalCarfareService }, { token: i2$2.TabService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
|
|
22214
|
-
SupplCarfareNavPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupplCarfareNavPanelComponent, selector: "lib-suppl-carfare-nav-panel", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n <div fxFlex class=\"side-nav-header\">Supplemental</div>\r\n <span>\r\n <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n\r\n <mat-selection-list *ngIf=\"showText\" [multiple]=\"false\" class=\"sub-title-header supplemental-nav-list\">\r\n <mat-list-option *ngFor=\"let entity of navigationConfig | async; let i = index;\"\r\n [value]=\"entity\"\r\n [routerLink]=\"[entity.route]\"\r\n [routerLinkActive]=\"['active']\"\r\n class=\"nav-item\">\r\n <span class=\"item-label\">{{ entity.label }}</span>\r\n </mat-list-option>\r\n </mat-selection-list>\r\n</div>\r\n", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6$
|
|
22215
|
+
SupplCarfareNavPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupplCarfareNavPanelComponent, selector: "lib-suppl-carfare-nav-panel", usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n <div fxFlex class=\"side-nav-header\">Supplemental</div>\r\n <span>\r\n <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n\r\n <mat-selection-list *ngIf=\"showText\" [multiple]=\"false\" class=\"sub-title-header supplemental-nav-list\">\r\n <mat-list-option *ngFor=\"let entity of navigationConfig | async; let i = index;\"\r\n [value]=\"entity\"\r\n [routerLink]=\"[entity.route]\"\r\n [routerLinkActive]=\"['active']\"\r\n class=\"nav-item\">\r\n <span class=\"item-label\">{{ entity.label }}</span>\r\n </mat-list-option>\r\n </mat-selection-list>\r\n</div>\r\n", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6$3.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i6$3.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "async": i4$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22215
22216
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupplCarfareNavPanelComponent, decorators: [{
|
|
22216
22217
|
type: Component,
|
|
22217
22218
|
args: [{ selector: 'lib-suppl-carfare-nav-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n <div fxFlex class=\"side-nav-header\">Supplemental</div>\r\n <span>\r\n <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n\r\n <mat-selection-list *ngIf=\"showText\" [multiple]=\"false\" class=\"sub-title-header supplemental-nav-list\">\r\n <mat-list-option *ngFor=\"let entity of navigationConfig | async; let i = index;\"\r\n [value]=\"entity\"\r\n [routerLink]=\"[entity.route]\"\r\n [routerLinkActive]=\"['active']\"\r\n class=\"nav-item\">\r\n <span class=\"item-label\">{{ entity.label }}</span>\r\n </mat-list-option>\r\n </mat-selection-list>\r\n</div>\r\n", styles: [""] }]
|
|
@@ -23048,7 +23049,7 @@ class SupplCarfareFormComponent extends AbstractComponent {
|
|
|
23048
23049
|
}
|
|
23049
23050
|
}
|
|
23050
23051
|
SupplCarfareFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupplCarfareFormComponent, deps: [{ token: i7.FormBuilder }, { token: i1$2.Router }, { token: i1$1.MatDialog }, { token: SupplementalCarfareDetailsService }, { token: i2$2.TabService }, { token: i1$2.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i5$1.UserService }, { token: i2$2.SignatureService }], target: i0.ɵɵFactoryTarget.Component });
|
|
23051
|
-
SupplCarfareFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupplCarfareFormComponent, selector: "lib-suppl-carfare-form", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"loading | async\"></prutech-loader>\r\n<mat-card fxFlexFill class=\"prutech-card supplemental-carfare-form\">\r\n <mat-card-content>\r\n <mat-card-title>{{ isApproveMode ? 'Approve Supplemental Request' : (isViewMode ? 'View Supplemental Request' :\r\n 'Supplemental Request') }}\r\n </mat-card-title>\r\n\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Last, First Name</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.lastNameAndFirstName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Case Number</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.caseNumber }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Individual Status</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.individualStatus }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Assignment Type</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.assignmentType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Program Status</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.programStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Assignment Start Date</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.programStart | date: dateFormat }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">EBT Carfare Date</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.ebtCarfareDate | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Hours Group</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.hourGroup }}</div>\r\n </div>\r\n <!--<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Orientation Time</div>\r\n <div fxFlex class=\"value\">{{ details?.orientationTime }}</div>\r\n </div>-->\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Site</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.siteName }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-divider\"></div>\r\n\r\n <div *ngIf=\"formGroup\" [formGroup]=\"formGroup\" class=\"prutech-dynamic-form-wrapper\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill class=\"prutech-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Days paid before Program Start Date <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field fxFlex=\"25%\" class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"paidDays\">\r\n <mat-option *ngFor=\"let selection of noOfDaysLookup\" [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('paidDays')?.touched && formGroup?.get('paidDays')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill>\r\n <div fxLayout=\"column\" fxFlex=\"59%\">\r\n <mat-card-subtitle class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n </mat-card-subtitle>\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Daily<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{dailyRequestedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyRequestedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(dailyRequestedCtrlName)?.touched && formGroup?.get(dailyRequestedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Weekly<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{weeklyRequestedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyRequestedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(weeklyRequestedCtrlName)?.touched && formGroup?.get(weeklyRequestedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n <div fxLayout=\"column\" fxFlex=\"49%\">\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Supplemental Request<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtRequestedCtrlName}}\"/>\r\n <span matSuffix>$68.00 max</span>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(suppleAmtRequestedCtrlName)?.touched && formGroup?.get(suppleAmtRequestedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Contact Person<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input #elementInput matInput formControlName=\"{{contactPersonCtrlName}}\"/>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(contactPersonCtrlName)?.touched && formGroup?.get(contactPersonCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Contact Phone<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input mask=\"(000) 000-0000\" #elementInput matInput formControlName=\"{{contactPhoneCtrlName}}\"/>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(contactPhoneCtrlName)?.touched && formGroup?.get(contactPhoneCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" fxFlex=\"49%\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Comments<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <textarea #elementInput matInput formControlName=\"comments\" [rows]=\"5\"></textarea>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('comments')?.touched && formGroup?.get('comments')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" fxFlex=\"39%\">\r\n <mat-card-subtitle>Carfare History</mat-card-subtitle>\r\n <div fxLayout=\"column\" fxLayoutGap=\"15px\" formArrayName=\"{{carFareSuppReqMappingCtrlName}}\"\r\n fxLayoutAlign=\"start stretch\"\r\n *ngFor=\"let item of historyControls; let index=index\">\r\n <div formGroupName=\"{{index}}\" fxLayout=\"column\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Issuance Date<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never' appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{issuanceDateCtrlName}}\">\r\n <mat-option *ngFor=\"let selection of carfareHistory\" [value]=\"selection?.timeKeepingCarfareId\">\r\n {{ selection?.issuanceDate | date: dateFormat }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('required')\">\r\n *Required\r\n </mat-error>\r\n <mat-error align=\"start\"\r\n *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('invalidSelection')\">\r\n *Repeated Selection\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\"><span>Amount</span></mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input type=\"text\" #elementInput matInput formControlName=\"{{issuanceAmountCtrlName}}\"/>\r\n </mat-form-field>\r\n </div>\r\n\r\n <!--<mat-icon *ngIf=\"isRequestEditable\" class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n add_circle\r\n </mat-icon>-->\r\n <div fxFlex=\"10%\">\r\n <mat-icon *ngIf=\"isRequestEditable && index !== 0\" class=\"material-icons-outlined\" color=\"primary\"\r\n (click)=\"removeCarfareHistory(index)\">remove_circle\r\n </mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div style=\"{ padding-top: 20px }\" fxLayout=\"row\" *ngIf=\"isRequestEditable\">\r\n <!-- <button mat-raised-button color=\"primary\" (click)=\"test()\">Upload Police Report</button>-->\r\n <mat-icon class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n add_circle\r\n </mat-icon>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n <ng-container *ngIf=\"isApproveMode || isReviewMode\">\r\n <div class=\"form-divider\" fxFlexFill></div>\r\n <mat-card-title fxFlexFill>HRA Review</mat-card-title>\r\n\r\n <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n <div fxLayout=\"column\" fxFlex=\"49%\">\r\n <mat-label class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n </mat-label>\r\n\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Daily</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{dailyApprovedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyApprovedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(dailyApprovedCtrlName)?.touched && formGroup?.get(dailyApprovedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Weekly</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{weeklyApprovedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyApprovedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(weeklyApprovedCtrlName)?.touched && formGroup?.get(weeklyApprovedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Amount Approved<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtApprovedCtrlName}}\"/>\r\n <span matSuffix>$68.00 max</span>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(suppleAmtApprovedCtrlName)?.touched && formGroup?.get(suppleAmtApprovedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div fxLayout=\"column\" fxFlex=\"49%\">\r\n <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Decision<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <div fxLayout=\"column\">\r\n <mat-radio-group formControlName=\"decision\" class=\"prutech-dynamic-radio-button-group\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n *ngFor=\"let selection of selections\" [value]=\"selection.lookupId\">{{\r\n selection?.displayValue }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('decision')?.touched && formGroup?.get('decision')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Comments<span *ngIf=\"isDecisionCommentsRequired\" class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{reqDecisionReasonCtrlName}}\" [compareWith]=\"compareFn\">\r\n <mat-option *ngFor=\"let selection of commentsLookup | async\" [value]=\"selection\">\r\n {{ selection?.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n <button mat-button\r\n *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.value && formGroup?.get(reqDecisionReasonCtrlName)?.enabled\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clear(formGroup?.get(reqDecisionReasonCtrlName));\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.touched && formGroup?.get(reqDecisionReasonCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n </mat-card-content>\r\n <prutech-form-footer [showExit]=\"false\" [showCancel]=\"true\" (onCancel)=\"cancel()\"\r\n [saveDisplayText]=\"saveButtonLabel\" [showSave]=\"showSaveButton\"\r\n [enableSave]=\"formGroup?.valid && showSaveButton\"\r\n [submitDisplayText]=\"submitButtonLabel\" [showSubmit]=\"showSubmitButton\"\r\n [enableSubmit]=\"formGroup?.valid\"\r\n [showCancelRequest]=\"showCancelRequestButton\" (onCancelRequest)=\"cancelRequest()\"\r\n (onSave)=\"save()\" (onSubmit)=\"submit()\"></prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6$2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i7$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6$3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i6$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.MatSuffix, selector: "[matSuffix]" }, { type: i2$2.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i7.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i7.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6$3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }], pipes: { "async": i4$1.AsyncPipe, "date": i4$1.DatePipe, "supplCarefareDay": SupplCarfareDayFilter, "supplCarefareWeek": SupplCarfareWeekFilter }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23052
|
+
SupplCarfareFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SupplCarfareFormComponent, selector: "lib-suppl-carfare-form", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"loading | async\"></prutech-loader>\r\n<mat-card fxFlexFill class=\"prutech-card supplemental-carfare-form\">\r\n <mat-card-content>\r\n <mat-card-title>{{ isApproveMode ? 'Approve Supplemental Request' : (isViewMode ? 'View Supplemental Request' :\r\n 'Supplemental Request') }}\r\n </mat-card-title>\r\n\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Last, First Name</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.lastNameAndFirstName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Case Number</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.caseNumber }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Individual Status</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.individualStatus }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Assignment Type</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.assignmentType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Program Status</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.programStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Assignment Start Date</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.programStart | date: dateFormat }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">EBT Carfare Date</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.ebtCarfareDate | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Hours Group</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.hourGroup }}</div>\r\n </div>\r\n <!--<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Orientation Time</div>\r\n <div fxFlex class=\"value\">{{ details?.orientationTime }}</div>\r\n </div>-->\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Site</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.siteName }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-divider\"></div>\r\n\r\n <div *ngIf=\"formGroup\" [formGroup]=\"formGroup\" class=\"prutech-dynamic-form-wrapper\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill class=\"prutech-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Days paid before Program Start Date <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field fxFlex=\"25%\" class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"paidDays\">\r\n <mat-option *ngFor=\"let selection of noOfDaysLookup\" [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('paidDays')?.touched && formGroup?.get('paidDays')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill>\r\n <div fxLayout=\"column\" fxFlex=\"59%\">\r\n <mat-card-subtitle class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n </mat-card-subtitle>\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Daily<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{dailyRequestedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyRequestedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(dailyRequestedCtrlName)?.touched && formGroup?.get(dailyRequestedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Weekly<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{weeklyRequestedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyRequestedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(weeklyRequestedCtrlName)?.touched && formGroup?.get(weeklyRequestedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n <div fxLayout=\"column\" fxFlex=\"49%\">\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Supplemental Request<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtRequestedCtrlName}}\"/>\r\n <span matSuffix>$68.00 max</span>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(suppleAmtRequestedCtrlName)?.touched && formGroup?.get(suppleAmtRequestedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Contact Person<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input #elementInput matInput formControlName=\"{{contactPersonCtrlName}}\"/>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(contactPersonCtrlName)?.touched && formGroup?.get(contactPersonCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Contact Phone<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input mask=\"(000) 000-0000\" #elementInput matInput formControlName=\"{{contactPhoneCtrlName}}\"/>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(contactPhoneCtrlName)?.touched && formGroup?.get(contactPhoneCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" fxFlex=\"49%\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Comments<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <textarea #elementInput matInput formControlName=\"comments\" [rows]=\"5\"></textarea>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('comments')?.touched && formGroup?.get('comments')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" fxFlex=\"39%\">\r\n <mat-card-subtitle>Carfare History</mat-card-subtitle>\r\n <div fxLayout=\"column\" fxLayoutGap=\"15px\" formArrayName=\"{{carFareSuppReqMappingCtrlName}}\"\r\n fxLayoutAlign=\"start stretch\"\r\n *ngFor=\"let item of historyControls; let index=index\">\r\n <div formGroupName=\"{{index}}\" fxLayout=\"column\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Issuance Date<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never' appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{issuanceDateCtrlName}}\">\r\n <mat-option *ngFor=\"let selection of carfareHistory\" [value]=\"selection?.timeKeepingCarfareId\">\r\n {{ selection?.issuanceDate | date: dateFormat }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('required')\">\r\n *Required\r\n </mat-error>\r\n <mat-error align=\"start\"\r\n *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('invalidSelection')\">\r\n *Repeated Selection\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\"><span>Amount</span></mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input type=\"text\" #elementInput matInput formControlName=\"{{issuanceAmountCtrlName}}\"/>\r\n </mat-form-field>\r\n </div>\r\n\r\n <!--<mat-icon *ngIf=\"isRequestEditable\" class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n add_circle\r\n </mat-icon>-->\r\n <div fxFlex=\"10%\">\r\n <mat-icon *ngIf=\"isRequestEditable && index !== 0\" class=\"material-icons-outlined\" color=\"primary\"\r\n (click)=\"removeCarfareHistory(index)\">remove_circle\r\n </mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div style=\"{ padding-top: 20px }\" fxLayout=\"row\" *ngIf=\"isRequestEditable\">\r\n <!-- <button mat-raised-button color=\"primary\" (click)=\"test()\">Upload Police Report</button>-->\r\n <mat-icon class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n add_circle\r\n </mat-icon>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n <ng-container *ngIf=\"isApproveMode || isReviewMode\">\r\n <div class=\"form-divider\" fxFlexFill></div>\r\n <mat-card-title fxFlexFill>HRA Review</mat-card-title>\r\n\r\n <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n <div fxLayout=\"column\" fxFlex=\"49%\">\r\n <mat-label class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n </mat-label>\r\n\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Daily</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{dailyApprovedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyApprovedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(dailyApprovedCtrlName)?.touched && formGroup?.get(dailyApprovedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Weekly</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{weeklyApprovedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyApprovedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(weeklyApprovedCtrlName)?.touched && formGroup?.get(weeklyApprovedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Amount Approved<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtApprovedCtrlName}}\"/>\r\n <span matSuffix>$68.00 max</span>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(suppleAmtApprovedCtrlName)?.touched && formGroup?.get(suppleAmtApprovedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div fxLayout=\"column\" fxFlex=\"49%\">\r\n <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Decision<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <div fxLayout=\"column\">\r\n <mat-radio-group formControlName=\"decision\" class=\"prutech-dynamic-radio-button-group\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n *ngFor=\"let selection of selections\" [value]=\"selection.lookupId\">{{\r\n selection?.displayValue }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('decision')?.touched && formGroup?.get('decision')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Comments<span *ngIf=\"isDecisionCommentsRequired\" class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{reqDecisionReasonCtrlName}}\" [compareWith]=\"compareFn\">\r\n <mat-option *ngFor=\"let selection of commentsLookup | async\" [value]=\"selection\">\r\n {{ selection?.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n <button mat-button\r\n *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.value && formGroup?.get(reqDecisionReasonCtrlName)?.enabled\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clear(formGroup?.get(reqDecisionReasonCtrlName));\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.touched && formGroup?.get(reqDecisionReasonCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n </mat-card-content>\r\n <prutech-form-footer [showExit]=\"false\" [showCancel]=\"true\" (onCancel)=\"cancel()\"\r\n [saveDisplayText]=\"saveButtonLabel\" [showSave]=\"showSaveButton\"\r\n [enableSave]=\"formGroup?.valid && showSaveButton\"\r\n [submitDisplayText]=\"submitButtonLabel\" [showSubmit]=\"showSubmitButton\"\r\n [enableSubmit]=\"formGroup?.valid\"\r\n [showCancelRequest]=\"showCancelRequestButton\" (onCancelRequest)=\"cancelRequest()\"\r\n (onSave)=\"save()\" (onSubmit)=\"submit()\"></prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i6$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { type: i7.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3$1.MatSuffix, selector: "[matSuffix]" }, { type: i2$2.MaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime"] }, { type: i7.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i7.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i6$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }], pipes: { "async": i4$1.AsyncPipe, "date": i4$1.DatePipe, "supplCarefareDay": SupplCarfareDayFilter, "supplCarefareWeek": SupplCarfareWeekFilter }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23052
23053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SupplCarfareFormComponent, decorators: [{
|
|
23053
23054
|
type: Component,
|
|
23054
23055
|
args: [{ selector: 'lib-suppl-carfare-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<prutech-loader *ngIf=\"loading | async\"></prutech-loader>\r\n<mat-card fxFlexFill class=\"prutech-card supplemental-carfare-form\">\r\n <mat-card-content>\r\n <mat-card-title>{{ isApproveMode ? 'Approve Supplemental Request' : (isViewMode ? 'View Supplemental Request' :\r\n 'Supplemental Request') }}\r\n </mat-card-title>\r\n\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Last, First Name</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.lastNameAndFirstName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Case Number</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.caseNumber }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Individual Status</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.individualStatus }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Assignment Type</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.assignmentType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Program Status</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.programStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Assignment Start Date</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.programStart | date: dateFormat }}</div>\r\n </div>\r\n </div>\r\n\r\n <div fxFlex fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"column\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">EBT Carfare Date</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.ebtCarfareDate | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Hours Group</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.hourGroup }}</div>\r\n </div>\r\n <!--<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Orientation Time</div>\r\n <div fxFlex class=\"value\">{{ details?.orientationTime }}</div>\r\n </div>-->\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-info\">\r\n <div fxFlex class=\"label\">Site</div>\r\n <div fxFlex class=\"value\">{{ participantInfo?.siteName }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-divider\"></div>\r\n\r\n <div *ngIf=\"formGroup\" [formGroup]=\"formGroup\" class=\"prutech-dynamic-form-wrapper\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill class=\"prutech-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Days paid before Program Start Date <span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field fxFlex=\"25%\" class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"paidDays\">\r\n <mat-option *ngFor=\"let selection of noOfDaysLookup\" [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('paidDays')?.touched && formGroup?.get('paidDays')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\" fxFlexFill>\r\n <div fxLayout=\"column\" fxFlex=\"59%\">\r\n <mat-card-subtitle class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n </mat-card-subtitle>\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Daily<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{dailyRequestedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyRequestedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(dailyRequestedCtrlName)?.touched && formGroup?.get(dailyRequestedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxFlex=\"50%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Weekly<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{weeklyRequestedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyRequestedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(weeklyRequestedCtrlName)?.touched && formGroup?.get(weeklyRequestedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n <div fxLayout=\"column\" fxFlex=\"49%\">\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Supplemental Request<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtRequestedCtrlName}}\"/>\r\n <span matSuffix>$68.00 max</span>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(suppleAmtRequestedCtrlName)?.touched && formGroup?.get(suppleAmtRequestedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Contact Person<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input #elementInput matInput formControlName=\"{{contactPersonCtrlName}}\"/>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(contactPersonCtrlName)?.touched && formGroup?.get(contactPersonCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Contact Phone<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input mask=\"(000) 000-0000\" #elementInput matInput formControlName=\"{{contactPhoneCtrlName}}\"/>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(contactPhoneCtrlName)?.touched && formGroup?.get(contactPhoneCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" fxFlex=\"49%\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Comments<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <textarea #elementInput matInput formControlName=\"comments\" [rows]=\"5\"></textarea>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('comments')?.touched && formGroup?.get('comments')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" fxFlex=\"39%\">\r\n <mat-card-subtitle>Carfare History</mat-card-subtitle>\r\n <div fxLayout=\"column\" fxLayoutGap=\"15px\" formArrayName=\"{{carFareSuppReqMappingCtrlName}}\"\r\n fxLayoutAlign=\"start stretch\"\r\n *ngFor=\"let item of historyControls; let index=index\">\r\n <div formGroupName=\"{{index}}\" fxLayout=\"column\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\">\r\n <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Issuance Date<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never' appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{issuanceDateCtrlName}}\">\r\n <mat-option *ngFor=\"let selection of carfareHistory\" [value]=\"selection?.timeKeepingCarfareId\">\r\n {{ selection?.issuanceDate | date: dateFormat }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('required')\">\r\n *Required\r\n </mat-error>\r\n <mat-error align=\"start\"\r\n *ngIf=\"item.get(issuanceDateCtrlName).touched && item.get(issuanceDateCtrlName).hasError('invalidSelection')\">\r\n *Repeated Selection\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxFlex=\"42%\" fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\"><span>Amount</span></mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input type=\"text\" #elementInput matInput formControlName=\"{{issuanceAmountCtrlName}}\"/>\r\n </mat-form-field>\r\n </div>\r\n\r\n <!--<mat-icon *ngIf=\"isRequestEditable\" class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n add_circle\r\n </mat-icon>-->\r\n <div fxFlex=\"10%\">\r\n <mat-icon *ngIf=\"isRequestEditable && index !== 0\" class=\"material-icons-outlined\" color=\"primary\"\r\n (click)=\"removeCarfareHistory(index)\">remove_circle\r\n </mat-icon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div style=\"{ padding-top: 20px }\" fxLayout=\"row\" *ngIf=\"isRequestEditable\">\r\n <!-- <button mat-raised-button color=\"primary\" (click)=\"test()\">Upload Police Report</button>-->\r\n <mat-icon class=\"material-icons-outlined\" color=\"primary\" (click)=\"addCarfareHistory()\">\r\n add_circle\r\n </mat-icon>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n <ng-container *ngIf=\"isApproveMode || isReviewMode\">\r\n <div class=\"form-divider\" fxFlexFill></div>\r\n <mat-card-title fxFlexFill>HRA Review</mat-card-title>\r\n\r\n <div fxLayout=\"row\" fxFlexFill fxLayoutGap=\"2%\">\r\n <div fxLayout=\"column\" fxFlex=\"49%\">\r\n <mat-label class=\"label-top\">Enter Type and Number of MetroCards given to the participant\r\n </mat-label>\r\n\r\n <div fxLayout=\"row\" fxLayoutGap=\"2%\">\r\n <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Daily</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{dailyApprovedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfDaysLookup | supplCarefareDay:formGroup?.get(weeklyApprovedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(dailyApprovedCtrlName)?.touched && formGroup?.get(dailyApprovedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxFlex=\"49%\" class=\"prutech-dynamic-select-wrapper\">\r\n <mat-label class=\"label\">\r\n <span>Weekly</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\" floatLabel='never'\r\n appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{weeklyApprovedCtrlName}}\">\r\n <mat-option\r\n *ngFor=\"let selection of noOfWeeksLookup | supplCarefareWeek:formGroup?.get(dailyApprovedCtrlName)?.value\"\r\n [value]=\"selection\">\r\n {{ selection }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(weeklyApprovedCtrlName)?.touched && formGroup?.get(weeklyApprovedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Amount Approved<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <input type=\"number\" #elementInput matInput formControlName=\"{{suppleAmtApprovedCtrlName}}\"/>\r\n <span matSuffix>$68.00 max</span>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(suppleAmtApprovedCtrlName)?.touched && formGroup?.get(suppleAmtApprovedCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div fxLayout=\"column\" fxFlex=\"49%\">\r\n <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Decision<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <div fxLayout=\"column\">\r\n <mat-radio-group formControlName=\"decision\" class=\"prutech-dynamic-radio-button-group\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n *ngFor=\"let selection of selections\" [value]=\"selection.lookupId\">{{\r\n selection?.displayValue }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get('decision')?.touched && formGroup?.get('decision')?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </div>\r\n </div>\r\n\r\n <div fxLayout=\"column\" fxFlex=\"50%\" class=\"prutech-dynamic-input-wrapper\">\r\n <mat-label class=\"label-top\">\r\n <span>Comments<span *ngIf=\"isDecisionCommentsRequired\" class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\" floatLabel='never' appearance=\"outline\">\r\n <mat-select #trigger formControlName=\"{{reqDecisionReasonCtrlName}}\" [compareWith]=\"compareFn\">\r\n <mat-option *ngFor=\"let selection of commentsLookup | async\" [value]=\"selection\">\r\n {{ selection?.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n <button mat-button\r\n *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.value && formGroup?.get(reqDecisionReasonCtrlName)?.enabled\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clear(formGroup?.get(reqDecisionReasonCtrlName));\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n <mat-error align=\"start\"\r\n *ngIf=\"formGroup?.get(reqDecisionReasonCtrlName)?.touched && formGroup?.get(reqDecisionReasonCtrlName)?.hasError('required')\">\r\n *Required\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n </mat-card-content>\r\n <prutech-form-footer [showExit]=\"false\" [showCancel]=\"true\" (onCancel)=\"cancel()\"\r\n [saveDisplayText]=\"saveButtonLabel\" [showSave]=\"showSaveButton\"\r\n [enableSave]=\"formGroup?.valid && showSaveButton\"\r\n [submitDisplayText]=\"submitButtonLabel\" [showSubmit]=\"showSubmitButton\"\r\n [enableSubmit]=\"formGroup?.valid\"\r\n [showCancelRequest]=\"showCancelRequestButton\" (onCancelRequest)=\"cancelRequest()\"\r\n (onSave)=\"save()\" (onSubmit)=\"submit()\"></prutech-form-footer>\r\n</mat-card>\r\n", styles: [""] }]
|
|
@@ -24055,7 +24056,7 @@ class SevenHundredDNavComponent {
|
|
|
24055
24056
|
}
|
|
24056
24057
|
}
|
|
24057
24058
|
SevenHundredDNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SevenHundredDNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24058
|
-
SevenHundredDNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SevenHundredDNavComponent, selector: "prutech-seven-hundred-d-nav", inputs: { caseId: "caseId", navigationConfig: "navigationConfig", status: "status" }, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n <div fxFlex class=\"side-nav-header\">Remote 700D</div>\r\n <span>\r\n <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n\r\n <mat-accordion *ngIf=\"showText\" class=\"sub-title-header\" [multi]=\"true\" displayMode=\"flat\" fxFlexFill>\r\n <ng-container *ngFor=\"let entity of navigationConfig; let i = index\">\r\n <mat-expansion-panel *ngIf=\"isSubModuleShown( entity?.subModuleId )\"\r\n [disabled]=\"!isSubModuleEnabled( entity?.subModuleId )\"\r\n [expanded]=\"isExpanded( entity?.subModuleId )\" #header hideToggle=\"true\">\r\n <mat-expansion-panel-header\r\n [routerLink]=\"!!entity.route && isSubModuleEnabled( entity?.subModuleId )? [ '../', caseId, entity.route] : []\">\r\n <mat-panel-title class=\"nav-title\">\r\n <prutech-progress-icon\r\n *ngIf=\"showErrorMessage( entity?.subModuleId )\"\r\n [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n [errorMessages]=\"getErrorMessages( entity?.subModuleId, 1)\"\r\n ></prutech-progress-icon>\r\n <prutech-progress-icon\r\n *ngIf=\"!showErrorMessage( entity?.subModuleId )\"\r\n [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n ></prutech-progress-icon>\r\n <span *ngIf=\"entity?.categories\">\r\n {{entity.label}}\r\n </span>\r\n <span *ngIf=\"!entity?.categories\">\r\n <span class=\"item-label\">{{ entity.label }}</span>\r\n </span>\r\n </mat-panel-title>\r\n <mat-panel-description *ngIf=\"entity?.categories\">\r\n <mat-icon *ngIf=\"header.expanded\">remove_circle_outline</mat-icon>\r\n <mat-icon *ngIf=\"!header.expanded\">add_circle_outline</mat-icon>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n <mat-nav-list fxFlex>\r\n <ng-container *ngFor=\"let item of entity?.categories\">\r\n <a mat-list-item href *ngIf=\"isPageShown(entity.subModuleId, item.pageId)\"\r\n [disabled]=\"!isPageEnabled(entity.subModuleId, item.pageId)\" [routerLink]=\"[ '../', caseId, item.route]\"\r\n [routerLinkActive]=\"['active']\" class=\"nav-item\">\r\n <prutech-progress-icon\r\n [type]=\"getPageStatus(entity.subModuleId, item.pageId)\"\r\n [errorMessages]=\"getErrorMessages( entity.subModuleId, item?.pageId)\"\r\n ></prutech-progress-icon>\r\n <span class=\"item-label\">{{ item.label }}</span>\r\n </a>\r\n </ng-container>\r\n </mat-nav-list>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </mat-accordion>\r\n</div>\r\n", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i2$2.ProgressIconComponent, selector: "prutech-progress-icon", inputs: ["type", "errorMessages", "adminType"] }, { type: i6$
|
|
24059
|
+
SevenHundredDNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SevenHundredDNavComponent, selector: "prutech-seven-hundred-d-nav", inputs: { caseId: "caseId", navigationConfig: "navigationConfig", status: "status" }, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n <div fxFlex class=\"side-nav-header\">Remote 700D</div>\r\n <span>\r\n <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n\r\n <mat-accordion *ngIf=\"showText\" class=\"sub-title-header\" [multi]=\"true\" displayMode=\"flat\" fxFlexFill>\r\n <ng-container *ngFor=\"let entity of navigationConfig; let i = index\">\r\n <mat-expansion-panel *ngIf=\"isSubModuleShown( entity?.subModuleId )\"\r\n [disabled]=\"!isSubModuleEnabled( entity?.subModuleId )\"\r\n [expanded]=\"isExpanded( entity?.subModuleId )\" #header hideToggle=\"true\">\r\n <mat-expansion-panel-header\r\n [routerLink]=\"!!entity.route && isSubModuleEnabled( entity?.subModuleId )? [ '../', caseId, entity.route] : []\">\r\n <mat-panel-title class=\"nav-title\">\r\n <prutech-progress-icon\r\n *ngIf=\"showErrorMessage( entity?.subModuleId )\"\r\n [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n [errorMessages]=\"getErrorMessages( entity?.subModuleId, 1)\"\r\n ></prutech-progress-icon>\r\n <prutech-progress-icon\r\n *ngIf=\"!showErrorMessage( entity?.subModuleId )\"\r\n [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n ></prutech-progress-icon>\r\n <span *ngIf=\"entity?.categories\">\r\n {{entity.label}}\r\n </span>\r\n <span *ngIf=\"!entity?.categories\">\r\n <span class=\"item-label\">{{ entity.label }}</span>\r\n </span>\r\n </mat-panel-title>\r\n <mat-panel-description *ngIf=\"entity?.categories\">\r\n <mat-icon *ngIf=\"header.expanded\">remove_circle_outline</mat-icon>\r\n <mat-icon *ngIf=\"!header.expanded\">add_circle_outline</mat-icon>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n <mat-nav-list fxFlex>\r\n <ng-container *ngFor=\"let item of entity?.categories\">\r\n <a mat-list-item href *ngIf=\"isPageShown(entity.subModuleId, item.pageId)\"\r\n [disabled]=\"!isPageEnabled(entity.subModuleId, item.pageId)\" [routerLink]=\"[ '../', caseId, item.route]\"\r\n [routerLinkActive]=\"['active']\" class=\"nav-item\">\r\n <prutech-progress-icon\r\n [type]=\"getPageStatus(entity.subModuleId, item.pageId)\"\r\n [errorMessages]=\"getErrorMessages( entity.subModuleId, item?.pageId)\"\r\n ></prutech-progress-icon>\r\n <span class=\"item-label\">{{ item.label }}</span>\r\n </a>\r\n </ng-container>\r\n </mat-nav-list>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </mat-accordion>\r\n</div>\r\n", styles: [""], components: [{ type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i2$2.ProgressIconComponent, selector: "prutech-progress-icon", inputs: ["type", "errorMessages", "adminType"] }, { type: i6$3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { type: i6$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { type: i6$3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2$4.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i2$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { type: i1$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24059
24060
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SevenHundredDNavComponent, decorators: [{
|
|
24060
24061
|
type: Component,
|
|
24061
24062
|
args: [{ selector: 'prutech-seven-hundred-d-nav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start center\" class=\"side-nav\" *ngIf=\"navigationConfig\">\r\n <div fxFlex fxLayout=\"row wrap\" fxLayoutAlign=\"start center\" fxFlexFill>\r\n <div *ngIf=\"showText\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" class=\"side-nav-title\" fxFlexFill>\r\n <div fxFlex class=\"side-nav-header\">Remote 700D</div>\r\n <span>\r\n <mat-icon matListIcon matTooltip=\"Collapse menu\" [matTooltipPosition]=\"'right'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-left\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n <span *ngIf=\"!showText\" class=\"arrow-left\" fxFlex=\"50px\">\r\n <mat-icon matListIcon matTooltip=\"Expand menu\" [matTooltipPosition]=\"'left'\" class=\"icon\" fontSet=\"fas\"\r\n fontIcon=\"fa-chevron-circle-right\" (click)=\"toggleText()\"></mat-icon>\r\n </span>\r\n </div>\r\n\r\n <mat-accordion *ngIf=\"showText\" class=\"sub-title-header\" [multi]=\"true\" displayMode=\"flat\" fxFlexFill>\r\n <ng-container *ngFor=\"let entity of navigationConfig; let i = index\">\r\n <mat-expansion-panel *ngIf=\"isSubModuleShown( entity?.subModuleId )\"\r\n [disabled]=\"!isSubModuleEnabled( entity?.subModuleId )\"\r\n [expanded]=\"isExpanded( entity?.subModuleId )\" #header hideToggle=\"true\">\r\n <mat-expansion-panel-header\r\n [routerLink]=\"!!entity.route && isSubModuleEnabled( entity?.subModuleId )? [ '../', caseId, entity.route] : []\">\r\n <mat-panel-title class=\"nav-title\">\r\n <prutech-progress-icon\r\n *ngIf=\"showErrorMessage( entity?.subModuleId )\"\r\n [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n [errorMessages]=\"getErrorMessages( entity?.subModuleId, 1)\"\r\n ></prutech-progress-icon>\r\n <prutech-progress-icon\r\n *ngIf=\"!showErrorMessage( entity?.subModuleId )\"\r\n [type]=\"getEntityStatus( entity?.subModuleId )\"\r\n ></prutech-progress-icon>\r\n <span *ngIf=\"entity?.categories\">\r\n {{entity.label}}\r\n </span>\r\n <span *ngIf=\"!entity?.categories\">\r\n <span class=\"item-label\">{{ entity.label }}</span>\r\n </span>\r\n </mat-panel-title>\r\n <mat-panel-description *ngIf=\"entity?.categories\">\r\n <mat-icon *ngIf=\"header.expanded\">remove_circle_outline</mat-icon>\r\n <mat-icon *ngIf=\"!header.expanded\">add_circle_outline</mat-icon>\r\n </mat-panel-description>\r\n </mat-expansion-panel-header>\r\n <mat-nav-list fxFlex>\r\n <ng-container *ngFor=\"let item of entity?.categories\">\r\n <a mat-list-item href *ngIf=\"isPageShown(entity.subModuleId, item.pageId)\"\r\n [disabled]=\"!isPageEnabled(entity.subModuleId, item.pageId)\" [routerLink]=\"[ '../', caseId, item.route]\"\r\n [routerLinkActive]=\"['active']\" class=\"nav-item\">\r\n <prutech-progress-icon\r\n [type]=\"getPageStatus(entity.subModuleId, item.pageId)\"\r\n [errorMessages]=\"getErrorMessages( entity.subModuleId, item?.pageId)\"\r\n ></prutech-progress-icon>\r\n <span class=\"item-label\">{{ item.label }}</span>\r\n </a>\r\n </ng-container>\r\n </mat-nav-list>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </mat-accordion>\r\n</div>\r\n", styles: [""] }]
|
|
@@ -24444,7 +24445,7 @@ class CompletionByStudentComponent extends AbstractComponent {
|
|
|
24444
24445
|
}
|
|
24445
24446
|
}
|
|
24446
24447
|
CompletionByStudentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CompletionByStudentComponent, deps: [{ token: i2$2.PtDynamicFormsService }, { token: i2$2.TabService }, { token: i0.ChangeDetectorRef }, { token: i1$2.ActivatedRoute }, { token: i1$1.MatDialog }, { token: SevenHundredDDetailsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
24447
|
-
CompletionByStudentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CompletionByStudentComponent, selector: "prutech-completion-by-student", viewQueries: [{ propertyName: "trainingRelatedDynamicForm", first: true, predicate: ["trainingRelatedDynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"prutech-card seven-hundred-d-details\">\r\n <mat-card-title><span>{{ completionByStudentTitle }}</span></mat-card-title>\r\n <mat-card-content>\r\n <!--first section-->\r\n <div>\r\n <div class=\"form-subtitle\">{{ trainingRelatedExpensesTitle }}</div>\r\n <div>{{ trainingRelatedExpenses }}</div>\r\n <div><b>Note:</b> {{ trainingRelatedExpensesNote }}</div>\r\n <div class=\"prutech-vertical-form\">\r\n <prutech-dynamic-forms class=\"prutech-vertical-form-content\"\r\n *ngIf=\"elements\"\r\n [elements]=\"elements\"\r\n (init)=\"initTrainingDynamicFormElements()\"\r\n #trainingRelatedDynamicForm>\r\n <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n <span *ngIf=\"control.touched || !control.pristine\">\r\n <span *ngIf=\"control.hasError('required')\">Required</span>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n </prutech-dynamic-forms>\r\n </div>\r\n </div>\r\n <!--second section-->\r\n <div>\r\n <div class=\"form-subtitle\">{{ agreementToRecoveryTitle }}</div>\r\n <div *ngIf=\"showAgreementCtrl\">\r\n <mat-label class=\"label\">\r\n <span>Choosing one of the following<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <div class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n <div fxLayout=\"column\">\r\n <mat-radio-group [formControl]=\"agreementControl\" [required]=\"true\"\r\n class=\"prutech-dynamic-radio-button-group\"\r\n fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n *ngFor=\"let selection of agreementSelections\"\r\n [value]=\"selection.value\">\r\n {{ selection.displayText || selection }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <div class=\"mat-form-field-subscript-wrapper\">\r\n <mat-error>\r\n <span *ngIf=\"agreementControl.touched || !agreementControl.pristine\">\r\n <span *ngIf=\"agreementControl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--third section-->\r\n <div>\r\n <div class=\"form-subtitle\">{{ noticeToCATitle }}</div>\r\n <div>{{ noticeToCADescription }}</div>\r\n <br/>\r\n <div>{{ noticeToCADescription1 }}</div>\r\n </div>\r\n <!--fourth section-->\r\n <div class=\"prutech-vertical-form\">\r\n <div class=\"form-subtitle\">{{ authorizationTitle }}</div>\r\n <div>{{ authorizationDescription }}</div>\r\n <br/>\r\n <div><b>{{ authorizationNote }}</b></div>\r\n <br/>\r\n <div class=\"prutech-vertical-form-content\">\r\n <div class=\"prutech-dynamic-input-wrapper\" *ngIf=\"showApplicantNameCtrl\">\r\n <mat-label class=\"label prutech-dynamic-radio-button-group-label\">\r\n <span>{{ applicantNameCtrlLabel }}<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\"\r\n [appearance]=\"'outline'\">\r\n <input\r\n #elementInput\r\n matInput\r\n [formControl]=\"applicantNameControl\"\r\n [placeholder]=\"applicantNameCtrlLabel\"\r\n [type]=\"'input'\"\r\n [required]=\"true\"/>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"d-flex prutech-dynamic-datepicker-wrapper\" *ngIf=\"showDateCtrl\">\r\n <mat-label class=\"label\"><span>{{ dateCtrlLabel }}</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-datepicker-field mat-form-field-disabled\" [appearance]=\"'outline'\">\r\n <input #elementInput\r\n matInput\r\n readonly\r\n [formControl]=\"dateControl\"\r\n [matDatepicker]=\"dynamicDatePicker\"\r\n [placeholder]=\"dateCtrlLabel\"\r\n [name]=\"dateCtrlLabel\"\r\n disabled/>\r\n <mat-datepicker-toggle matSuffix [for]=\"dynamicDatePicker\"></mat-datepicker-toggle>\r\n <mat-datepicker #dynamicDatePicker></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </mat-card-content>\r\n <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"true\" [showExit]=\"true\"\r\n [enableSave]=\"isSaveEnabled\" [enableSubmit]=\"false\"\r\n (onExit)=\"exit()\" (onSave)=\"save()\" (onSubmit)=\"submit()\">\r\n </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2$2.PtDynamicFormsComponent, selector: "prutech-dynamic-forms", inputs: ["formControls", "elements"], outputs: ["init"] }, { type: i6$3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i8.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i8.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i6$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.PtDynamicFormsErrorTemplateDirective, selector: "[tdDynamicFormsError]ng-template", inputs: ["tdDynamicFormsError"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6$3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3$1.MatSuffix, selector: "[matSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24448
|
+
CompletionByStudentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CompletionByStudentComponent, selector: "prutech-completion-by-student", viewQueries: [{ propertyName: "trainingRelatedDynamicForm", first: true, predicate: ["trainingRelatedDynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"prutech-card seven-hundred-d-details\">\r\n <mat-card-title><span>{{ completionByStudentTitle }}</span></mat-card-title>\r\n <mat-card-content>\r\n <!--first section-->\r\n <div>\r\n <div class=\"form-subtitle\">{{ trainingRelatedExpensesTitle }}</div>\r\n <div>{{ trainingRelatedExpenses }}</div>\r\n <div><b>Note:</b> {{ trainingRelatedExpensesNote }}</div>\r\n <div class=\"prutech-vertical-form\">\r\n <prutech-dynamic-forms class=\"prutech-vertical-form-content\"\r\n *ngIf=\"elements\"\r\n [elements]=\"elements\"\r\n (init)=\"initTrainingDynamicFormElements()\"\r\n #trainingRelatedDynamicForm>\r\n <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n <span *ngIf=\"control.touched || !control.pristine\">\r\n <span *ngIf=\"control.hasError('required')\">Required</span>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n </prutech-dynamic-forms>\r\n </div>\r\n </div>\r\n <!--second section-->\r\n <div>\r\n <div class=\"form-subtitle\">{{ agreementToRecoveryTitle }}</div>\r\n <div *ngIf=\"showAgreementCtrl\">\r\n <mat-label class=\"label\">\r\n <span>Choosing one of the following<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <div class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n <div fxLayout=\"column\">\r\n <mat-radio-group [formControl]=\"agreementControl\" [required]=\"true\"\r\n class=\"prutech-dynamic-radio-button-group\"\r\n fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n *ngFor=\"let selection of agreementSelections\"\r\n [value]=\"selection.value\">\r\n {{ selection.displayText || selection }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <div class=\"mat-form-field-subscript-wrapper\">\r\n <mat-error>\r\n <span *ngIf=\"agreementControl.touched || !agreementControl.pristine\">\r\n <span *ngIf=\"agreementControl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--third section-->\r\n <div>\r\n <div class=\"form-subtitle\">{{ noticeToCATitle }}</div>\r\n <div>{{ noticeToCADescription }}</div>\r\n <br/>\r\n <div>{{ noticeToCADescription1 }}</div>\r\n </div>\r\n <!--fourth section-->\r\n <div class=\"prutech-vertical-form\">\r\n <div class=\"form-subtitle\">{{ authorizationTitle }}</div>\r\n <div>{{ authorizationDescription }}</div>\r\n <br/>\r\n <div><b>{{ authorizationNote }}</b></div>\r\n <br/>\r\n <div class=\"prutech-vertical-form-content\">\r\n <div class=\"prutech-dynamic-input-wrapper\" *ngIf=\"showApplicantNameCtrl\">\r\n <mat-label class=\"label prutech-dynamic-radio-button-group-label\">\r\n <span>{{ applicantNameCtrlLabel }}<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\"\r\n [appearance]=\"'outline'\">\r\n <input\r\n #elementInput\r\n matInput\r\n [formControl]=\"applicantNameControl\"\r\n [placeholder]=\"applicantNameCtrlLabel\"\r\n [type]=\"'input'\"\r\n [required]=\"true\"/>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"d-flex prutech-dynamic-datepicker-wrapper\" *ngIf=\"showDateCtrl\">\r\n <mat-label class=\"label\"><span>{{ dateCtrlLabel }}</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-datepicker-field mat-form-field-disabled\" [appearance]=\"'outline'\">\r\n <input #elementInput\r\n matInput\r\n readonly\r\n [formControl]=\"dateControl\"\r\n [matDatepicker]=\"dynamicDatePicker\"\r\n [placeholder]=\"dateCtrlLabel\"\r\n [name]=\"dateCtrlLabel\"\r\n disabled/>\r\n <mat-datepicker-toggle matSuffix [for]=\"dynamicDatePicker\"></mat-datepicker-toggle>\r\n <mat-datepicker #dynamicDatePicker></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </mat-card-content>\r\n <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"true\" [showExit]=\"true\"\r\n [enableSave]=\"isSaveEnabled\" [enableSubmit]=\"false\"\r\n (onExit)=\"exit()\" (onSave)=\"save()\" (onSubmit)=\"submit()\">\r\n </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""], components: [{ type: i6$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2$2.PtDynamicFormsComponent, selector: "prutech-dynamic-forms", inputs: ["formControls", "elements"], outputs: ["init"] }, { type: i6$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i8.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i8.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i2$2.FormFooterComponent, selector: "prutech-form-footer", inputs: ["saveDisplayText", "submitDisplayText", "showExit", "showSave", "showSubmit", "showApprove", "showReject", "showClientServicesScreen", "showCancel", "showDelete", "showCancelRequest", "showPrintAssessment", "showBatchMailLetters", "enableSave", "enableSubmit", "enableApprove", "enableReject"], outputs: ["onExit", "onSave", "onSubmit", "onApprove", "onReject", "onCancel", "onDelete", "onCancelRequest", "onPrintAssessment", "onPrintApptLetters", "openClientServicesScreen"] }], directives: [{ type: i6$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i6$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.PtDynamicFormsErrorTemplateDirective, selector: "[tdDynamicFormsError]ng-template", inputs: ["tdDynamicFormsError"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3$1.MatSuffix, selector: "[matSuffix]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24448
24449
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CompletionByStudentComponent, decorators: [{
|
|
24449
24450
|
type: Component,
|
|
24450
24451
|
args: [{ selector: 'prutech-completion-by-student', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"prutech-card seven-hundred-d-details\">\r\n <mat-card-title><span>{{ completionByStudentTitle }}</span></mat-card-title>\r\n <mat-card-content>\r\n <!--first section-->\r\n <div>\r\n <div class=\"form-subtitle\">{{ trainingRelatedExpensesTitle }}</div>\r\n <div>{{ trainingRelatedExpenses }}</div>\r\n <div><b>Note:</b> {{ trainingRelatedExpensesNote }}</div>\r\n <div class=\"prutech-vertical-form\">\r\n <prutech-dynamic-forms class=\"prutech-vertical-form-content\"\r\n *ngIf=\"elements\"\r\n [elements]=\"elements\"\r\n (init)=\"initTrainingDynamicFormElements()\"\r\n #trainingRelatedDynamicForm>\r\n <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n <span *ngIf=\"control.touched || !control.pristine\">\r\n <span *ngIf=\"control.hasError('required')\">Required</span>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n </prutech-dynamic-forms>\r\n </div>\r\n </div>\r\n <!--second section-->\r\n <div>\r\n <div class=\"form-subtitle\">{{ agreementToRecoveryTitle }}</div>\r\n <div *ngIf=\"showAgreementCtrl\">\r\n <mat-label class=\"label\">\r\n <span>Choosing one of the following<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <div class=\"prutech-dynamic-radio-button-group-wrapper\">\r\n <div fxLayout=\"column\">\r\n <mat-radio-group [formControl]=\"agreementControl\" [required]=\"true\"\r\n class=\"prutech-dynamic-radio-button-group\"\r\n fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <mat-radio-button class=\"prutech-dynamic-radio-button\"\r\n *ngFor=\"let selection of agreementSelections\"\r\n [value]=\"selection.value\">\r\n {{ selection.displayText || selection }}\r\n </mat-radio-button>\r\n </mat-radio-group>\r\n <div class=\"mat-form-field-subscript-wrapper\">\r\n <mat-error>\r\n <span *ngIf=\"agreementControl.touched || !agreementControl.pristine\">\r\n <span *ngIf=\"agreementControl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!--third section-->\r\n <div>\r\n <div class=\"form-subtitle\">{{ noticeToCATitle }}</div>\r\n <div>{{ noticeToCADescription }}</div>\r\n <br/>\r\n <div>{{ noticeToCADescription1 }}</div>\r\n </div>\r\n <!--fourth section-->\r\n <div class=\"prutech-vertical-form\">\r\n <div class=\"form-subtitle\">{{ authorizationTitle }}</div>\r\n <div>{{ authorizationDescription }}</div>\r\n <br/>\r\n <div><b>{{ authorizationNote }}</b></div>\r\n <br/>\r\n <div class=\"prutech-vertical-form-content\">\r\n <div class=\"prutech-dynamic-input-wrapper\" *ngIf=\"showApplicantNameCtrl\">\r\n <mat-label class=\"label prutech-dynamic-radio-button-group-label\">\r\n <span>{{ applicantNameCtrlLabel }}<span class=\"prutech-dynamic-button-mandatory\">*</span></span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-input-field\"\r\n [appearance]=\"'outline'\">\r\n <input\r\n #elementInput\r\n matInput\r\n [formControl]=\"applicantNameControl\"\r\n [placeholder]=\"applicantNameCtrlLabel\"\r\n [type]=\"'input'\"\r\n [required]=\"true\"/>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"d-flex prutech-dynamic-datepicker-wrapper\" *ngIf=\"showDateCtrl\">\r\n <mat-label class=\"label\"><span>{{ dateCtrlLabel }}</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-datepicker-field mat-form-field-disabled\" [appearance]=\"'outline'\">\r\n <input #elementInput\r\n matInput\r\n readonly\r\n [formControl]=\"dateControl\"\r\n [matDatepicker]=\"dynamicDatePicker\"\r\n [placeholder]=\"dateCtrlLabel\"\r\n [name]=\"dateCtrlLabel\"\r\n disabled/>\r\n <mat-datepicker-toggle matSuffix [for]=\"dynamicDatePicker\"></mat-datepicker-toggle>\r\n <mat-datepicker #dynamicDatePicker></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </mat-card-content>\r\n <prutech-form-footer [showSave]=\"true\" [showSubmit]=\"true\" [showExit]=\"true\"\r\n [enableSave]=\"isSaveEnabled\" [enableSubmit]=\"false\"\r\n (onExit)=\"exit()\" (onSave)=\"save()\" (onSubmit)=\"submit()\">\r\n </prutech-form-footer>\r\n</mat-card>\r\n", styles: [""] }]
|
|
@@ -26714,7 +26715,7 @@ class ActionDialogComponent extends AbstractComponent {
|
|
|
26714
26715
|
}
|
|
26715
26716
|
}
|
|
26716
26717
|
ActionDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
26717
|
-
ActionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionDialogComponent, selector: "prutech-isar-action-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Update Status</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <mat-label>Select Status\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\"\r\n [appearance]=\"'outline'\"\r\n [floatLabel]=\"'auto'\">\r\n <mat-select #status\r\n [formControl]=\"statusCtrl\"\r\n [placeholder]=\"'Update Status'\"\r\n [required]=\"true\">\r\n <mat-option *ngFor=\"let selection of selections\"\r\n [value]=\"selection\">\r\n {{ selection.displayText }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error>\r\n <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-label>Comments\r\n <span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"isRequired\">*</span>\r\n </mat-label>\r\n <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n <textarea matInput\r\n [formControl]=\"commentCtrl\"\r\n placeholder=\"Comments\"\r\n rows=\"5\"\r\n [required]=\"isRequired\"\r\n ></textarea>\r\n <mat-error>\r\n <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button\r\n color=\"primary\"\r\n (click)=\"closeModal(true)\"\r\n [disabled]=\"isDisabled\">SUBMIT\r\n </button>\r\n </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type:
|
|
26718
|
+
ActionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ActionDialogComponent, selector: "prutech-isar-action-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Update Status</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <mat-label>Select Status\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\"\r\n [appearance]=\"'outline'\"\r\n [floatLabel]=\"'auto'\">\r\n <mat-select #status\r\n [formControl]=\"statusCtrl\"\r\n [placeholder]=\"'Update Status'\"\r\n [required]=\"true\">\r\n <mat-option *ngFor=\"let selection of selections\"\r\n [value]=\"selection\">\r\n {{ selection.displayText }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error>\r\n <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-label>Comments\r\n <span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"isRequired\">*</span>\r\n </mat-label>\r\n <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n <textarea matInput\r\n [formControl]=\"commentCtrl\"\r\n placeholder=\"Comments\"\r\n rows=\"5\"\r\n [required]=\"isRequired\"\r\n ></textarea>\r\n <mat-error>\r\n <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button\r\n color=\"primary\"\r\n (click)=\"closeModal(true)\"\r\n [disabled]=\"isDisabled\">SUBMIT\r\n </button>\r\n </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
26718
26719
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ActionDialogComponent, decorators: [{
|
|
26719
26720
|
type: Component,
|
|
26720
26721
|
args: [{ selector: 'prutech-isar-action-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Update Status</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <mat-label>Select Status\r\n <span class=\"prutech-dynamic-button-mandatory\">*</span>\r\n </mat-label>\r\n <mat-form-field class=\"prutech-dynamic-select-field\"\r\n [appearance]=\"'outline'\"\r\n [floatLabel]=\"'auto'\">\r\n <mat-select #status\r\n [formControl]=\"statusCtrl\"\r\n [placeholder]=\"'Update Status'\"\r\n [required]=\"true\">\r\n <mat-option *ngFor=\"let selection of selections\"\r\n [value]=\"selection\">\r\n {{ selection.displayText }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error>\r\n <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-label>Comments\r\n <span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"isRequired\">*</span>\r\n </mat-label>\r\n <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n <textarea matInput\r\n [formControl]=\"commentCtrl\"\r\n placeholder=\"Comments\"\r\n rows=\"5\"\r\n [required]=\"isRequired\"\r\n ></textarea>\r\n <mat-error>\r\n <span *ngIf=\"commentCtrl.touched || !commentCtrl.pristine\">\r\n <span *ngIf=\"commentCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button\r\n color=\"primary\"\r\n (click)=\"closeModal(true)\"\r\n [disabled]=\"isDisabled\">SUBMIT\r\n </button>\r\n </div>\r\n</prutech-dialog-box>\r\n", styles: [""] }]
|
|
@@ -29115,7 +29116,7 @@ class AddAgencyDialogComponent extends AbstractComponent {
|
|
|
29115
29116
|
}
|
|
29116
29117
|
}
|
|
29117
29118
|
AddAgencyDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AddAgencyDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i1$1.MatDialog }, { token: i0.ChangeDetectorRef }, { token: AgencyBlockListService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
29118
|
-
AddAgencyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AddAgencyDialogComponent, selector: "prutech-add-block-agency-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Add Agency</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <button mat-stroked-button color=\"primary\" (click)=\"openActiveAgencyList()\">SELECT AGENCY/SCHOOL</button>\r\n <div *ngIf=\"selectedAgency\"><span>{{ selectedAgency.agencyOrSchool?.displayValue }}</span></div>\r\n <mat-label>Reason for Blocking<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n <mat-select #trigger\r\n [formControl]=\"reasonCtrl\"\r\n [placeholder]=\"reasonCtrlPlaceHolder\"\r\n [required]=\"required\"\r\n [compareWith]=\"compareFn\">\r\n <mat-option *ngFor=\"let selection of lookups?.reasonForBlock\"\r\n [value]=\"selection\">\r\n {{ selection?.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error>\r\n <span *ngIf=\"reasonCtrl.touched || !reasonCtrl.pristine\">\r\n <span *ngIf=\"reasonCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-label>Comments<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n <textarea matInput\r\n [formControl]=\"commentsCtrl\"\r\n placeholder=\"Enter Comments\"\r\n rows=\"5\"\r\n [maxlength]=\"maxLength\"\r\n [required]=\"required\"\r\n ></textarea>\r\n <mat-error>\r\n <span *ngIf=\"commentsCtrl.touched || !commentsCtrl.pristine\">\r\n <span *ngIf=\"commentsCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button\r\n color=\"primary\"\r\n (click)=\"closeModal(true)\"\r\n [disabled]=\"isDisabled\">SUBMIT\r\n </button>\r\n </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type:
|
|
29119
|
+
AddAgencyDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AddAgencyDialogComponent, selector: "prutech-add-block-agency-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Add Agency</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <button mat-stroked-button color=\"primary\" (click)=\"openActiveAgencyList()\">SELECT AGENCY/SCHOOL</button>\r\n <div *ngIf=\"selectedAgency\"><span>{{ selectedAgency.agencyOrSchool?.displayValue }}</span></div>\r\n <mat-label>Reason for Blocking<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n <mat-select #trigger\r\n [formControl]=\"reasonCtrl\"\r\n [placeholder]=\"reasonCtrlPlaceHolder\"\r\n [required]=\"required\"\r\n [compareWith]=\"compareFn\">\r\n <mat-option *ngFor=\"let selection of lookups?.reasonForBlock\"\r\n [value]=\"selection\">\r\n {{ selection?.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error>\r\n <span *ngIf=\"reasonCtrl.touched || !reasonCtrl.pristine\">\r\n <span *ngIf=\"reasonCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-label>Comments<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n <textarea matInput\r\n [formControl]=\"commentsCtrl\"\r\n placeholder=\"Enter Comments\"\r\n rows=\"5\"\r\n [maxlength]=\"maxLength\"\r\n [required]=\"required\"\r\n ></textarea>\r\n <mat-error>\r\n <span *ngIf=\"commentsCtrl.touched || !commentsCtrl.pristine\">\r\n <span *ngIf=\"commentsCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button\r\n color=\"primary\"\r\n (click)=\"closeModal(true)\"\r\n [disabled]=\"isDisabled\">SUBMIT\r\n </button>\r\n </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29119
29120
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AddAgencyDialogComponent, decorators: [{
|
|
29120
29121
|
type: Component,
|
|
29121
29122
|
args: [{ selector: 'prutech-add-block-agency-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Add Agency</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <button mat-stroked-button color=\"primary\" (click)=\"openActiveAgencyList()\">SELECT AGENCY/SCHOOL</button>\r\n <div *ngIf=\"selectedAgency\"><span>{{ selectedAgency.agencyOrSchool?.displayValue }}</span></div>\r\n <mat-label>Reason for Blocking<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n <mat-select #trigger\r\n [formControl]=\"reasonCtrl\"\r\n [placeholder]=\"reasonCtrlPlaceHolder\"\r\n [required]=\"required\"\r\n [compareWith]=\"compareFn\">\r\n <mat-option *ngFor=\"let selection of lookups?.reasonForBlock\"\r\n [value]=\"selection\">\r\n {{ selection?.displayValue }}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error>\r\n <span *ngIf=\"reasonCtrl.touched || !reasonCtrl.pristine\">\r\n <span *ngIf=\"reasonCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n <mat-label>Comments<span class=\"prutech-dynamic-button-mandatory\" *ngIf=\"required\">*</span></mat-label>\r\n <mat-form-field appearance=\"outline\" floatLabel=\"auto\">\r\n <textarea matInput\r\n [formControl]=\"commentsCtrl\"\r\n placeholder=\"Enter Comments\"\r\n rows=\"5\"\r\n [maxlength]=\"maxLength\"\r\n [required]=\"required\"\r\n ></textarea>\r\n <mat-error>\r\n <span *ngIf=\"commentsCtrl.touched || !commentsCtrl.pristine\">\r\n <span *ngIf=\"commentsCtrl.hasError('required')\">Required</span>\r\n </span>\r\n </mat-error>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button\r\n color=\"primary\"\r\n (click)=\"closeModal(true)\"\r\n [disabled]=\"isDisabled\">SUBMIT\r\n </button>\r\n </div>\r\n</prutech-dialog-box>\r\n", styles: [""] }]
|
|
@@ -30773,12 +30774,16 @@ class SubmitReassignModel$1 {
|
|
|
30773
30774
|
}
|
|
30774
30775
|
|
|
30775
30776
|
class UpdateStatusDialogboxComponent extends AbstractComponent {
|
|
30776
|
-
constructor(dilogref, fb, data, lookupsService) {
|
|
30777
|
+
constructor(dilogref, fb, dialog, data, lookupsService, userService, preNoiWorkListService) {
|
|
30777
30778
|
super();
|
|
30778
30779
|
this.dilogref = dilogref;
|
|
30779
30780
|
this.fb = fb;
|
|
30781
|
+
this.dialog = dialog;
|
|
30780
30782
|
this.data = data;
|
|
30781
30783
|
this.lookupsService = lookupsService;
|
|
30784
|
+
this.userService = userService;
|
|
30785
|
+
this.preNoiWorkListService = preNoiWorkListService;
|
|
30786
|
+
this.rejectedGcg = 4;
|
|
30782
30787
|
this.statusForm = this.fb.group({
|
|
30783
30788
|
comments: [''],
|
|
30784
30789
|
updateStatusId: ['', Validators.required],
|
|
@@ -30788,18 +30793,30 @@ class UpdateStatusDialogboxComponent extends AbstractComponent {
|
|
|
30788
30793
|
this.lookupsService.dispatchLoadLookups(conciliationLookupsNameArray);
|
|
30789
30794
|
this.loadingLookups = this.lookupsService.loadingLookups;
|
|
30790
30795
|
this.lookupsService.lookups.pipe(takeUntil(this.componentDestroyed)).subscribe((lookups) => {
|
|
30791
|
-
console.log(lookups);
|
|
30792
30796
|
if (lookups) {
|
|
30793
30797
|
this.lookupData = lookups;
|
|
30794
30798
|
}
|
|
30795
30799
|
});
|
|
30800
|
+
this.userService.user.pipe(takeUntil(this.componentDestroyed), filter$1((user) => !!user))
|
|
30801
|
+
.subscribe((user) => {
|
|
30802
|
+
this.user = user;
|
|
30803
|
+
});
|
|
30804
|
+
this.lookupsService.lookups.pipe(takeUntil(this.componentDestroyed))
|
|
30805
|
+
.subscribe((lookups) => {
|
|
30806
|
+
this.conciliationLookups = lookups;
|
|
30807
|
+
});
|
|
30796
30808
|
}
|
|
30797
30809
|
closeModal(action) {
|
|
30798
30810
|
const formValue = this.statusForm.get('updateStatusId').value;
|
|
30799
30811
|
if (action) {
|
|
30800
|
-
this.
|
|
30801
|
-
|
|
30802
|
-
}
|
|
30812
|
+
if (formValue.lookupId == this.rejectedGcg) {
|
|
30813
|
+
this.openGoodCauseGrantedDialog(get(this.data, 'preNoiworklist'));
|
|
30814
|
+
}
|
|
30815
|
+
else {
|
|
30816
|
+
this.dilogref.close({
|
|
30817
|
+
...formValue,
|
|
30818
|
+
});
|
|
30819
|
+
}
|
|
30803
30820
|
}
|
|
30804
30821
|
else {
|
|
30805
30822
|
this.dilogref.close(undefined);
|
|
@@ -30808,16 +30825,94 @@ class UpdateStatusDialogboxComponent extends AbstractComponent {
|
|
|
30808
30825
|
afterOnDestroy() {
|
|
30809
30826
|
//
|
|
30810
30827
|
}
|
|
30828
|
+
openGoodCauseGrantedDialog(item) {
|
|
30829
|
+
// Open the GoodCauseGrantedAction dialog
|
|
30830
|
+
const dialogRef = this.dialog?.open(GoodCauseGrantedActionComponent, {
|
|
30831
|
+
width: dialogSize$1,
|
|
30832
|
+
disableClose: true,
|
|
30833
|
+
data: {
|
|
30834
|
+
conciliationLookups: get(this.data, 'conciliationLookups'),
|
|
30835
|
+
isPreNOI: true
|
|
30836
|
+
},
|
|
30837
|
+
});
|
|
30838
|
+
// After the first dialog closes
|
|
30839
|
+
dialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((res) => {
|
|
30840
|
+
// Check if res is valid and proceed with the second dialog
|
|
30841
|
+
if (res) {
|
|
30842
|
+
const letterDialogRef = this.dialog.open(GenerateFIA1187ALetterDialogboxComponent, {
|
|
30843
|
+
width: diaglogFormSize,
|
|
30844
|
+
disableClose: true,
|
|
30845
|
+
data: {},
|
|
30846
|
+
});
|
|
30847
|
+
// After the second dialog closes
|
|
30848
|
+
letterDialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((letterTypeId) => {
|
|
30849
|
+
if (letterTypeId) {
|
|
30850
|
+
// Create the payload for the backend request
|
|
30851
|
+
const payload = new SavePreNoiStatusPayload({
|
|
30852
|
+
...res,
|
|
30853
|
+
actionId: goodCauseGrantedActionId$1,
|
|
30854
|
+
wlPreNoiId: item?.wlPreNoiId,
|
|
30855
|
+
letterType: letterTypeId,
|
|
30856
|
+
assessmentId: get(item, 'eaepAssessmentId'),
|
|
30857
|
+
caseId: get(item, 'cmsCaseId'),
|
|
30858
|
+
infractionDate: get(item, 'infractionDate')
|
|
30859
|
+
});
|
|
30860
|
+
// Perform additional checks before dispatching to the backend
|
|
30861
|
+
if (get(item, 'infractedType.value.lookupId') === InfractionTypeEnum.FTRAppointment
|
|
30862
|
+
&& ((get(item, 'infractedAt.value.lookupId') === InfractionAtEnum.CareerServices && this.user
|
|
30863
|
+
&& (this.user.isJosWorker || this.user.isJosSupervisor || this.user.isOutStationWorker || this.user.isOutStationSupervisor))
|
|
30864
|
+
|| (get(item, 'infractedAt.value.lookupId') === InfractionAtEnum.CareerAdvance && this.user
|
|
30865
|
+
&& (this.user.isJosWorker || this.user.isJosSupervisor || this.user.isOutStationWorker || this.user.isOutStationSupervisor)))) {
|
|
30866
|
+
// Open confirmation dialog
|
|
30867
|
+
this.openYesNoConfirmationDialog(payload, item);
|
|
30868
|
+
}
|
|
30869
|
+
else {
|
|
30870
|
+
// Dispatch the save status to backend
|
|
30871
|
+
this.preNoiWorkListService.dispatchSaveStatus(payload);
|
|
30872
|
+
}
|
|
30873
|
+
}
|
|
30874
|
+
// Close the first dialog after the second one is closed
|
|
30875
|
+
this.dilogref.close(undefined);
|
|
30876
|
+
});
|
|
30877
|
+
}
|
|
30878
|
+
});
|
|
30879
|
+
}
|
|
30880
|
+
openYesNoConfirmationDialog(payload, item) {
|
|
30881
|
+
const confirmDialogRef = this.dialog.open(YesNoConfirmationDialogComponent, {
|
|
30882
|
+
width: dialogSize$1,
|
|
30883
|
+
disableClose: true,
|
|
30884
|
+
data: {
|
|
30885
|
+
yesLabel: yesLabel$1,
|
|
30886
|
+
noLabel: noLabel$1,
|
|
30887
|
+
header: confirmHeader$1,
|
|
30888
|
+
message: goodCauseConfirmMessage$1,
|
|
30889
|
+
},
|
|
30890
|
+
});
|
|
30891
|
+
confirmDialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((res) => {
|
|
30892
|
+
if (!!res) {
|
|
30893
|
+
this.preNoiWorkListService.dispatchSaveStatus(new SavePreNoiStatusPayload({
|
|
30894
|
+
...payload,
|
|
30895
|
+
confirmYesNo: true,
|
|
30896
|
+
}));
|
|
30897
|
+
}
|
|
30898
|
+
else {
|
|
30899
|
+
this.preNoiWorkListService.dispatchSaveStatus(new SavePreNoiStatusPayload({
|
|
30900
|
+
...payload,
|
|
30901
|
+
confirmYesNo: false,
|
|
30902
|
+
}));
|
|
30903
|
+
}
|
|
30904
|
+
});
|
|
30905
|
+
}
|
|
30811
30906
|
}
|
|
30812
|
-
UpdateStatusDialogboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UpdateStatusDialogboxComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i7.FormBuilder }, { token: MAT_DIALOG_DATA }, { token: LookupsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
30813
|
-
UpdateStatusDialogboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UpdateStatusDialogboxComponent, selector: "lib-update-status-dialogbox", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(agencyRequestStatusDataLoading | async)\"></prutech-loader>\r\n<prutech-dialog-box>\r\n <div class=\"header\">UPDATE STATUS</div>\r\n <div class=\"body prutech-dialog-box-form\" [formGroup]=\"statusForm\" fxLayout=\"column\" fxLayoutGap=\"15px\">\r\n <div fxLayout=\"column\" fxLayoutGap=\"5px\">\r\n <label class=\"label\">Status<span class=\"required\">*</span></label>\r\n <mat-form-field floatLabel='never' appearance=\"outline\">\r\n <mat-select formControlName=\"updateStatusId\">\r\n <mat-option *ngFor=\"let status of lookupData?.preNOIUpdateStatusLookup\" [value]=\"status\">{{status.displayValue}}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\" *ngIf=\"statusForm?.get('status')?.hasError('required')\"> Required</mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n \r\n </div>\r\n <div class=\"dialogboxfooter\" fxLayoutGap=\"20px\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button (click)=\"closeModal(true)\" [disabled]=\"!statusForm.valid\" color=\"primary\">\r\n UPDATE STATUS\r\n </button>\r\n </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type:
|
|
30907
|
+
UpdateStatusDialogboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UpdateStatusDialogboxComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i7.FormBuilder }, { token: i1$1.MatDialog }, { token: MAT_DIALOG_DATA }, { token: LookupsService }, { token: i5$1.UserService }, { token: PreNoiWorkListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
30908
|
+
UpdateStatusDialogboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UpdateStatusDialogboxComponent, selector: "lib-update-status-dialogbox", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(agencyRequestStatusDataLoading | async)\"></prutech-loader>\r\n<prutech-dialog-box>\r\n <div class=\"header\">UPDATE STATUS</div>\r\n <div class=\"body prutech-dialog-box-form\" [formGroup]=\"statusForm\" fxLayout=\"column\" fxLayoutGap=\"15px\">\r\n <div fxLayout=\"column\" fxLayoutGap=\"5px\">\r\n <label class=\"label\">Status<span class=\"required\">*</span></label>\r\n <mat-form-field floatLabel='never' appearance=\"outline\">\r\n <mat-select formControlName=\"updateStatusId\">\r\n <mat-option *ngFor=\"let status of lookupData?.preNOIUpdateStatusLookup\" [value]=\"status\">{{status.displayValue}}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\" *ngIf=\"statusForm?.get('status')?.hasError('required')\"> Required</mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n \r\n </div>\r\n <div class=\"dialogboxfooter\" fxLayoutGap=\"20px\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button (click)=\"closeModal(true)\" [disabled]=\"!statusForm.valid\" color=\"primary\">\r\n UPDATE STATUS\r\n </button>\r\n </div>\r\n</prutech-dialog-box>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i4$1.AsyncPipe } });
|
|
30814
30909
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UpdateStatusDialogboxComponent, decorators: [{
|
|
30815
30910
|
type: Component,
|
|
30816
30911
|
args: [{ selector: 'lib-update-status-dialogbox', template: "<prutech-loader *ngIf=\"(agencyRequestStatusDataLoading | async)\"></prutech-loader>\r\n<prutech-dialog-box>\r\n <div class=\"header\">UPDATE STATUS</div>\r\n <div class=\"body prutech-dialog-box-form\" [formGroup]=\"statusForm\" fxLayout=\"column\" fxLayoutGap=\"15px\">\r\n <div fxLayout=\"column\" fxLayoutGap=\"5px\">\r\n <label class=\"label\">Status<span class=\"required\">*</span></label>\r\n <mat-form-field floatLabel='never' appearance=\"outline\">\r\n <mat-select formControlName=\"updateStatusId\">\r\n <mat-option *ngFor=\"let status of lookupData?.preNOIUpdateStatusLookup\" [value]=\"status\">{{status.displayValue}}\r\n </mat-option>\r\n </mat-select>\r\n <mat-error align=\"start\" *ngIf=\"statusForm?.get('status')?.hasError('required')\"> Required</mat-error>\r\n </mat-form-field>\r\n </div>\r\n\r\n \r\n </div>\r\n <div class=\"dialogboxfooter\" fxLayoutGap=\"20px\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button (click)=\"closeModal(true)\" [disabled]=\"!statusForm.valid\" color=\"primary\">\r\n UPDATE STATUS\r\n </button>\r\n </div>\r\n</prutech-dialog-box>\r\n", styles: [""] }]
|
|
30817
|
-
}], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: i7.FormBuilder }, { type: undefined, decorators: [{
|
|
30912
|
+
}], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: i7.FormBuilder }, { type: i1$1.MatDialog }, { type: undefined, decorators: [{
|
|
30818
30913
|
type: Inject,
|
|
30819
30914
|
args: [MAT_DIALOG_DATA]
|
|
30820
|
-
}] }, { type: LookupsService }]; } });
|
|
30915
|
+
}] }, { type: LookupsService }, { type: i5$1.UserService }, { type: PreNoiWorkListService }]; } });
|
|
30821
30916
|
|
|
30822
30917
|
class SubmitUpdateStatusModel {
|
|
30823
30918
|
constructor(data) {
|
|
@@ -30931,6 +31026,7 @@ class PreNoiContextMenuComponent extends AbstractComponent {
|
|
|
30931
31026
|
disableClose: true,
|
|
30932
31027
|
data: {
|
|
30933
31028
|
conciliationLookups: this.conciliationLookups,
|
|
31029
|
+
preNoiworklist: item
|
|
30934
31030
|
},
|
|
30935
31031
|
});
|
|
30936
31032
|
// tslint:disable-next-line:no-any
|
|
@@ -32074,7 +32170,7 @@ const menuItems = [
|
|
|
32074
32170
|
route: toString(reScheduleConferenceByPhoneActionId),
|
|
32075
32171
|
},
|
|
32076
32172
|
{
|
|
32077
|
-
name: 'Re-assign
|
|
32173
|
+
name: 'Re-assign Responsible Program ',
|
|
32078
32174
|
route: toString(reAssignConferenceCategoryActionId),
|
|
32079
32175
|
},
|
|
32080
32176
|
{
|
|
@@ -32366,7 +32462,7 @@ class SaveOutreachModel {
|
|
|
32366
32462
|
const reAssignFormModel = {
|
|
32367
32463
|
editTemplate: [
|
|
32368
32464
|
{
|
|
32369
|
-
label: 'Please select a
|
|
32465
|
+
label: 'Please select a Responsible Program',
|
|
32370
32466
|
name: 'confCategoryId',
|
|
32371
32467
|
type: PtDynamicElement.Select,
|
|
32372
32468
|
flex: 100,
|
|
@@ -32450,10 +32546,10 @@ class ReAssignDailogboxComponent extends AbstractComponent {
|
|
|
32450
32546
|
}
|
|
32451
32547
|
}
|
|
32452
32548
|
ReAssignDailogboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ReAssignDailogboxComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i2$2.PtDynamicFormsService }, { token: MAT_DIALOG_DATA }, { token: LookupsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
32453
|
-
ReAssignDailogboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ReAssignDailogboxComponent, selector: "lib-re-assign-dailogbox", viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(loadingLookups | async) \"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Re Assign
|
|
32549
|
+
ReAssignDailogboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ReAssignDailogboxComponent, selector: "lib-re-assign-dailogbox", viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(loadingLookups | async) \"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Re Assign Responsible Program</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n \r\n <prutech-dynamic-forms *ngIf=\"elements\" (init)=\"initDynamicFormElements()\" [elements]=\"elements\" #dynamicForm>\r\n <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n <span *ngIf=\"control.touched || !control.pristine\">\r\n <span *ngIf=\"control.hasError('required')\">Required</span>\r\n <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n </prutech-dynamic-forms>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button\r\n color=\"primary\"\r\n (click)=\"closeModal(true)\"\r\n [disabled]=\"isDisabled\">SUBMIT\r\n </button>\r\n </div>\r\n </prutech-dialog-box>\r\n ", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i2$2.PtDynamicFormsComponent, selector: "prutech-dynamic-forms", inputs: ["formControls", "elements"], outputs: ["init"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.PtDynamicFormsErrorTemplateDirective, selector: "[tdDynamicFormsError]ng-template", inputs: ["tdDynamicFormsError"] }], pipes: { "async": i4$1.AsyncPipe } });
|
|
32454
32550
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ReAssignDailogboxComponent, decorators: [{
|
|
32455
32551
|
type: Component,
|
|
32456
|
-
args: [{ selector: 'lib-re-assign-dailogbox', template: "<prutech-loader *ngIf=\"(loadingLookups | async) \"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Re Assign
|
|
32552
|
+
args: [{ selector: 'lib-re-assign-dailogbox', template: "<prutech-loader *ngIf=\"(loadingLookups | async) \"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Re Assign Responsible Program</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n \r\n <prutech-dynamic-forms *ngIf=\"elements\" (init)=\"initDynamicFormElements()\" [elements]=\"elements\" #dynamicForm>\r\n <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n <span *ngIf=\"control.touched || !control.pristine\">\r\n <span *ngIf=\"control.hasError('required')\">Required</span>\r\n <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n </prutech-dynamic-forms>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n <button mat-flat-button\r\n color=\"primary\"\r\n (click)=\"closeModal(true)\"\r\n [disabled]=\"isDisabled\">SUBMIT\r\n </button>\r\n </div>\r\n </prutech-dialog-box>\r\n ", styles: [""] }]
|
|
32457
32553
|
}], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: i2$2.PtDynamicFormsService }, { type: undefined, decorators: [{
|
|
32458
32554
|
type: Inject,
|
|
32459
32555
|
args: [MAT_DIALOG_DATA]
|