Layer detail refactor

This commit is contained in:
Michał Zieliński
2023-08-22 21:13:47 +02:00
parent dd64b34fa3
commit d019189ec1
6 changed files with 33 additions and 44 deletions

View File

@@ -1,7 +1,8 @@
<form [formGroup]="form" novalidate *ngIf="document">
<form [formGroup]="form" novalidate>
<mat-card>
<mat-card-header>
Layer details
<mat-card-title>Layer details</mat-card-title>
<mat-card-subtitle>&nbsp;</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
<div class="row">
@@ -22,39 +23,29 @@
<div class="col">
<mat-form-field class="full-width" appearance="outline">
<mat-label>Created</mat-label>
<input matInput disabled [value]="document.created">
<input matInput disabled [value]="document?.created">
</mat-form-field>
</div>
<div class="col"></div>
</div>
<mat-table #table [dataSource]="dataSource" [trackBy]="trackByUid" matSort class="animate">
<table mat-table [dataSource]="dataSource" matSort matSortActive="code" matSortDisableClear matSortDirection="desc">
<!-- ID Column -->
<ng-container matColumnDef="code">
<mat-header-cell *matHeaderCellDef mat-sort-header>Code</mat-header-cell>
<mat-cell *matCellDef="let item">{{item.code}}</mat-cell>
<th mat-header-cell *matHeaderCellDef mat-sort-header>Code</th>
<td mat-cell *matCellDef="let row"> {{row.code}} </td>
</ng-container>
<ng-container matColumnDef="value">
<mat-header-cell *matHeaderCellDef mat-sort-header>Value1</mat-header-cell>
<mat-cell *matCellDef="let item">{{item.value1 | number:'1.2-2'}}</mat-cell>
<!--
<td mat-footer-cell *matFooterCellDef>Checksum: {{valueSum}}</td>
-->
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value1</th>
<td mat-cell *matCellDef="let row"> {{row.value1 | number:'1.2-2'}} </td>
</ng-container>
<ng-container matColumnDef="desc1">
<mat-header-cell *matHeaderCellDef mat-sort-header>Account</mat-header-cell>
<mat-cell *matCellDef="let item">{{item.desc1}}</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let item; columns: displayedColumns;"></mat-row>
<!--
<tr mat-footer-row *matFooterRowDef="displayedColumns"></tr>
-->
</mat-table>
<tr mat-header-row *matHeaderRowDef="displayedColumns, sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<br>
{{valueSum}}
</mat-card-content>
</mat-card>
</form>