CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

build: Use prettier for html

Browse Source 
Stop ignoring html files in prettier and fix existing issues.
This commit is contained in:
Ralph Hopman
2024-12-19 09:36:50 +01:00
committed by Adam Saghy
parent c5fc3925fb
commit 2ec9ba81d6
651 changed files with 28935 additions and 20624 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/system/audit-trails/audit-trails.component.html
+65 -53
View File
@@ -1,80 +1,92 @@
<div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
<button mat-raised-button color="primary" (click)="downloadCSV()">
<fa-icon icon="file" class="m-r-10"></fa-icon>
{{'labels.buttons.Download CSV' | translate}}
{{ 'labels.buttons.Download CSV' | translate }}
</button>
</div>
<div class="container" fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
<mat-form-field fxFlex="48%">
<mat-label>{{'labels.inputs.Resource ID' | translate}}</mat-label>
<input matInput [formControl]="resourceId">
<mat-label>{{ 'labels.inputs.Resource ID' | translate }}</mat-label>
<input matInput [formControl]="resourceId" />
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-label>{{'labels.inputs.Status' | translate}}</mat-label>
<mat-label>{{ 'labels.inputs.Status' | translate }}</mat-label>
<mat-select [formControl]="processingResult" (selectionChange)="applyFilter($event.value, 'processingResult')">
<mat-option *ngFor="let processingResult of auditTrailSearchTemplateData.processingResults" [value]="processingResult.id">
<mat-option
*ngFor="let processingResult of auditTrailSearchTemplateData.processingResults"
[value]="processingResult.id"
>
{{ processingResult.processingResult }}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-label>{{'labels.inputs.User' | translate}}</mat-label>
<input matInput [formControl]="user" [matAutocomplete]="userNameAutocomplete">
<mat-label>{{ 'labels.inputs.User' | translate }}</mat-label>
<input matInput [formControl]="user" [matAutocomplete]="userNameAutocomplete" />
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-label>{{'labels.inputs.Action' | translate}}</mat-label>
<input matInput [formControl]="actionName" [matAutocomplete]="actionNameAutocomplete">
<mat-label>{{ 'labels.inputs.Action' | translate }}</mat-label>
<input matInput [formControl]="actionName" [matAutocomplete]="actionNameAutocomplete" />
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-label>{{'labels.inputs.Entity' | translate}}</mat-label>
<input matInput [formControl]="entityName" [matAutocomplete]="entityNameAutocomplete">
<mat-label>{{ 'labels.inputs.Entity' | translate }}</mat-label>
<input matInput [formControl]="entityName" [matAutocomplete]="entityNameAutocomplete" />
</mat-form-field>
<mat-form-field fxFlex="48%">
<mat-label>{{'labels.inputs.Checker' | translate}}</mat-label>
<input matInput [formControl]="checker" [matAutocomplete]="checkerAutocomplete">
<mat-label>{{ 'labels.inputs.Checker' | translate }}</mat-label>
<input matInput [formControl]="checker" [matAutocomplete]="checkerAutocomplete" />
</mat-form-field>
<mat-form-field fxFlex="48%" (click)="fromDatePicker.open()">
<mat-label>{{'labels.inputs.Maker From Date' | translate}}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" [formControl]="fromDate">
<mat-label>{{ 'labels.inputs.Maker From Date' | translate }}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" [formControl]="fromDate" />
<mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
<mat-datepicker #fromDatePicker></mat-datepicker>
</mat-form-field>
<mat-form-field fxFlex="48%" (click)="toDatePicker.open()">
<mat-label>{{'labels.inputs.Maker To Date' | translate}}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" [formControl]="toDate">
<mat-label>{{ 'labels.inputs.Maker To Date' | translate }}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" [formControl]="toDate" />
<mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
<mat-datepicker #toDatePicker></mat-datepicker>
</mat-form-field>
<mat-form-field fxFlex="48%" (click)="checkedFromDatePicker.open()">
<mat-label>{{'labels.inputs.Checker From Date' | translate}}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="checkedFromDatePicker"
[formControl]="checkedFromDate">
<mat-label>{{ 'labels.inputs.Checker From Date' | translate }}</mat-label>
<input
matInput
[min]="minDate"
[max]="maxDate"
[matDatepicker]="checkedFromDatePicker"
[formControl]="checkedFromDate"
/>
<mat-datepicker-toggle matSuffix [for]="checkedFromDatePicker"></mat-datepicker-toggle>
<mat-datepicker #checkedFromDatePicker></mat-datepicker>
</mat-form-field>
<mat-form-field fxFlex="48%" (click)="checkedToDatePicker.open()">
<mat-label>{{'labels.inputs.Checked To Date' | translate}}</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="checkedToDatePicker" [formControl]="checkedToDate">
<mat-label>{{ 'labels.inputs.Checked To Date' | translate }}</mat-label>
<input
matInput
[min]="minDate"
[max]="maxDate"
[matDatepicker]="checkedToDatePicker"
[formControl]="checkedToDate"
/>
<mat-datepicker-toggle matSuffix [for]="checkedToDatePicker"></mat-datepicker-toggle>
<mat-datepicker #checkedToDatePicker></mat-datepicker>
</mat-form-field>
</div>
<!-- Autocomplete data -->
<mat-autocomplete autoActiveFirstOption #userNameAutocomplete="matAutocomplete" [displayWith]="displayUserName">
<mat-option *ngFor="let user of filteredUserData | async " [value]="{ id: user.id, name: user.username }">
<mat-option *ngFor="let user of filteredUserData | async" [value]="{ id: user.id, name: user.username }">
{{ user.username }}
</mat-option>
</mat-autocomplete>
@@ -92,71 +104,71 @@
</mat-autocomplete>
<mat-autocomplete autoActiveFirstOption #checkerAutocomplete="matAutocomplete" [displayWith]="displayUserName">
<mat-option *ngFor="let user of filteredCheckerData | async " [value]="{ id: user.id, name: user.username }">
<mat-option *ngFor="let user of filteredCheckerData | async" [value]="{ id: user.id, name: user.username }">
{{ user.username }}
</mat-option>
</mat-autocomplete>
<div class="container mat-elevation-z8 table-container">
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Trail ID' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.id }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Trail ID' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.id }}</td>
</ng-container>
<ng-container matColumnDef="resourceId">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Resource ID' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.resourceId }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Resource ID' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.resourceId }}</td>
</ng-container>
<ng-container matColumnDef="processingResult">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Status' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.processingResult }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Status' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.processingResult }}</td>
</ng-container>
<ng-container matColumnDef="maker">
<th mat-header-cell *matHeaderCellDef mat-sort-header > {{'labels.inputs.Made By' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.maker }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Made By' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.maker }}</td>
</ng-container>
<ng-container matColumnDef="actionName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Action' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.actionName }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Action' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.actionName }}</td>
</ng-container>
<ng-container matColumnDef="entityName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Entity' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.entityName }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Entity' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.entityName }}</td>
</ng-container>
<ng-container matColumnDef="officeName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Office' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.officeName }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Office' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.officeName }}</td>
</ng-container>
<ng-container matColumnDef="madeOnDate">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Made Date' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.madeOnDate | dateFormat }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Made Date' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.madeOnDate | dateFormat }}</td>
</ng-container>
<ng-container matColumnDef="checker">
<th mat-header-cell *matHeaderCellDef mat-sort-header > {{'labels.inputs.Checker' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.checker }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Checker' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.checker }}</td>
</ng-container>
<ng-container matColumnDef="checkedOnDate">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Checked Date' | translate}} </th>
<td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.checkedOnDate | dateFormat }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Checked Date' | translate }}</th>
<td mat-cell *matCellDef="let auditTrail">{{ auditTrail.checkedOnDate | dateFormat }}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="[row.id]" class="select-row">
</tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns" [routerLink]="[row.id]" class="select-row"></tr>
</table>
<mat-paginator [length]="dataSource?.records$ | async" [pageSize]="10" [pageSizeOptions]="[10, 25, 50, 100]"
showFirstLastButtons></mat-paginator>
<mat-paginator
[length]="dataSource?.records$ | async"
[pageSize]="10"
[pageSizeOptions]="[10, 25, 50, 100]"
showFirstLastButtons
></mat-paginator>
</div>
src/app/system/audit-trails/view-audit/view-audit.component.html
+19 -31
View File
@@ -1,15 +1,10 @@
<div class="container" fxLayout="row" fxLayoutAlign="space-between" fxLayoutGap.lt-md="4%" fxLayout.lt-md="column">
<div class="container" fxLayout="row" fxLayoutAlign="space-between" fxLayoutGap.lt-md="4%" fxLayout.lt-md="column">
<div fxFlex="46%">
<mat-card>
<mat-card-content>
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.ID' | translate}}
{{ 'labels.inputs.ID' | translate }}
</div>
<div fxFlex="50%">
@@ -17,7 +12,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Status' | translate}}
{{ 'labels.inputs.Status' | translate }}
</div>
<div fxFlex="50%">
@@ -25,7 +20,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.User' | translate}}
{{ 'labels.inputs.User' | translate }}
</div>
<div fxFlex="50%">
@@ -33,7 +28,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Action' | translate}}
{{ 'labels.inputs.Action' | translate }}
</div>
<div fxFlex="50%">
@@ -41,7 +36,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Entity' | translate}}
{{ 'labels.inputs.Entity' | translate }}
</div>
<div fxFlex="50%">
@@ -49,7 +44,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Resource ID' | translate}}
{{ 'labels.inputs.Resource ID' | translate }}
</div>
<div fxFlex="50%">
@@ -57,15 +52,15 @@
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Date' | translate}}
{{ 'labels.inputs.Date' | translate }}
</div>
<div fxFlex="50%">
{{ auditTrailData.madeOnDate | dateFormat }}
{{ auditTrailData.madeOnDate | dateFormat }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="auditTrailData.officeName">
{{'labels.inputs.Office' | translate}}
{{ 'labels.inputs.Office' | translate }}
</div>
<div fxFlex="50%" *ngIf="auditTrailData.officeName">
@@ -73,7 +68,7 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="auditTrailData.savingsAccountNo">
{{'labels.inputs.Savings Account No' | translate}}
{{ 'labels.inputs.Savings Account No' | translate }}
</div>
<div fxFlex="50%" *ngIf="auditTrailData.savingsAccountNo">
@@ -81,40 +76,33 @@
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="auditTrailData.groupLevelName">
{{'labels.inputs.Group Level' | translate}}
{{ 'labels.inputs.Group Level' | translate }}
</div>
<div fxFlex="50%" *ngIf="auditTrailData.groupLevelName">
{{ auditTrailData.groupLevelName }}
</div>
</div>
</mat-card-content>
</mat-card>
</div>
<div fxFlex="46%">
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="command">
<th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Command' | translate}} </th>
<td mat-cell *matCellDef="let auditTrailCommand"> {{ auditTrailCommand.command }} </td>
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Command' | translate }}</th>
<td mat-cell *matCellDef="let auditTrailCommand">{{ auditTrailCommand.command }}</td>
</ng-container>
<ng-container matColumnDef="commandValue">
<th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Command Value' | translate}} </th>
<td mat-cell *matCellDef="let auditTrailCommand" class="column-value-wrapper"> {{ auditTrailCommand.commandValue }} </td>
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Command Value' | translate }}</th>
<td mat-cell *matCellDef="let auditTrailCommand" class="column-value-wrapper">
{{ auditTrailCommand.commandValue }}
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
</div>
</div>