Issue 388 - Device node (#397)

* Issue 388 - Device node (first version before review) (#388)

* fix: style linting issues

* review: revert the same padding size of the level 1 components on the sidebar

* feat(uhk-icon): Create uhk-icon set and fix USB device icon visibility in electron

* style: Use semicolon in js files

packages/uhk-web/src/app/components/device/device.routes.ts

@@ -0,0 +1,15 @@
+import { Routes } from '@angular/router';
+
+import { DeviceSettingsComponent } from './settings/device-settings.component';
+
+export const deviceRoutes: Routes = [
+    {
+        path: '',
+        redirectTo: 'device',
+        pathMatch: 'full'
+    },
+    {
+        path: 'device/settings',
+        component: DeviceSettingsComponent
+    }
+];

packages/uhk-web/src/app/components/device/index.ts

@@ -0,0 +1,2 @@
+export * from './settings/device-settings.component';
+export * from './device.routes';

packages/uhk-web/src/app/components/device/settings/device-settings.component.html

@@ -0,0 +1,4 @@
+<h1>
+    <i class="fa fa-cog"></i>
+    <span>Device settings...</span>
+</h1>

packages/uhk-web/src/app/components/device/settings/device-settings.component.scss

@@ -0,0 +1,5 @@
+:host {
+    overflow-y: auto;
+    display: block;
+    height: 100%;
+}

packages/uhk-web/src/app/components/device/settings/device-settings.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'device-settings',
+    templateUrl: './device-settings.component.html',
+    styleUrls: ['./device-settings.component.scss'],
+    host: {
+        'class': 'container-fluid'
+    }
+})
+export class DeviceSettingsComponent {
+
+    constructor() {}
+
+}