hft-informatik/geovisualisierung
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove some more weird fxFlex and fxLayout directives

Browse Source
This commit is contained in:
Marcel Schwarz 2021-01-03 04:33:31 +01:00
parent c73d99bc51
commit 8724eaf914
2 changed files with 13 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
projects/project-3/frontend/src/app/dashboard/rent-duration-chart/rent-duration-chart.component.html
View File

@ -1,4 +1,4 @@
<mat-card fxFlex fxLayout="column">
<mat-card>
<mat-card-header>
<mat-card-title>Rental Duration</mat-card-title>
<mat-card-subtitle>
@ -6,8 +6,8 @@
The time it takes for a rent which has the current station as origin is displayed here.
</mat-card-subtitle>
</mat-card-header>
<mat-card-content *ngIf="!isLoading" fxFlex fxLayout="row" fxLayoutAlign="center">
<div class="station-dashboard-borrow-duration" fxFlex>
<mat-card-content>
<div *ngIf="!isLoading" class="station-dashboard-borrow-duration">
<apx-chart
[chart]="chartOptions.chart"
[colors]="chartOptions.colors"
@ -20,13 +20,8 @@
[xaxis]="chartOptions.xaxis"
[yaxis]="chartOptions.yaxis"></apx-chart>
</div>
<div *ngIf="isLoading" class="col d-flex align-items-center justify-content-center">
<mat-progress-spinner color="primary" mode="indeterminate" [diameter]="300"></mat-progress-spinner>
</div>
</mat-card-content>
<div *ngIf="isLoading"
style="display: flex; justify-content: center; align-items: center; background: white; padding: 10px; height: 400px;">
<mat-progress-spinner
color="primary"
mode="indeterminate"
[diameter]="300">
</mat-progress-spinner>
</div>
</mat-card>

19
projects/project-3/frontend/src/app/dashboard/rent-time-chart/rent-time-chart.component.html
View File

@ -1,5 +1,5 @@
<mat-card fxFlex fxLayout="column">
<mat-card-header class="chart-header">
<mat-card>
<mat-card-header>
<mat-card-title>Rental Time</mat-card-title>
<mat-card-subtitle>
This chart shows the workload of the currently selected station in relation
@ -8,8 +8,8 @@
</mat-card-subtitle>
</mat-card-header>
<mat-card-content *ngIf="!isLoading" fxFlex fxLayout="row" fxLayoutAlign="center">
<div class="station-dashboard-borrow-time" fxFlex>
<mat-card-content>
<div *ngIf="!isLoading" class="station-dashboard-borrow-time">
<apx-chart
[chart]="chartOptions.chart"
[colors]="chartOptions.colors"
@ -22,13 +22,8 @@
[xaxis]="chartOptions.xaxis"
[yaxis]="chartOptions.yaxis"></apx-chart>
</div>
<div *ngIf="isLoading" class="col d-flex align-items-center justify-content-center">
<mat-progress-spinner color="primary" mode="indeterminate" [diameter]="300"></mat-progress-spinner>
</div>
</mat-card-content>
<div *ngIf="isLoading"
style="display: flex; justify-content: center; align-items: center; background: white; padding: 10px; height: 400px;">
<mat-progress-spinner
color="primary"
mode="indeterminate"
[diameter]="300">
</mat-progress-spinner>
</div>
</mat-card>