fix: make configuration wizard work smoothly (#2332)

This fixes a number of issues pointed out by the
ticket.

Fixes: WEB-14
This commit is contained in:
Felix van Hove
2025-03-18 11:20:07 -06:00
committed by GitHub
parent 08e3dfbf6e
commit 5b2148cebe
17 changed files with 98 additions and 79 deletions
+30 -12
View File
@@ -59,21 +59,39 @@
<ng-template #templateButtonDashboard let-popover="popover">
<h2>{{ 'labels.heading.Dashboard' | translate }}</h2>
<p class="mw300">{{ 'labels.text.This will navigate the user to the dashboard component.' | translate }}</p>
<ng-container
*ngTemplateOutlet="
popoverButtons;
context: { popover: popover, prev: null, next: { template: templateSearchActivity, target: searchActivity } }
"
></ng-container>
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
<button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
{{ 'labels.buttons.Close' | translate }}
</button>
<button mat-raised-button color="primary" (click)="popover.close(); previousStep()">
{{ 'labels.buttons.Back' | translate }}
</button>
<button
mat-raised-button
color="primary"
(click)="popover.close(); showPopover(templateSearchActivity, searchActivity, 'top', true)"
>
{{ 'labels.buttons.Next' | translate }}
</button>
</div>
</ng-template>
<ng-template #templateSearchActivity let-popover="popover">
<h2>{{ 'labels.heading.Search Activity' | translate }}</h2>
<p class="mw300">{{ 'labels.text.This will navigate the user to the searched activity.' | translate }}</p>
<ng-container
*ngTemplateOutlet="
popoverButtons;
context: { popover: popover, prev: { template: templateButtonDashboard, target: buttonDashboard }, next: null }
"
></ng-container>
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
<button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
{{ 'labels.buttons.Close' | translate }}
</button>
<button
mat-raised-button
color="primary"
(click)="popover.close(); showPopover(templateButtonDashboard, buttonDashboard, 'bottom', true)"
>
{{ 'labels.buttons.Back' | translate }}
</button>
<button mat-raised-button color="primary" (click)="popover.close(); nextStep()">
{{ 'labels.buttons.Next' | translate }}
</button>
</div>
</ng-template>