Auth-0 aplikacja do odpalania rakiet – frontend

Obsługa ścieżek

Do obsługi ścieżek w aplikacji dodałem pakiet aurelia router

export class Home { }

Następnie usunąłem ciało klasy App w pliku app.ts i dodałem metodę configureRouter

public configureRouter(config: RouterConfiguration, router: Router): void {
 	this.router = router;

	config.title = 'Rocket Launcher';
	config.options.pushState = true;
	config.map([
		{route: ['', 'home'],     name: 'home',           moduleId: PLATFORM.moduleName('home')},
		{route: 'launch-console', name: 'launch-console', moduleId: PLATFORM.moduleName('launch-console')},
		{route: 'logged-in',      name: 'logged-in',      moduleId: PLATFORM.moduleName('logged-in')},
		{route: 'logged-out',     name: 'logged-out',     moduleId: PLATFORM.moduleName('logged-out')}
	]);
}

• config.title – ustawia tytuł aplikacji
  
• config.options.pushState = true – zmienia działanie routingu, domyślnie aurelia interpretuje część adresu po płotku(#) po włączeniu tej opcji interpretowana jest część przed płotkiem, jest to konieczne ponieważ auth0 po płotku przekazuje dane wymagane do autoryzacji
  
• config.map – służy do konfigurowania ścieżek

Natomiast treść pliku app.html zmieniłem na:

Element router-view wyświetla aktywną stronę.