Export excel sheer

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

@@ -1,7 +1,11 @@
 <form [formGroup]="form" novalidate>
   <mat-card>
-    <mat-card-header>
-      <mat-card-title>Layer details</mat-card-title>
+    <mat-card-header style="display: block;">
+      <mat-card-title style="display:flex">
+        Layer details
+        <span style="flex: 1;"></span>
+        <button mat-button (click)="export()">Export</button>
+      </mat-card-title>
       <mat-card-subtitle>&nbsp;</mat-card-subtitle>
     </mat-card-header>
     <mat-card-content>
@@ -21,15 +25,16 @@
       </div>
       <div class="row">
         <div class="col">
-          <mat-form-field class="full-width" appearance="outline">
+          <mat-form-field class="full-width" appearance="outline" *ngIf="document">
             <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>
 
-      <table mat-table [dataSource]="dataSource" matSort matSortActive="code" matSortDisableClear matSortDirection="desc">
+      <table mat-table [dataSource]="dataSource" matSort matSortActive="code" matSortDisableClear
+        matSortDirection="desc">
         <ng-container matColumnDef="code">
           <th mat-header-cell *matHeaderCellDef mat-sort-header>Code</th>
           <td mat-cell *matCellDef="let row"> {{row.code}} </td>
@@ -41,7 +46,7 @@
           <td mat-cell *matCellDef="let row"> {{row.value1 | number:'1.2-2'}} </td>
           <td mat-footer-cell *matFooterCellDef><b>{{valueSum | number:'1.2-2'}}</b></td>
         </ng-container>
-    
+
         <tr mat-header-row *matHeaderRowDef="displayedColumns, sticky: true"></tr>
         <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
         <tr mat-footer-row *matFooterRowDef="displayedColumns"></tr>

Frontend/src/app/modules/layers/layer-detail/layer-detail.component.ts

@@ -13,7 +13,6 @@ import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatGridListModule } from '@angular/material/grid-list';
 import { MatButtonModule } from '@angular/material/button';
-import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatCardModule } from '@angular/material/card';
 
 @Component({
@@ -21,7 +20,7 @@ import { MatCardModule } from '@angular/material/card';
     templateUrl: './layer-detail.component.html',
     styleUrls: ['./layer-detail.component.scss'],
     standalone: true,
-    imports: [FormsModule, ReactiveFormsModule, MatCardModule, MatToolbarModule, 
+    imports: [FormsModule, ReactiveFormsModule, MatCardModule, 
       MatButtonModule, MatGridListModule, MatFormFieldModule, MatInputModule, 
       NgIf, MatTableModule, MatSortModule, DecimalPipe, JsonPipe],
     providers: [DatePipe]

Frontend/src/app/modules/layers/layers-list/layers-list.component.ts

@@ -59,9 +59,6 @@ export class LayersListComponent implements OnInit {
     this.start = this.end;
     this.end = this.limit + this.start;
   }
-  trackByUid(index : number, item : Layer) {
-    return item.id;
-  }
   async removeCode(code: string) {
     const index = this.codes.indexOf(code);
     if (index >= 0) {