eneller/vb
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: pwa and external interop

Browse Source
This commit is contained in:
eneller
2026-02-01 12:19:14 +01:00
parent 8493e742e9
commit bdd6de5fbe
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,8 +3,8 @@
</main> </main>
<nav> <nav>
<ul ngbNav [activeId]="route.fragment | async" class="nav-tabs custom-navbar bg-body-secondary"> <ul ngbNav [activeId]="route.fragment | async" class="nav-tabs custom-navbar bg-body-secondary">
<li ngbNavItem="/edit" class="custom-navitem"><a ngbNavLink routerLink="/edit" routerLinkActive="active"><i class="bi bi-pencil-square"></i>{{ data.getPlayers().length }}</a></li> <li ngbNavItem="" class="custom-navitem"><a ngbNavLink routerLink="" routerLinkActive="active"><i class="bi bi-pencil-square"></i>{{ data.getPlayers().length }}</a></li>
<li ngbNavItem="/basic" class="custom-navitem"><a ngbNavLink routerLink="/basic" routerLinkActive="active"><i class="bi bi-shuffle"></i></a></li> <li ngbNavItem="/basic.t" class="custom-navitem"><a ngbNavLink routerLink="/basic.t" routerLinkActive="active"><i class="bi bi-shuffle"></i></a></li>
<li ngbNavItem="/rotations" class="custom-navitem"><a ngbNavLink routerLink="/rotations" routerLinkActive="active"><i class="bi bi-arrow-repeat"></i></a></li> <li ngbNavItem="/rotations.t" class="custom-navitem"><a ngbNavLink routerLink="/rotations.t" routerLinkActive="active"><i class="bi bi-arrow-repeat"></i></a></li>
</ul> </ul>
</nav> </nav>

12
src/app/app.routes.ts
View File

@@ -2,16 +2,18 @@ import { Routes } from '@angular/router';
import { ScreenBasicComponent } from './screen-basic/screen-basic.component'; import { ScreenBasicComponent } from './screen-basic/screen-basic.component';
import { ScreenEditComponent } from './screen-edit/screen-edit.component'; import { ScreenEditComponent } from './screen-edit/screen-edit.component';
import { ScreenRotationsComponent } from './screen-rotations/screen-rotations.component'; import { ScreenRotationsComponent } from './screen-rotations/screen-rotations.component';
import { AppComponent } from './app.component';
export const routes: Routes = [ export const routes: Routes = [
{ {
path: '', path: '',
children: [ children: [
{ path: '', redirectTo: 'edit', pathMatch: 'full' }, { path: '', component: ScreenEditComponent },
{ path: 'edit', component: ScreenEditComponent }, /* IMPORTANT: all routes have to include a `.` (dot)
{ path: 'basic', component: ScreenBasicComponent }, this is a workaround used in `sw.js`
{ path: 'rotations', component: ScreenRotationsComponent } to allow hosting services on the same subdomain as this PWA
*/
{ path: 'basic.t', component: ScreenBasicComponent },
{ path: 'rotations.t', component: ScreenRotationsComponent }
] ]
} }
]; ];