ztimson/legio-30
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Mobile fixes
All checks were successful
Build Website / Build NPM Project (push) Successful in 1m35s
Details
Build Website / Tag Version (push) Successful in 47s
Details
Build Website / Build Container (push) Successful in 3m2s
Details

Browse Source
This commit is contained in:
Zakary Timson
2026-06-05 22:54:31 -04:00
parent 16ddd1c8a3
commit 72e27eaedc
5 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/components/navbar/navbar.component.html
View File

@@ -35,13 +35,26 @@
</ng-container>
</mat-menu>
</ng-container>
<button mat-button [matMenuTriggerFor]="menu2" class="navbar-button">
Members <mat-icon>expand_more</mat-icon>
</button>
<mat-menu #menu2="matMenu">
<ng-container *ngIf="momentum.isLoggedIn | async; else guestItems">
<button *ngIf="momentum.admin | async" mat-menu-item (click)="openAdmin()">Admin</button>
<button mat-menu-item (click)="momentum.api.auth.logout()">Logout</button>
</ng-container>
<ng-template #guestItems>
<button mat-menu-item (click)="momentum.api.auth.handleLogin()">Login</button>
<button mat-menu-item (click)="openItem({label:'Register', url:'/register'})">Register</button>
</ng-template>
</mat-menu>
</div>
<!-- Mobile NavBar -->
<!-- Mobile NavBar-->
<button *ngIf="hamburger" mat-icon-button class="text-start" [matMenuTriggerFor]="menu">
<mat-icon>menu</mat-icon>
</button>
<mat-menu #menu="matMenu">
<button mat-menu-item *ngFor="let item of links.topLevel" (click)="openItem(item)">>
<button mat-menu-item *ngFor="let item of links.topLevel" (click)="openItem(item)">
{{item.label}}
</button>
<ng-container *ngFor="let group of links.other">
@@ -55,6 +68,19 @@
</ng-container>
</mat-menu>
</ng-container>
<button mat-menu-item [matMenuTriggerFor]="menu3" class="navbar-button">
Members
</button>
<mat-menu #menu3="matMenu">
<ng-container *ngIf="momentum.isLoggedIn | async; else guestItems">
<button *ngIf="momentum.admin | async" mat-menu-item (click)="openAdmin()">Admin</button>
<button mat-menu-item (click)="momentum.api.auth.logout()">Logout</button>
</ng-container>
<ng-template #guestItems>
<button mat-menu-item (click)="momentum.api.auth.handleLogin()">Login</button>
<button mat-menu-item (click)="openItem({label:'Register', url:'/register'})">Register</button>
</ng-template>
</mat-menu>
</mat-menu>
</mat-toolbar-row>
</mat-toolbar>

4
src/app/components/navbar/navbar.component.ts
View File

@@ -34,6 +34,10 @@ export class NavbarComponent implements AfterViewInit, OnDestroy {
if(this.sub) this.sub.unsubscribe();
}
openAdmin() {
location.href = '/ui';
}
openItem(item: NavigationItem) {
// Full url
if(item.url.startsWith('http'))