Updated various components, added paths and reduced files

Author: jeroenouw

.gitignore

@@ -19,6 +19,7 @@
 .settings/
 
 # IDE - VSCode
+.vscode
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json

.vscode/settings.json

@@ -10,12 +10,12 @@ import { HttpClientModule } from '@angular/common/http';
 
 // Modules
 import { MessagesModule } from './components/messages/messages.module';
-import { PipesModule } from './pipes/pipes.module';
 import { BlocksModule } from './components/blocks/blocks.module';
 import { AuthModule } from './components/auth/auth.module';
 import { BackgroundsModule } from './components/backgrounds/backgrounds.module';
 import { ProfileModule } from './components/profile/profile.module';
 import { MiscModule } from './components/misc/misc.module';
+import { PipesModule } from '@shared/pipes/pipes.module';
 
 // Shared
 import {
@@ -26,7 +26,7 @@ import {
   AuthGuardService,
   AuthService,
   WindowService
-} from './components/shared';
+} from '@shared';
 
 // Main
 import { AppComponent } from './app.component';

src/app/app.module.ts

@@ -2,9 +2,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
-// Main
-import { AppComponent } from './app.component';
-
 // 404 page
 import { PageNotFoundComponent } from './components/not-found/not-found.component';
 
@@ -22,7 +19,7 @@ import { ProfileSettingsComponent } from './components/profile/profile-settings.
 import { MessagesComponent } from './components/messages/messages.component';
 
 // Protected
-import { AuthGuardService } from './components/shared';
+import { AuthGuardService } from '@shared';
 
 // Routing
 const appRoutes: Routes = [

src/app/app.routing.ts

@@ -1,15 +1,12 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-about-me',
   templateUrl: './about-me.component.html',
-  styleUrls: ['./about-me.component.scss']
+  styles: [`
+    #content {
+      padding: 20px;
+    }
+  `]
 })
-export class AboutMeComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
+export class AboutMeComponent {}

src/app/components/about-me/about-me.component.scss

@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import * as firebase from 'firebase';
 
-import { WindowService, PhoneNumber, AuthService, AlertService } from '../../shared';
+import { WindowService, PhoneNumber, AuthService, AlertService } from '@shared';
 
 @Component({
   selector: 'app-phone-signin',

src/app/components/about-me/about-me.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { NgForm } from '@angular/forms';
 
-import { AlertService, AuthService } from '../shared';
+import { AlertService, AuthService } from '@shared';
 
 @Component({
   selector: 'app-signin',

src/app/components/auth/phone-signin/phone-signin.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { NgForm } from '@angular/forms';
 
-import { AlertService, AuthService } from '../shared';
+import { AlertService, AuthService } from '@shared';
 
 @Component({
   selector: 'app-signup',