JontyMC/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Aurelia</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.6/bluebird.min.js"></script>
  </head>
  <body aurelia-app="src/main">
    <script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/system.js"></script>
    <script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/config-typescript.js"></script>
    <script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/aurelia-core.min.js"></script>
    <script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/aurelia-routing.min.js"></script>
    <script>
      System.import('aurelia-bootstrapper');
    </script>
  </body>
</html>

## src\app.html
<template>
  <button click.delegate="logout()"></button>
</template>

## src\app.ts
import {Router, RouterConfiguration, Redirect} from 'aurelia-router';
import {autoinject} from 'aurelia-framework';
import {AuthorizeStep} from './auth/authorize-step';

export class App {
  public configureRouter(config: RouterConfiguration, router: Router) {
    config.addPipelineStep('authorize', AuthorizeStep);
    config.map([
      { route: ['', 'home'], name: 'home', moduleId: 'home', title: 'home'},
    ]);

    this.router = router;
  }
}

## src\auth\auth.ts
import {Router, RouterConfiguration, Redirect} from 'aurelia-router';
import {autoinject} from 'aurelia-framework';
import {AuthorizeStep} from './auth/authorize-step';

export class Auth {
  public configureRouter(config: RouterConfiguration, router: Router) {
    config.addPipelineStep('authorize', AuthorizeStep);
    config.map([
      { route: ['', 'login'], name: 'login', moduleId: 'login', title: 'login'},
      { route: 'register', name: 'register', moduleId: 'register', title: 'register'}
    ]);

    this.router = router;
  }
}

## src\auth\authservice.ts
export class AuthService {
  loggedIn = false;

  login() {
    this.loggedIn =
  }

  logout() {
    this.loggedIn = false;
    this.router.navigate('/', { replace: true, trigger: false});
    this.router.reset();
    this.router.deactivate();
    await this.aurelia.setRoot('auth/auth');
  }
}

## src\main.ts
export function configure(aurelia) {
  aurelia.use.basicConfiguration().

  aurelia.start().then(() => aurelia.setRoot('auth/auth'));
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Aurelia</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.6/bluebird.min.js"></script>
	</head>
	<body aurelia-app="src/main">
	<script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/system.js"></script>
	<script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/config-typescript.js"></script>
	<script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/aurelia-core.min.js"></script>
	<script src="https://cdn.rawgit.com/aurelia/aurelia/master/scripts/aurelia-routing.min.js"></script>
	<script>
	System.import('aurelia-bootstrapper');
	</script>
	</body>
	</html>
	<template>
	<button click.delegate="logout()"></button>
	</template>
	import {Router, RouterConfiguration, Redirect} from 'aurelia-router';
	import {autoinject} from 'aurelia-framework';
	import {AuthorizeStep} from './auth/authorize-step';

	export class App {
	public configureRouter(config: RouterConfiguration, router: Router) {
	config.addPipelineStep('authorize', AuthorizeStep);
	config.map([
	{ route: ['', 'home'], name: 'home', moduleId: 'home', title: 'home'},
	]);

	this.router = router;
	}
	}
	export class AuthService {
	loggedIn = false;

	login() {
	this.loggedIn =
	}

	logout() {
	this.loggedIn = false;
	this.router.navigate('/', { replace: true, trigger: false});
	this.router.reset();
	this.router.deactivate();
	await this.aurelia.setRoot('auth/auth');
	}
	}
	export function configure(aurelia) {
	aurelia.use.basicConfiguration().

	aurelia.start().then(() => aurelia.setRoot('auth/auth'));
	}