First Approach to visualize nested taskgroups
This commit is contained in:
parent
8b7354de51
commit
673faa5912
@ -42,7 +42,18 @@
|
|||||||
<div class="taskgroup-overview">
|
<div class="taskgroup-overview">
|
||||||
<mat-action-list>
|
<mat-action-list>
|
||||||
<button mat-list-item class="lightBlueBtn">Manage Taskgroups</button>
|
<button mat-list-item class="lightBlueBtn">Manage Taskgroups</button>
|
||||||
<button mat-list-item class="taskgroup-btn">Algorithmen II</button>
|
<div mat-list-item class="taskgroup-btn">
|
||||||
|
<button mat-list-item (click)="test()">Algorithmen II</button>
|
||||||
|
<div style=" background: aliceblue">
|
||||||
|
<mat-action-list style="margin-left: 20px;" *ngIf="test_Var">
|
||||||
|
<button mat-list-item class="taskgroup-btn">
|
||||||
|
Vorlesungen
|
||||||
|
</button>
|
||||||
|
</mat-action-list>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<button mat-list-item class="taskgroup-last-btn">Computer Grafik</button>
|
<button mat-list-item class="taskgroup-last-btn">Computer Grafik</button>
|
||||||
</mat-action-list>
|
</mat-action-list>
|
||||||
</div>
|
</div>
|
||||||
|
@ -13,6 +13,7 @@ export class DashboardComponent implements OnInit{
|
|||||||
missedSchedules: boolean = true
|
missedSchedules: boolean = true
|
||||||
schedules: ScheduleInfo[] = []
|
schedules: ScheduleInfo[] = []
|
||||||
workedMinutesToday: number = 0
|
workedMinutesToday: number = 0
|
||||||
|
test_Var: boolean = false;
|
||||||
|
|
||||||
@ViewChild('activeSchedule') activeScheduleComponent: ActiveScheduleComponent | undefined
|
@ViewChild('activeSchedule') activeScheduleComponent: ActiveScheduleComponent | undefined
|
||||||
constructor(private scheduleService: ScheduleService) {
|
constructor(private scheduleService: ScheduleService) {
|
||||||
@ -42,4 +43,8 @@ export class DashboardComponent implements OnInit{
|
|||||||
this.workedMinutesToday += stopActiveScheduleInfo.workedMinutes;
|
this.workedMinutesToday += stopActiveScheduleInfo.workedMinutes;
|
||||||
this.schedules = this.schedules.filter(schedule => schedule.scheduleID !== stopActiveScheduleInfo.schedule.scheduleID);
|
this.schedules = this.schedules.filter(schedule => schedule.scheduleID !== stopActiveScheduleInfo.schedule.scheduleID);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
test() {
|
||||||
|
this.test_Var = !this.test_Var;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user