Julien Gautier
45 lines
2.0 KiB
HTML
Executable File
45 lines
2.0 KiB
HTML
Executable File
<mat-card>
|
|
<mat-card-content>
|
|
<mat-card-title>Aéronefs</mat-card-title>
|
|
<mat-card-subtitle>Nombre total de sauts par avions</mat-card-subtitle>
|
|
<div class="piechart">
|
|
<x-chartist [configuration]="donuteAeronefs"></x-chartist>
|
|
</div>
|
|
</mat-card-content>
|
|
<hr>
|
|
<mat-card-content>
|
|
<table class="table table-striped table-dark table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th *ngFor='let name of seriesHeader; let i=index' class="text-end"> {{name}} </th>
|
|
<th class="text-end">Total</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor='let values of seriesRow; let i=index'>
|
|
<th class="{{seriesColor[i]}} text-end"> ● {{seriesName[i]}} </th>
|
|
<td *ngFor='let value of values; let i=index' class="font-monospace text-end">
|
|
<span *ngIf="value; else elseBlock" class="pr-1">{{value}}</span>
|
|
<ng-template #elseBlock><span class="text-empty pr-1">{{value}}</span></ng-template>
|
|
</td>
|
|
<th class="{{seriesColor[i]}} text-end">
|
|
<span *ngIf="seriesValue[i]; else elseBlock" class="pr-1">{{seriesValue[i]}}</span>
|
|
<ng-template #elseBlock><span class="text-empty pr-1">{{seriesValue[i]}}</span></ng-template>
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</mat-card-content>
|
|
<!--<hr>
|
|
<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>
|