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

Layouting stuff for the user input

Browse Source
This commit is contained in:
Marcel Schwarz 2021-01-12 01:11:22 +01:00
parent 94c3fb99f4
commit cf6ab406f4
1 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
projects/project-3/frontend/src/app/dashboard/user-input/user-input.component.html
View File

@ -5,11 +5,10 @@
{{bikePoint?.commonName}} {{bikePoint?.commonName}}
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content class="p-4 d-flex flex-column justify-content-center"> <mat-card-content class="p-4 d-flex flex-column justify-content-center align-content-between">
<div>
<p>Select a range to analyze data</p> <p>Select a range to analyze data</p>
<form [formGroup]="form" class="d-flex flex-row justify-content-between"> <form [formGroup]="form" (submit)="onSubmit()">
<mat-form-field appearance="fill"> <mat-form-field appearance="fill" class="w-100">
<mat-label>Enter a range</mat-label> <mat-label>Enter a range</mat-label>
<mat-date-range-input [max]="maxEndDate" [min]="maxStartDate" [rangePicker]="picker" <mat-date-range-input [max]="maxEndDate" [min]="maxStartDate" [rangePicker]="picker"
formGroupName="dateRange"> formGroupName="dateRange">
@ -19,12 +18,12 @@
<mat-datepicker-toggle [for]="picker" matSuffix></mat-datepicker-toggle> <mat-datepicker-toggle [for]="picker" matSuffix></mat-datepicker-toggle>
<mat-date-range-picker #picker></mat-date-range-picker> <mat-date-range-picker #picker></mat-date-range-picker>
</mat-form-field> </mat-form-field>
<button (click)="onSubmit()" class="mt-n3" color="primary" mat-raised-button> <button (click)="onSubmit()" color="primary" type="submit" (keyup.enter)="onSubmit()" class="w-100" mat-raised-button>
<mat-icon>cached</mat-icon>
reload reload
<mat-icon>cached</mat-icon>
</button> </button>
</form> </form>
</div> <br/>
<div class="ml-n4" id="chart"> <div class="ml-n4" id="chart">
<apx-chart <apx-chart
[chart]="chartOptions.chart" [chart]="chartOptions.chart"