Add privilige screen component

Closes #259

electron/src/app.module.ts

@@ -11,6 +11,7 @@ import { DragulaModule } from 'ng2-dragula/ng2-dragula';
 import { Select2Module } from 'ng2-select2/ng2-select2';
 
 import { MissingDeviceComponent } from './components/missing-device/missing-device.component';
+import { PriviligeCheckerComponent } from './components/privilige-checker';
 import { UhkMessageComponent } from './components/uhk-message';
 import { AddOnComponent } from './shared/components/add-on';
 import { KeyboardSliderComponent } from './shared/components/keyboard/slider';
@@ -141,6 +142,7 @@ const storeConfig = {
         SettingsComponent,
         KeyboardSliderComponent,
         MissingDeviceComponent,
+        PriviligeCheckerComponent,
         UhkMessageComponent,
         CancelableDirective
     ],

electron/src/app/app.routes.ts

@@ -3,6 +3,7 @@ import { ModuleWithProviders } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
 import { MissingDeviceComponent } from './../components/missing-device/missing-device.component';
+import { PriviligeCheckerComponent } from './../components/privilige-checker';
 import { MainAppComponent } from './../main-app/main-app.component';
 import { mainAppRoutes } from './../main-app/main-app.routes';
 
@@ -11,6 +12,10 @@ const appRoutes: Routes = [
         path: 'detection',
         component: MissingDeviceComponent
     },
+    {
+        path: 'privilige',
+        component: PriviligeCheckerComponent
+    },
     {
         path: '',
         component: MainAppComponent,

electron/src/components/missing-device/missing-device.component.ts

@@ -21,7 +21,7 @@ export class MissingDeviceComponent {
             .ignoreElements()
             .subscribe({
                 complete: () => {
-                    router.navigate(['/']);
+                    router.navigate(['/privilige']);
                 }
             });
     }

electron/src/components/privilige-checker/index.ts

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

electron/src/components/privilige-checker/privilige-checker.component.html

@@ -0,0 +1,4 @@
+<span class="privilige-checker-wrapper">
+    <uhk-message title="Cannot talk to your UHK" subtitle="Your UHK has been detected, but its permissions are not set up yet, so Agent can't talk to it."></uhk-message>
+    <button class="btn btn-default btn-lg btn-primary" (click)="setUpPermissions()"> Set up permissions </button>
+</span>

electron/src/components/privilige-checker/privilige-checker.component.scss

@@ -0,0 +1,11 @@
+.privilige-checker-wrapper {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+uhk-message {
+    max-width: 50%;
+}

electron/src/components/privilige-checker/privilige-checker.component.ts

@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+
+import { Observable } from 'rxjs/Observable';
+import 'rxjs/add/observable/of';
+
+@Component({
+    selector: 'privilige-checker',
+    templateUrl: 'privilige-checker.component.html',
+    styleUrls: ['privilige-checker.component.scss']
+})
+export class PriviligeCheckerComponent {
+
+    constructor(router: Router) {
+        this.checkPermissions()
+            .subscribe(hasPermisson => {
+                if (hasPermisson) {
+                    router.navigate(['/privilige']);
+                }
+            });
+    }
+
+    checkPermissions(): Observable<boolean> {
+        return Observable.of(true);
+    }
+
+    setUpPermissions() { }
+
+}