Skip to content

Commit

Permalink
fix(responders): component format
Browse files Browse the repository at this point in the history
  • Loading branch information
@ytqsl
ytqsl committed Mar 28, 2024
1 parent 4a06527 commit 656598b
Showing 1 changed file with 152 additions and 139 deletions.
291 changes: 152 additions & 139 deletions ...ture-components/wizard/ess-file-components/ess-file-review/ess-file-review.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,6 @@
{{ insuranceDisplay }}
</div>
</div>

</div>
</div>
</div>
Expand Down Expand Up @@ -222,161 +221,175 @@
</div>
</div>

<div class="row">
<div class="col-12">
<div class="review-panel data-panel">

<div class="row">
<div class="col-4">Pets?</div>
<div class="col-8 bold">
{{ stepEssFileService?.havePets ? stepEssFileService?.havePets : "No" }}
<div class="col-12">
<div class="review-panel data-panel">
<div class="row">
<div class="col-4">Pets?</div>
<div class="col-8 bold">
{{
stepEssFileService?.havePets
? stepEssFileService?.havePets
: 'No'
}}
</div>
</div>

<div
class="row"
*ngIf="stepEssFileService?.petsList?.length > 0"
>
<div class="col-8">
<mat-table
class="bottom-space"
[dataSource]="stepEssFileService?.petsList"
>
<ng-container matColumnDef="type">
<mat-header-cell *matHeaderCellDef
>Pet Type</mat-header-cell
>
<mat-cell
[ngClass]="
element.type.length >= 40 ? 'wrapText' : ''
"
*matCellDef="let element"
>
<span class="mobile-label">Pet Type:</span>
{{ element.type }}
</mat-cell>
</ng-container>

<ng-container matColumnDef="quantity">
<mat-header-cell *matHeaderCellDef>
Number
</mat-header-cell>
<mat-cell *matCellDef="let element">
<span class="mobile-label">Number:</span>
{{ element.quantity }}
</mat-cell>
</ng-container>

<mat-header-row
*matHeaderRowDef="petColumns"
></mat-header-row>
<mat-row
*matRowDef="let row; columns: petColumns"
></mat-row>
</mat-table>
</div>
</div>
</div>
</div>
</div>

<div class="row" *ngIf="stepEssFileService?.petsList?.length > 0">
<div class="col-8">
<mat-table
class="bottom-space"
[dataSource]="stepEssFileService?.petsList"
>
<ng-container matColumnDef="type">
<mat-header-cell *matHeaderCellDef
>Pet Type</mat-header-cell
>
<mat-cell
[ngClass]="element.type.length >= 40 ? 'wrapText' : ''"
*matCellDef="let element"
>
<span class="mobile-label">Pet Type:</span>
{{ element.type }}
</mat-cell>
</ng-container>

<ng-container matColumnDef="quantity">
<mat-header-cell *matHeaderCellDef>
Number
</mat-header-cell>
<mat-cell *matCellDef="let element">
<span class="mobile-label">Number:</span>
{{ element.quantity }}
</mat-cell>
</ng-container>

<mat-header-row
*matHeaderRowDef="petColumns"
></mat-header-row>
<mat-row *matRowDef="let row; columns: petColumns"></mat-row>
</mat-table>
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-12">
<div class="review-panel data-panel">
<label class="tab-subtitle">Needs Assessment</label>
<p class="bold">Can evacuee provide?</p>
<div class="row">
<div class="col-4">Food</div>
<div class="col-8 bold">
{{ needsFoodDisplay }}
<div class="col-12">
<div class="review-panel data-panel">
<label class="tab-subtitle">Needs Assessment</label>
<p class="bold">Can evacuee provide?</p>
<div class="row">
<div class="col-4">Food</div>
<div class="col-8 bold">
{{ needsFoodDisplay }}
</div>
</div>

<div class="row">
<div class="col-4">Lodging</div>
<div class="col-8 bold">
{{ shelterOptionsDisplay }}
</div>
</div>

<div class="row">
<div class="col-4">Clothing</div>
<div class="col-8 bold">
{{ needsClothingDisplay }}
</div>
</div>

<div class="row">
<div class="col-4">Transportation</div>
<div class="col-8 bold">
{{ needsTransportationDisplay }}
</div>
</div>

<div class="row">
<div class="col-4">Incidentals</div>
<div class="col-8 bold">
{{ needsIncidentalsDisplay }}
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-4">Lodging</div>
<div class="col-8 bold">
{{ shelterOptionsDisplay }}
<div *ngIf="!evacueeSessionService?.isPaperBased" class="row">
<div class="col-12">
<div class="review-panel data-panel">
<label class="tab-subtitle">Security Phrase</label>

<div
class="row"
*ngIf="
wizardType === 'new-ess-file' &&
stepEssFileService?.bypassPhrase
"
>
<div class="col-8">
<mat-checkbox [checked]="true" [disabled]="true">
Bypass security phrase for manual entry of paper ESS
file.
</mat-checkbox>
</div>
</div>

<div
class="row"
*ngIf="
!stepEssFileService?.bypassPhrase ||
wizardType !== 'new-ess-file'
"
>
<div class="col-4">Security Phrase</div>
<div class="col-8 bold">
{{ stepEssFileService?.securityPhrase | maskText }}
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-4">Clothing</div>
<div class="col-8 bold">
{{ needsClothingDisplay }}
</div>
</div>

<div class="row">
<div class="col-4">Transportation</div>
<div class="col-8 bold">
{{ needsTransportationDisplay }}
</div>
</div>

<div class="row">
<div class="col-4">Incidentals</div>
<div class="col-8 bold">
{{ needsIncidentalsDisplay }}
</div>
</div>
</div>
</div>
</div>

<div *ngIf="!evacueeSessionService?.isPaperBased" class="row">
<div class="col-12">
<div class="review-panel data-panel">
<label class="tab-subtitle">Security Phrase</label>

<div
class="row"
*ngIf="
wizardType === 'new-ess-file' &&
stepEssFileService?.bypassPhrase
"
>
<div class="col-8">
<mat-checkbox [checked]="true" [disabled]="true">
Bypass security phrase for manual entry of paper ESS file.
</mat-checkbox>
</div>
</div>

<div
class="row"
*ngIf="
!stepEssFileService?.bypassPhrase ||
wizardType !== 'new-ess-file'
"
>
<div class="col-4">Security Phrase</div>
<div class="col-8 bold">
{{ stepEssFileService?.securityPhrase | maskText }}
<div class="col-12 nav-buttons">
<button class="button-s back" mat-button (click)="back()">
Back
</button>

<button
class="button-p save"
mat-stroked-button
(click)="save()"
[disabled]="saveLoader || disableButton"
>
Save ESS File
<app-loader
style="
display: inline-flex;
justify-content: center;
align-items: center;
"
[strokeWidth]="3"
[diameter]="20"
[showLoader]="saveLoader"
></app-loader>
</button>
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-12 nav-buttons">
<button class="button-s back" mat-button (click)="back()">
Back
</button>

<button
class="button-p save"
mat-stroked-button
(click)="save()"
[disabled]="saveLoader || disableButton"
>
Save ESS File
<app-loader
style="
display: inline-flex;
justify-content: center;
align-items: center;
"
[strokeWidth]="3"
[diameter]="20"
[showLoader]="saveLoader"
></app-loader>
</button>
</div>
</div>
</div>
</div>
</div>

0 comments on commit 656598b

Please sign in to comment.