mirror of
https://github.com/Lissy93/happy-app.git
synced 2021-05-12 19:52:18 +03:00
39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
<mat-card class="chart-card team-chart">
|
|
<div class="pull-right">
|
|
<button mat-button class="mat-icon-button" (click)="updateChart()">
|
|
<mat-icon class="material-icons">autorenew</mat-icon>
|
|
</button>
|
|
<button mat-button class="mat-icon-button">
|
|
<mat-icon class="material-icons">open_in_new</mat-icon>
|
|
</button>
|
|
<button mat-button class="mat-icon-button">
|
|
<mat-icon class="material-icons">code</mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<mat-card-header>
|
|
<mat-card-title><h3>Overview Amounts</h3></mat-card-title>
|
|
<mat-card-subtitle>Team Happiness Ratio</mat-card-subtitle>
|
|
</mat-card-header>
|
|
|
|
<mat-card-content>
|
|
<loader *ngIf="loading" class="loading-spinner"></loader>
|
|
|
|
<div id="overview-chart" (window:resize)="onWindowResize($event)">
|
|
<div *ngIf="!chartVisible && !loading" class="no-data-message">
|
|
<h3>Not enough data to display results</h3>
|
|
<p>The pie chart will appear here when there is more data in the system</p>
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
|
|
<mat-card-actions>
|
|
<mat-select placeholder="Change Date Range" class="pull-right">
|
|
<mat-option (click)="showByToday()">Today</mat-option>
|
|
<mat-option (click)="showByWeek()">Last week</mat-option>
|
|
<mat-option (click)="showByMonth()">Last month</mat-option>
|
|
</mat-select>
|
|
</mat-card-actions>
|
|
|
|
</mat-card>
|