System views updated

This commit is contained in:
Jose Alberto Hernandez
2025-05-24 22:46:53 -05:00
parent 7ab980c2ba
commit 14c539a605
34 changed files with 291 additions and 237 deletions
@@ -1,108 +1,116 @@
<div class="container layout-row-wrap align-between responsive-column gap-4percent">
<div class="flex-46">
<mat-card>
<mat-card-content>
<div class="layout-row-wrap">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.ID' | translate }}
</div>
<div class="container layout-row align-between responsive-column">
<mat-card class="flex-100">
<mat-card-content class="flex-100">
<div class="layout-row flex-100">
<div class="flex-46">
<div class="layout-row-wrap">
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.ID' | translate }}
</div>
<div class="flex-50">
{{ auditTrailData.id }}
</div>
<div class="flex-50">
{{ auditTrailData.id }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Status' | translate }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Status' | translate }}
</div>
<div class="flex-50">
{{ auditTrailData.processingResult }}
</div>
<div class="flex-50">
{{ auditTrailData.processingResult }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.User' | translate }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.User' | translate }}
</div>
<div class="flex-50">
{{ auditTrailData.maker }}
</div>
<div class="flex-50">
{{ auditTrailData.maker }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Action' | translate }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Action' | translate }}
</div>
<div class="flex-50">
{{ auditTrailData.actionName }}
</div>
<div class="flex-50">
{{ auditTrailData.actionName }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Entity' | translate }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Entity' | translate }}
</div>
<div class="flex-50">
{{ auditTrailData.entityName }}
</div>
<div class="flex-50">
{{ auditTrailData.entityName }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Resource ID' | translate }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Resource ID' | translate }}
</div>
<div class="flex-50">
{{ auditTrailData.resourceId }}
</div>
<div class="flex-50">
{{ auditTrailData.resourceId }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Date' | translate }}
</div>
<div class="flex-50 mat-body-strong">
{{ 'labels.inputs.Date' | translate }}
</div>
<div class="flex-50">
{{ auditTrailData.madeOnDate | dateFormat }}
</div>
<div class="flex-50">
{{ auditTrailData.madeOnDate | dateFormat }}
</div>
<div class="flex-50 mat-body-strong" *ngIf="auditTrailData.officeName">
{{ 'labels.inputs.Office' | translate }}
</div>
<div class="flex-50 mat-body-strong" *ngIf="auditTrailData.officeName">
{{ 'labels.inputs.Office' | translate }}
</div>
<div class="flex-50" *ngIf="auditTrailData.officeName">
{{ auditTrailData.officeName }}
</div>
<div class="flex-50" *ngIf="auditTrailData.officeName">
{{ auditTrailData.officeName }}
</div>
<div class="flex-50 mat-body-strong" *ngIf="auditTrailData.savingsAccountNo">
{{ 'labels.inputs.Savings Account No' | translate }}
</div>
<div class="flex-50 mat-body-strong" *ngIf="auditTrailData.savingsAccountNo">
{{ 'labels.inputs.Savings Account No' | translate }}
</div>
<div class="flex-50" *ngIf="auditTrailData.savingsAccountNo">
{{ auditTrailData.savingsAccountNo }}
</div>
<div class="flex-50" *ngIf="auditTrailData.savingsAccountNo">
{{ auditTrailData.savingsAccountNo }}
</div>
<div class="flex-50 mat-body-strong" *ngIf="auditTrailData.groupLevelName">
{{ 'labels.inputs.Group Level' | translate }}
</div>
<div class="flex-50 mat-body-strong" *ngIf="auditTrailData.groupLevelName">
{{ 'labels.inputs.Group Level' | translate }}
</div>
<div class="flex-50" *ngIf="auditTrailData.groupLevelName">
{{ auditTrailData.groupLevelName }}
<div class="flex-50" *ngIf="auditTrailData.groupLevelName">
{{ auditTrailData.groupLevelName }}
</div>
</div>
</div>
</mat-card-content>
</mat-card>
</div>
<div class="flex-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>
</ng-container>
<div class="flex-46 command">
<table mat-table [dataSource]="dataSource" class="command-table" 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>
</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>
</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>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
</div>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
</div>
</div>
<div class="layout-row layout-align-center m-t-20 column-on-mobile">
<button type="button" mat-raised-button color="primary" [routerLink]="['../']">
{{ 'labels.buttons.Back' | translate }}
</button>
</div>
</mat-card-content>
</mat-card>
</div>