initial commit

Author: cornflourblue

.gitignore

@@ -0,0 +1,41 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+typings
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+# Generated files
+dist

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Jason Watmore
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,4 @@
+# angular-8-registration-login-example
+
+Angular 8 User Registration and Login Example with Webpack 4
+

package-lock.json

@@ -0,0 +1,42 @@
+{
+ "name": "angular-8-registration-login-example",
+ "version": "1.0.0",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/cornflourblue/angular-8-registration-login-example.git"
+ },
+ "scripts": {
+ "build": "webpack --mode production",
+ "start": "webpack-dev-server --mode development --open"
+ },
+ "license": "MIT",
+ "dependencies": {
+ "@angular/animations": "^8.0.0",
+ "@angular/cdk": "^8.0.0",
+ "@angular/common": "^8.0.0",
+ "@angular/compiler": "^8.0.0",
+ "@angular/core": "^8.0.0",
+ "@angular/forms": "^8.0.0",
+ "@angular/material": "^8.0.0",
+ "@angular/platform-browser": "^8.0.0",
+ "@angular/platform-browser-dynamic": "^8.0.0",
+ "@angular/router": "^8.0.0",
+ "core-js": "^3.1.3",
+ "rxjs": "^6.3.3",
+ "zone.js": "^0.9.1"
+ },
+ "devDependencies": {
+ "@types/node": "^12.0.4",
+ "angular2-template-loader": "^0.6.2",
+ "css-loader": "^2.1.1",
+ "html-webpack-plugin": "^3.2.0",
+ "mini-css-extract-plugin": "^0.7.0",
+ "raw-loader": "^1.0.0",
+ "style-loader": "^0.23.1",
+ "ts-loader": "^6.0.1",
+ "typescript": "^3.1.3",
+ "webpack": "^4.32.2",
+ "webpack-cli": "^3.1.2",
+ "webpack-dev-server": "^3.1.10"
+ }
+}

package.json

@@ -0,0 +1 @@
+<div *ngIf="message" [ngClass]="{ 'alert': message, 'alert-success': message.type === 'success', 'alert-danger': message.type === 'error' }">{{message.text}}</div>

src/app/_components/alert.component.html

@@ -0,0 +1,26 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Subscription } from 'rxjs';
+
+import { AlertService } from '@/_services';
+
+@Component({
+ selector: 'alert',
+ templateUrl: 'alert.component.html'
+})
+
+export class AlertComponent implements OnInit, OnDestroy {
+ private subscription: Subscription;
+ message: any;
+
+ constructor(private alertService: AlertService) { }
+
+ ngOnInit() {
+ this.subscription = this.alertService.getMessage().subscribe(message => { 
+ this.message = message; 
+ });
+ }
+
+ ngOnDestroy() {
+ this.subscription.unsubscribe();
+ }
+}

src/app/_components/alert.component.ts

@@ -0,0 +1 @@
+export * from './alert.component';

src/app/_components/index.ts

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+
+import { AuthenticationService } from '@/_services';
+
+@Injectable({ providedIn: 'root' })
+export class AuthGuard implements CanActivate {
+ constructor(
+ private router: Router,
+ private authenticationService: AuthenticationService
+ ) {}
+
+ canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
+ const currentUser = this.authenticationService.currentUserValue;
+ if (currentUser) {
+ // authorised so return true
+ return true;
+ }
+
+ // not logged in so redirect to login page with the return url
+ this.router.navigate(['/login'], { queryParams: { returnUrl: state.url }});
+ return false;
+ }
+}

src/app/_guards/auth.guard.ts

@@ -0,0 +1 @@
+export * from './auth.guard';