CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Refactor Home Component (#2292)

Browse Source
This commit is contained in:
Syed Mahmood
2025-03-15 22:29:24 -06:00
committed by GitHub
parent 546388ce4e
commit 83e9f094c1
1 changed files with 26 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/home/home.component.html
+26 -20
View File
@@ -32,42 +32,48 @@
</mat-card> </mat-card>
</div> </div>
<ng-template #templateButtonDashboard let-popover="popover"> <ng-template #popoverButtons let-popover="popover" let-prev="prev" let-next="next">
<h2>{{ 'labels.heading.Dashboard' | translate }}</h2>
<p class="mw300">{{ 'labels.text.This will navigate the user to the dashboard component.' | translate }}</p>
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column"> <div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
<button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()"> <button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">
{{ 'labels.buttons.Close' | translate }} {{ 'labels.buttons.Close' | translate }}
</button> </button>
<button mat-raised-button color="primary" (click)="popover.close(); previousStep()"> <button
*ngIf="prev"
mat-raised-button
color="primary"
(click)="popover.close(); showPopover(prev.template, prev.target, 'bottom', true)"
>
{{ 'labels.buttons.Back' | translate }} {{ 'labels.buttons.Back' | translate }}
</button> </button>
<button <button
*ngIf="next"
mat-raised-button mat-raised-button
color="primary" color="primary"
(click)="popover.close(); showPopover(templateSearchActivity, searchActivity, 'bottom', true)" (click)="popover.close(); showPopover(next.template, next.target, 'bottom', true)"
> >
{{ 'labels.buttons.Next' | translate }} {{ 'labels.buttons.Next' | translate }}
</button> </button>
</div> </div>
</ng-template> </ng-template>
<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>
</ng-template>
<ng-template #templateSearchActivity let-popover="popover"> <ng-template #templateSearchActivity let-popover="popover">
<h2>{{ 'labels.heading.Search Activity' | translate }}</h2> <h2>{{ 'labels.heading.Search Activity' | translate }}</h2>
<p class="mw300">{{ 'labels.text.This will navigate the user to the searched activity.' | translate }}</p> <p class="mw300">{{ 'labels.text.This will navigate the user to the searched activity.' | translate }}</p>
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column"> <ng-container
<button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()"> *ngTemplateOutlet="
{{ 'labels.buttons.Close' | translate }} popoverButtons;
</button> context: { popover: popover, prev: { template: templateButtonDashboard, target: buttonDashboard }, next: null }
<button "
mat-raised-button ></ng-container>
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> </ng-template>