Layer detail refactor
This commit is contained in:
@@ -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> </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>
|
||||
Reference in New Issue
Block a user