mz/DiunaBI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Processed layer view

Browse Source
This commit is contained in:
Michał Zieliński
2023-09-18 19:56:02 +02:00
parent a30b584ca7
commit c8e4991e97
2 changed files with 188 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -47,6 +47,186 @@
<td mat-footer-cell *matFooterCellDef><b>{{valueSum | number:'1.2-2'}}</b></td>
</ng-container>
<ng-container matColumnDef="value2">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value2</th>
<td mat-cell *matCellDef="let row"> {{row.value2 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value3">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value3</th>
<td mat-cell *matCellDef="let row"> {{row.value3 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value4">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value4</th>
<td mat-cell *matCellDef="let row"> {{row.value4 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value5">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value5</th>
<td mat-cell *matCellDef="let row"> {{row.value5 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value6">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value6</th>
<td mat-cell *matCellDef="let row"> {{row.value6 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value7">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value7</th>
<td mat-cell *matCellDef="let row"> {{row.value7 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value8">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value8</th>
<td mat-cell *matCellDef="let row"> {{row.value8 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value9">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value9</th>
<td mat-cell *matCellDef="let row"> {{row.value9 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value10">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value10</th>
<td mat-cell *matCellDef="let row"> {{row.value10 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value11">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value11</th>
<td mat-cell *matCellDef="let row"> {{row.value11 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value12">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value12</th>
<td mat-cell *matCellDef="let row"> {{row.value12 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value13">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value13</th>
<td mat-cell *matCellDef="let row"> {{row.value13 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value14">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value14</th>
<td mat-cell *matCellDef="let row"> {{row.value14 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value15">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value15</th>
<td mat-cell *matCellDef="let row"> {{row.value15 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value16">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value16</th>
<td mat-cell *matCellDef="let row"> {{row.value16 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value17">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value17</th>
<td mat-cell *matCellDef="let row"> {{row.value17 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value18">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value18</th>
<td mat-cell *matCellDef="let row"> {{row.value18 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value19">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value19</th>
<td mat-cell *matCellDef="let row"> {{row.value19 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value20">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value20</th>
<td mat-cell *matCellDef="let row"> {{row.value20 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value21">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value21</th>
<td mat-cell *matCellDef="let row"> {{row.value21 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value22">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value22</th>
<td mat-cell *matCellDef="let row"> {{row.value22 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value23">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value23</th>
<td mat-cell *matCellDef="let row"> {{row.value23 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value24">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value24</th>
<td mat-cell *matCellDef="let row"> {{row.value24 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value25">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value25</th>
<td mat-cell *matCellDef="let row"> {{row.value25 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value26">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value26</th>
<td mat-cell *matCellDef="let row"> {{row.value26 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value27">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value27</th>
<td mat-cell *matCellDef="let row"> {{row.value27 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value28">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value28</th>
<td mat-cell *matCellDef="let row"> {{row.value28 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value29">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value29</th>
<td mat-cell *matCellDef="let row"> {{row.value29 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value30">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value30</th>
<td mat-cell *matCellDef="let row"> {{row.value30 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="value31">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Value31</th>
<td mat-cell *matCellDef="let row"> {{row.value31 | number:'1.2-2'}} </td>
<td mat-footer-cell *matFooterCellDef></td>
</ng-container>
<ng-container matColumnDef="desc1">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Description1</th>
<td mat-cell *matCellDef="let row"> {{row.desc1}} </td>

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

@@ -5,7 +5,7 @@ import { UntypedFormGroup, UntypedFormBuilder, FormsModule, ReactiveFormsModule
import { MatSort, MatSortModule } from '@angular/material/sort';
import { MatTableDataSource, MatTableModule } from '@angular/material/table';
import { ActivatedRoute } from '@angular/router';
import { Layer } from 'src/app/models/layer.model';
import { Layer, LayerType } from 'src/app/models/layer.model';
import { Record } from 'src/app/models/record.model';
import { NotificationsService } from 'src/app/services/notifications.service';
import { environment } from 'src/environments/environment';
@@ -55,6 +55,13 @@ export class LayerDetailComponent implements OnInit {
this.form.disable();
this.document.created = `${this.datePipe.transform(this.document.createdAt?.toDate(), 'short')}, ${this.document.createdBy?.userName}`;
this.valueSum = this.document.records.map(t => t.value1 || 0).reduce((acc, value) => acc + value, 0);
if (this.document.type === LayerType.Processed) {
this.displayedColumns = ['code', 'value1', 'value2', 'value3', 'value4',
'value5', 'value6', 'value7', 'value8', 'value9', 'value10', 'value11',
'value12', 'value13', 'value14', 'value15', 'value16', 'value17', 'value18',
'value19', 'value20', 'value21', 'value22', 'value23', 'value24', 'value25',
'value26', 'value27', 'value28', 'value29', 'value30', 'value31'];
}
}
private async load(): Promise<Layer> {
return await Layer.getById(this.route$.snapshot.paramMap.get('id') || "", this.http$);