DiunaBI/Frontend/src/app/modules/layers/layer-detail/layer-detail.component.html

<form [formGroup]="form" novalidate *ngIf="document">
  <mat-card>
    <mat-card-header>
      Layer details
    </mat-card-header>
    <mat-card-content>
      <div class="row">
        <div class="col">
          <mat-form-field class="full-width" appearance="outline">
            <mat-label>Name</mat-label>
            <input matInput formControlName="name">
          </mat-form-field>
        </div>
        <div class="col">
          <mat-form-field class="full-width" appearance="outline">
            <mat-label>Source</mat-label>
            <input matInput formControlName="source">
          </mat-form-field>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <mat-form-field class="full-width" appearance="outline">
            <mat-label>Created</mat-label>
            <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">
        <ng-container matColumnDef="code">
          <mat-header-cell *matHeaderCellDef mat-sort-header>Code</mat-header-cell>
          <mat-cell *matCellDef="let item">{{item.code}}</mat-cell>
        </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>
            -->
        </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>

    </mat-card-content>
  </mat-card>
</form>