@prutech/compliance 1.0.225 → 1.0.226
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2020/lib/pre-conciliation-work-list/components/review-details-dialog/review-details-dialog.component.mjs +14 -9
- package/esm2020/lib/pre-conciliation-work-list/models/review-details.model.mjs +4 -3
- package/fesm2015/prutech-compliance.mjs +35 -29
- package/fesm2015/prutech-compliance.mjs.map +1 -1
- package/fesm2020/prutech-compliance.mjs +35 -29
- package/fesm2020/prutech-compliance.mjs.map +1 -1
- package/lib/pre-conciliation-work-list/components/review-details-dialog/review-details-dialog.component.d.ts +4 -1
- package/lib/pre-conciliation-work-list/models/review-details.model.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Inject, Component,
|
|
2
|
+
import { Injectable, Inject, Component, ChangeDetectionStrategy, Input, NgModule, ViewChild, Pipe, EventEmitter, Output } from '@angular/core';
|
|
3
3
|
import * as i4$1 from '@angular/common';
|
|
4
4
|
import { CommonModule, DatePipe } from '@angular/common';
|
|
5
5
|
import * as i7 from '@angular/forms';
|
|
@@ -15,7 +15,7 @@ import { createFeatureSelector, createSelector, select, StoreModule } from '@ngr
|
|
|
15
15
|
import * as i5$1 from '@prutech/identity-client';
|
|
16
16
|
import { ApiInterceptorService } from '@prutech/identity-client';
|
|
17
17
|
import * as i2$2 from '@prutech/components';
|
|
18
|
-
import { Lookup, SeamsHttpResponse, handleSuccess, handleLoadFail,
|
|
18
|
+
import { Lookup, SeamsHttpResponse, handleSuccess, handleLoadFail, AbstractComponent, PtDynamicElement, ClientServicesScreenComponent, CoreModule, DynamicFormsModule, TabsModule, ContextMenuComponent as ContextMenuComponent$3, AgGridComponent, invalidPhoneNumber, invalidEmail, NgxMaskModule, PtDynamicType, SignatureModalComponent, SignatureService, AssessmentQuestion } from '@prutech/components';
|
|
19
19
|
import { assign, get, map, toString, isNil, filter, find, toNumber, split, trim, set, mapValues, concat, isEmpty, isEqual, includes, last, first, has, forEach, cloneDeep, head, nth, chain, reduce, sortBy, invoke, keys, keyBy, size, isNumber, sum, values, some, isNaN, range, join, compact, uniqBy, flatMap, floor, padStart } from 'lodash';
|
|
20
20
|
import { createEntityAdapter } from '@ngrx/entity';
|
|
21
21
|
import { __decorate } from 'tslib';
|
|
@@ -269,8 +269,8 @@ class ReviewDetails {
|
|
|
269
269
|
this.carFare = get(data, 'carFare');
|
|
270
270
|
this.householdSize = get(data, 'householdSize');
|
|
271
271
|
this.shelterType = get(data, 'shelterType');
|
|
272
|
-
this.snapEsCode = get(data, '
|
|
273
|
-
this.wmsOffice = get(data, '
|
|
272
|
+
this.snapEsCode = get(data, 'snapESCodes');
|
|
273
|
+
this.wmsOffice = get(data, 'wmSoffice');
|
|
274
274
|
this.mailingAddress = get(data, 'mailingAddress');
|
|
275
275
|
this.assignmentType = get(data, 'assignmentType');
|
|
276
276
|
this.assignmentSite = get(data, 'assignmentSite');
|
|
@@ -280,6 +280,7 @@ class ReviewDetails {
|
|
|
280
280
|
this.appointmentSite = get(data, 'appointmentSite');
|
|
281
281
|
this.appointmentInfractionDate = get(data, 'appointmentInfractionDate');
|
|
282
282
|
this.appointmentInfractionType = get(data, 'appointmentInfractionType');
|
|
283
|
+
this.raDetails = get(data, 'raDetails');
|
|
283
284
|
}
|
|
284
285
|
}
|
|
285
286
|
|
|
@@ -518,32 +519,13 @@ const momentDateTimeFormat = 'MM/DD/YYYY HH:mm:ss';
|
|
|
518
519
|
const dateTimePipeFormat = 'MM/dd/yyyy HH:mm:ss';
|
|
519
520
|
const timeFormat$1 = 'HH:mm';
|
|
520
521
|
|
|
521
|
-
class RarModalComponent {
|
|
522
|
-
constructor(dialog) {
|
|
523
|
-
this.dialog = dialog;
|
|
524
|
-
}
|
|
525
|
-
openModal() {
|
|
526
|
-
this.dialog.open(ClientServicesScreenComponent, {
|
|
527
|
-
width: '60%',
|
|
528
|
-
data: this.caseId,
|
|
529
|
-
});
|
|
530
|
-
}
|
|
531
|
-
}
|
|
532
|
-
RarModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RarModalComponent, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
533
|
-
RarModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: RarModalComponent, selector: "prutech-rar-modal", inputs: { caseId: "caseId" }, ngImport: i0, template: "<button mat-button color=\"primary\" (click)=\"openModal()\">RAR Information</button>\r\n", styles: [""], components: [{ 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"] }] });
|
|
534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RarModalComponent, decorators: [{
|
|
535
|
-
type: Component,
|
|
536
|
-
args: [{ selector: 'prutech-rar-modal', template: "<button mat-button color=\"primary\" (click)=\"openModal()\">RAR Information</button>\r\n", styles: [""] }]
|
|
537
|
-
}], ctorParameters: function () { return [{ type: i1$1.MatDialog }]; }, propDecorators: { caseId: [{
|
|
538
|
-
type: Input
|
|
539
|
-
}] } });
|
|
540
|
-
|
|
541
522
|
class ReviewDetailsDialogComponent extends AbstractComponent {
|
|
542
|
-
constructor(dialogRef, preConciliationWorkListService,
|
|
523
|
+
constructor(dialogRef, router, preConciliationWorkListService,
|
|
543
524
|
// tslint:disable-next-line:no-any
|
|
544
525
|
data) {
|
|
545
526
|
super();
|
|
546
527
|
this.dialogRef = dialogRef;
|
|
528
|
+
this.router = router;
|
|
547
529
|
this.preConciliationWorkListService = preConciliationWorkListService;
|
|
548
530
|
this.data = data;
|
|
549
531
|
this.dateFormat = datePipeFormat;
|
|
@@ -568,13 +550,17 @@ class ReviewDetailsDialogComponent extends AbstractComponent {
|
|
|
568
550
|
hasAppointmentInfo() {
|
|
569
551
|
return !!get(this.data, 'appointmentId');
|
|
570
552
|
}
|
|
553
|
+
navigateToFia3a() {
|
|
554
|
+
this.router.navigate(['fia3a/' + this.reviewDetails.caseId]);
|
|
555
|
+
this.dialogRef.close();
|
|
556
|
+
}
|
|
571
557
|
}
|
|
572
|
-
ReviewDetailsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ReviewDetailsDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: PreConciliationWorkListService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
573
|
-
ReviewDetailsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ReviewDetailsDialogComponent, selector: "prutech-review-details-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(loading | async)\"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Review Details</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n <!-- left -->\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case #</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.wmsCaseNumber }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">First Name</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.firstName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Last Name</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.lastName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Date of Birth</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.dob | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Local Office</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.localOffice }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Household Size</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.householdSize }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Shelter Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.shelterType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.caseStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.caseType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">CA ES Code</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.esCode }}</div>\r\n </div>\r\n <ng-template [ngIf]=\"hasAssignmentInfo()\">\r\n <ng-container *ngTemplateOutlet=\"assignment\"></ng-container>\r\n </ng-template>\r\n <ng-template [ngIf]=\"hasAppointmentInfo()\">\r\n <ng-container *ngTemplateOutlet=\"appointment\"></ng-container>\r\n </ng-template>\r\n </div>\r\n <!-- middle -->\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">SNAP ES Code</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.snapEsCode }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Individual Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.individualStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Office</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.wmsOffice }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Form Language</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.language }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Residential Address</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.residentialAddress }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Mailing Address</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.mailingAddress }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Program Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.programStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">FFR Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.nextFFR | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Child Care</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.childCare }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Car Fare</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.carFare }}</div>\r\n </div>\r\n </div>\r\n <!-- right-->\r\n <div fxFlex=\"20%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <div *ngIf=\"!!reviewDetails?.caseId\">\r\n <prutech-rar-modal [caseId]=\"reviewDetails?.caseId\"></prutech-rar-modal>\r\n </div>\r\n <button mat-button color=\"primary\">FIA3A</button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal()\">EXIT</button>\r\n </div>\r\n</prutech-dialog-box>\r\n\r\n<ng-template #assignment>\r\n <div class=\"sub-title-header\">Assignment Information</div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Assignment Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Assignment Site</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentSite }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionDate | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionType }}</div>\r\n </div>\r\n</ng-template>\r\n<ng-template #appointment>\r\n <div class=\"sub-title-header\">Appointment Information</div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Appointment Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Appointment Site</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentSite }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionDate | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionType }}</div>\r\n </div>\r\n</ng-template>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: RarModalComponent, selector: "prutech-rar-modal", inputs: ["caseId"] }, { 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: 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: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i4$1.AsyncPipe, "date": i4$1.DatePipe } });
|
|
558
|
+
ReviewDetailsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ReviewDetailsDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i1$2.Router }, { token: PreConciliationWorkListService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
559
|
+
ReviewDetailsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ReviewDetailsDialogComponent, selector: "prutech-review-details-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(loading | async)\"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Review Details</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n <!-- left -->\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case #</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.wmsCaseNumber }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">First Name</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.firstName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Last Name</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.lastName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Date of Birth</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.dob | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Local Office</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.localOffice }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Household Size</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.householdSize }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Shelter Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.shelterType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.caseStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.caseType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">CA ES Code</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.esCode }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">RAR Information</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.raDetails }}</div>\r\n </div>\r\n <ng-template [ngIf]=\"hasAssignmentInfo()\">\r\n <ng-container *ngTemplateOutlet=\"assignment\"></ng-container>\r\n </ng-template>\r\n <ng-template [ngIf]=\"hasAppointmentInfo()\">\r\n <ng-container *ngTemplateOutlet=\"appointment\"></ng-container>\r\n </ng-template>\r\n </div>\r\n <!-- middle -->\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">SNAP ES Code</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.snapEsCode }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Individual Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.individualStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Office</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.wmsOffice }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Form Language</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.language }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Residential Address</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.residentialAddress }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Mailing Address</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.mailingAddress }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Program Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.programStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">FFR Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.nextFFR | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Child Care</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.childCare }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Car Fare</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.carFare }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Income</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.income }}</div>\r\n </div>\r\n </div>\r\n <!-- right-->\r\n <div fxFlex=\"20%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <!-- <div *ngIf=\"!!reviewDetails?.caseId\">\r\n <prutech-rar-modal [caseId]=\"reviewDetails?.caseId\"></prutech-rar-modal>\r\n </div> -->\r\n <button mat-button color=\"primary\" (click)=\"navigateToFia3a()\">FIA3A</button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal()\">EXIT</button>\r\n </div>\r\n</prutech-dialog-box>\r\n\r\n<ng-template #assignment>\r\n <div class=\"sub-title-header\">Assignment Information</div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Assignment Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Assignment Site</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentSite }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionDate | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionType }}</div>\r\n </div>\r\n</ng-template>\r\n<ng-template #appointment>\r\n <div class=\"sub-title-header\">Appointment Information</div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Appointment Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Appointment Site</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentSite }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionDate | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionType }}</div>\r\n </div>\r\n</ng-template>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { 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"] }], 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: 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: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i4$1.AsyncPipe, "date": i4$1.DatePipe } });
|
|
574
560
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ReviewDetailsDialogComponent, decorators: [{
|
|
575
561
|
type: Component,
|
|
576
|
-
args: [{ selector: 'prutech-review-details-dialog', template: "<prutech-loader *ngIf=\"(loading | async)\"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Review Details</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n <!-- left -->\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case #</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.wmsCaseNumber }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">First Name</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.firstName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Last Name</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.lastName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Date of Birth</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.dob | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Local Office</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.localOffice }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Household Size</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.householdSize }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Shelter Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.shelterType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.caseStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.caseType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">CA ES Code</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.esCode }}</div>\r\n </div>\r\n <ng-template [ngIf]=\"hasAssignmentInfo()\">\r\n <ng-container *ngTemplateOutlet=\"assignment\"></ng-container>\r\n </ng-template>\r\n <ng-template [ngIf]=\"hasAppointmentInfo()\">\r\n <ng-container *ngTemplateOutlet=\"appointment\"></ng-container>\r\n </ng-template>\r\n </div>\r\n <!-- middle -->\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">SNAP ES Code</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.snapEsCode }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Individual Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.individualStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Office</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.wmsOffice }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Form Language</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.language }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Residential Address</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.residentialAddress }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Mailing Address</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.mailingAddress }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Program Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.programStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">FFR Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.nextFFR | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Child Care</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.childCare }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Car Fare</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.carFare }}</div>\r\n </div>\r\n </div>\r\n <!-- right-->\r\n <div fxFlex=\"20%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <div *ngIf=\"!!reviewDetails?.caseId\">\r\n <prutech-rar-modal [caseId]=\"reviewDetails?.caseId\"></prutech-rar-modal>\r\n </div
|
|
577
|
-
}], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: PreConciliationWorkListService }, { type: undefined, decorators: [{
|
|
562
|
+
args: [{ selector: 'prutech-review-details-dialog', template: "<prutech-loader *ngIf=\"(loading | async)\"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n <div class=\"header\">Review Details</div>\r\n <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n <!-- left -->\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case #</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.wmsCaseNumber }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">First Name</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.firstName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Last Name</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.lastName }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Date of Birth</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.dob | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Local Office</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.localOffice }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Household Size</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.householdSize }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Shelter Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.shelterType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.caseStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Case Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.caseType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">CA ES Code</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.esCode }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">RAR Information</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.raDetails }}</div>\r\n </div>\r\n <ng-template [ngIf]=\"hasAssignmentInfo()\">\r\n <ng-container *ngTemplateOutlet=\"assignment\"></ng-container>\r\n </ng-template>\r\n <ng-template [ngIf]=\"hasAppointmentInfo()\">\r\n <ng-container *ngTemplateOutlet=\"appointment\"></ng-container>\r\n </ng-template>\r\n </div>\r\n <!-- middle -->\r\n <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">SNAP ES Code</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.snapEsCode }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Individual Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.individualStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">WMS Office</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.wmsOffice }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Form Language</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.language }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Residential Address</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.residentialAddress }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Mailing Address</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.mailingAddress }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Program Status</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.programStatus }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">FFR Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.nextFFR | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Child Care</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.childCare }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Car Fare</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.carFare }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Income</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.income }}</div>\r\n </div>\r\n </div>\r\n <!-- right-->\r\n <div fxFlex=\"20%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n <!-- <div *ngIf=\"!!reviewDetails?.caseId\">\r\n <prutech-rar-modal [caseId]=\"reviewDetails?.caseId\"></prutech-rar-modal>\r\n </div> -->\r\n <button mat-button color=\"primary\" (click)=\"navigateToFia3a()\">FIA3A</button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dialogboxfooter\">\r\n <button mat-flat-button (click)=\"closeModal()\">EXIT</button>\r\n </div>\r\n</prutech-dialog-box>\r\n\r\n<ng-template #assignment>\r\n <div class=\"sub-title-header\">Assignment Information</div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Assignment Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Assignment Site</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentSite }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionDate | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionType }}</div>\r\n </div>\r\n</ng-template>\r\n<ng-template #appointment>\r\n <div class=\"sub-title-header\">Appointment Information</div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Appointment Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentType }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Appointment Site</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentSite }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionDate | date: dateFormat }}</div>\r\n </div>\r\n <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionType }}</div>\r\n </div>\r\n</ng-template>\r\n", styles: [""] }]
|
|
563
|
+
}], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: i1$2.Router }, { type: PreConciliationWorkListService }, { type: undefined, decorators: [{
|
|
578
564
|
type: Inject,
|
|
579
565
|
args: [MAT_DIALOG_DATA]
|
|
580
566
|
}] }]; } });
|
|
@@ -1372,6 +1358,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
1372
1358
|
args: [MAT_DIALOG_DATA]
|
|
1373
1359
|
}] }]; } });
|
|
1374
1360
|
|
|
1361
|
+
class RarModalComponent {
|
|
1362
|
+
constructor(dialog) {
|
|
1363
|
+
this.dialog = dialog;
|
|
1364
|
+
}
|
|
1365
|
+
openModal() {
|
|
1366
|
+
this.dialog.open(ClientServicesScreenComponent, {
|
|
1367
|
+
width: '60%',
|
|
1368
|
+
data: this.caseId,
|
|
1369
|
+
});
|
|
1370
|
+
}
|
|
1371
|
+
}
|
|
1372
|
+
RarModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RarModalComponent, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
1373
|
+
RarModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: RarModalComponent, selector: "prutech-rar-modal", inputs: { caseId: "caseId" }, ngImport: i0, template: "<button mat-button color=\"primary\" (click)=\"openModal()\">RAR Information</button>\r\n", styles: [""], components: [{ 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"] }] });
|
|
1374
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RarModalComponent, decorators: [{
|
|
1375
|
+
type: Component,
|
|
1376
|
+
args: [{ selector: 'prutech-rar-modal', template: "<button mat-button color=\"primary\" (click)=\"openModal()\">RAR Information</button>\r\n", styles: [""] }]
|
|
1377
|
+
}], ctorParameters: function () { return [{ type: i1$1.MatDialog }]; }, propDecorators: { caseId: [{
|
|
1378
|
+
type: Input
|
|
1379
|
+
}] } });
|
|
1380
|
+
|
|
1375
1381
|
const goodCauseActionFormModel = {
|
|
1376
1382
|
editTemplate: [
|
|
1377
1383
|
{
|