43 lines
1.8 KiB
HTML
Executable File
43 lines
1.8 KiB
HTML
Executable File
<mat-card>
|
|
<mat-card-header>
|
|
<mat-card-title>{{ title }}</mat-card-title>
|
|
<mat-card-subtitle>{{ subtitle }}</mat-card-subtitle>
|
|
<span class="flex-spacer"></span>
|
|
<button mat-icon-button [matMenuTriggerFor]="menuAeronef" aria-label="Menu Aeronef">
|
|
<mat-icon fontIcon="more_vert"></mat-icon>
|
|
</button>
|
|
<mat-menu #menuAeronef="matMenu">
|
|
@for (menuitem of menuItems.getMenuPanel(); track menuitem) {
|
|
<button mat-menu-item>
|
|
<mat-icon [fontIcon]="menuitem.icon"></mat-icon>
|
|
<span>{{ menuitem.name }}</span>
|
|
</button>
|
|
}
|
|
</mat-menu>
|
|
</mat-card-header>
|
|
<mat-divider class="my-3"></mat-divider>
|
|
<mat-card-content>
|
|
<app-pie-chart [headers]="seriesHeader" [names]="seriesName" [values]="seriesValue" [colors]="seriesColor"></app-pie-chart>
|
|
</mat-card-content>
|
|
<mat-divider class="mt-3 mb-0"></mat-divider>
|
|
<mat-accordion>
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>Historique annuel</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
<app-history-table [headers]="seriesHeader" [names]="seriesName" [values]="seriesValue" [rows]="seriesRow" [colors]="seriesColorClass"></app-history-table>
|
|
</mat-expansion-panel>
|
|
</mat-accordion>
|
|
<!--
|
|
<mat-divider class="my-3"></mat-divider>
|
|
<mat-card-content>
|
|
<div fxLayout="row wrap">
|
|
<div *ngFor='let name of seriesName; let i=index' fxFlex.gt-lg="33" fxFlex.gt-md="50" fxFlex.gt-xs="20" fxFlex="100">
|
|
<h6 class="{{seriesColor[i]}} m-0">
|
|
<i class="mdi mdi-checkbox-blank-circle font-10 m-r-10 "></i>{{name}} - {{seriesValue[i]}}
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</mat-card-content>-->
|
|
</mat-card>
|