Moved to webpack and started on new style

src/Ombi/ClientApp/app/app.component.ts

@@ -0,0 +1,50 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { NotificationService } from './services/notification.service';
+import { SettingsService } from './services/settings.service';
+import { AuthService } from './auth/auth.service';
+import { ILocalUser } from './auth/IUserLogin';
+
+import { ICustomizationSettings } from './interfaces/ISettings';
+
+@Component({
+    selector: 'ombi',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss']
+})
+export class AppComponent implements OnInit {
+
+    constructor(public notificationService: NotificationService, public authService: AuthService, private router: Router, private settingsService: SettingsService
+    ) {
+    }
+
+    customizationSettings: ICustomizationSettings;
+    user: ILocalUser;
+
+    ngOnInit(): void {
+
+        this.user = this.authService.claims();
+
+
+
+        this.settingsService.getCustomization().subscribe(x => this.customizationSettings = x);
+
+        this.router.events.subscribe(() => {
+
+            this.user = this.authService.claims();
+            this.showNav = this.authService.loggedIn();
+        });
+
+    }
+
+    hasRole(role: string): boolean {
+        return this.user.roles.some(r => r === role)
+    }
+
+    logOut() {
+        this.authService.logout();
+        this.router.navigate(["login"]);
+    }
+
+    showNav: boolean;
+}