tobias/angular-test1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aktueller Stand

Browse Source
This commit is contained in:
Tobias Peper 2025-04-11 21:38:15 +02:00
parent 3a0297311d
commit 2ccca9e981
3 changed files with 35 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/app.component.html
View File

@ -1,23 +1,28 @@
<main class="main"> <main class="main">
<div ngbDropdown class="d-inline-block" #houseDrop="ngbDropdown"> <div class="row row-cols-auto">
Haushalt: <div class="col">
<button type="button" class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle> <div ngbDropdown class="d-inline-block" #houseDrop="ngbDropdown">
{{getHouseName()}} <button type="button" class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>
</button> Haushalt: {{getHouseName()}}
<div ngbDropdownMenu aria-labelledby="dropdownBasic1"> </button>
<button ngbDropdownItem (click)="$event.stopPropagation(); houseId=1;">Kerpen</button> <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem (click)="$event.stopPropagation(); houseId=2;">Rommerskirchen</button> <button ngbDropdownItem (click)="$event.stopPropagation(); houseId=1;">Kerpen</button>
</div> <button ngbDropdownItem (click)="$event.stopPropagation(); houseId=2;">Rommerskirchen</button>
</div> </div>
<div ngbDropdown class="d-inline-block"> </div>
<button type="button" class="btn btn-outline-primary" id="dropdownBasic2" ngbDropdownToggle> </div>
Zeitraum <div class="col">
</button> <div ngbDropdown class="d-inline-block">
<div ngbDropdownMenu aria-labelledby="dropdownBasic2"> <button type="button" class="btn btn-outline-primary" id="dropdownBasic2" ngbDropdownToggle>
<button ngbDropdownItem (click)="$event.stopPropagation(); duration=120;">letzte 2 Stunden</button> Zeitraum: {{getDurationName()}}
<button ngbDropdownItem (click)="$event.stopPropagation(); duration=360;">letzte 6 Stunden</button> </button>
<button ngbDropdownItem (click)="$event.stopPropagation(); duration=1440;">letzte 24 Stunden</button> <div ngbDropdownMenu aria-labelledby="dropdownBasic2">
</div> <button ngbDropdownItem (click)="$event.stopPropagation(); duration=120;">letzte 2 Stunden</button>
<button ngbDropdownItem (click)="$event.stopPropagation(); duration=360;">letzte 6 Stunden</button>
<button ngbDropdownItem (click)="$event.stopPropagation(); duration=1440;">letzte 24 Stunden</button>
</div>
</div>
</div>
</div> </div>
<div ngbAccordion> <div ngbAccordion>
<div ngbAccordionItem> <div ngbAccordionItem>

10
src/app/app.component.ts
View File

@ -39,6 +39,16 @@ export class AppComponent implements OnInit, OnChanges {
} }
} }
getDurationName(): string {
var hours: number;
if (this.duration) {
hours = this.duration / 60;
return 'letzte ' + hours + ' Stunden';
} else {
return 'Unbekannt';
}
}
houseId: number | undefined = undefined; houseId: number | undefined = undefined;
duration: number | undefined = undefined; duration: number | undefined = undefined;
} }

2
src/app/chart/chart.component.html
View File

@ -1,3 +1,3 @@
<div style="border: 1px solid blueviolet;display: block; width: 100%; height: 400px;"> <div style="border: 1px solid blueviolet;display: block; width: 100%; height: 70%;">
<canvas id="canvas"></canvas> <canvas id="canvas"></canvas>
</div> </div>