tfabrica
Version:
library for TFabrica - TechSol
88 lines (69 loc) • 2.42 kB
HTML
<div fxFlex>
<style>
td, th {
padding: 5px;
}
md-sidenav {
width: 300px;
}
</style>
<!--
<md-sidenav align="end" #trightfiltersmenu mode="over" [opened]="false">
<md-toolbar color="primary" style="margin-top:64px;" fxLayoutAlign="start center">
<button md-icon-button
(click)="startSearch()">
<md-icon>search</md-icon>
</button>
<h4>Filtri</h4>
</md-toolbar>
</md-sidenav>
<md-sidenav align="end" #trightfieldsmenu mode="over" [opened]="false">
<md-toolbar color="primary" style="margin-top:64px;" fxLayoutAlign="start center">
<button md-icon-button
(click)="setFieldsList()">
<md-icon>visibility</md-icon>
</button>
<h4>Campi</h4>
</md-toolbar>
</md-sidenav>
-->
<div fxFlex style="padding:20px;" fxLayout="column">
<md-progress-bar *ngIf="loading" mode="indeterminate"></md-progress-bar>
<div>
<div fxLayout="row">
<h3>{{report.title}}</h3>
<span fxFlex>
</span>
<button md-mini-fab
color="primary"
(click)="openFieldsList()">
<md-icon>visibility</md-icon>
</button>
<span> </span>
<button md-mini-fab
color="primary"
(click)="openSearch()">
<md-icon>search</md-icon>
</button>
</div>
</div>
<div>
<table>
<thead>
<tr>
<th *ngFor="let field of report.fieldsToDisplay">
{{field.label}}
</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let record of report.readedRows">
<td *ngFor="let field of report.fieldsToDisplay">
{{record[field.name]}}
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>