Remove the token when logging out. Add a banner to the login page. Add a favicon.ico file. Increase the duration of the token expiration to 30 days

Author: hpinsley

server/routing/ApiRouting.ts

@@ -19,7 +19,7 @@ import * as expressJwt from 'express-jwt';
 
 export class ApiRouting {
 
-    tokenExpirationDays:number = 5;
+    tokenExpirationDays:number = 30;
 
 	uploadFolder:string = '';
 	router:express.Router;

src/assets/img/favicon.ico

@@ -6,6 +6,8 @@
   <title><%= APP_TITLE %></title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="/assets/img/favicon.ico">
+
   <!-- inject:css -->
   <!-- endinject -->
 </head>
@@ -30,7 +32,7 @@
     });
   }
   </script>
-  
+
   <script>
   // Fixes undefined module function in SystemJS bundle
   function module() {}

src/index.html

@@ -1,6 +1,15 @@
 <div class="container">
+    <div class="jumbotron">
+        <h1>Login Sample</h1>
+        For portions of this sample, I'm asking for a login.  Click the registration
+        button to set that up.  Note that this is very easy as I don't even verify the
+        email address.  I just wanted this site to have some resemblance to a normal application's
+        authentication flow.  Though the server stores only an encrypted password, since this
+        connection is not SSL/secure, it is best practice to not use one of your "regular"
+        passwords. Also, once you register and login, your credentials are saved for 30 days (as
+        a JSON Web Token in your browser's local storage).
+    </div>
 	<h2>Login or <a class="btn btn-info btn-large" href="./#/register">Register</a></h2>
-
 	<form action="">
 		<div class="form-group">
 			<input style="font-size:20pt; color:blue" id="username" autofocus type="text" placeholder="Username" [(ngModel)]="username" />

src/login/components/login.html

@@ -88,6 +88,7 @@ export class Authentication {
 
 	logout() {
 		this._user = null;
+        localStorage.removeItem('bearerToken');
 	}
 
 	getLastRoute(): string {