feat(agent): Add 'Device' menu and submenus (#461)

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

@@ -1,6 +1,6 @@
 <h1>
-    <i class="fa fa-cog"></i>
-    <span>Device settings</span>
+    <i class="fa fa-sliders"></i>
+    <span>Device configuration</span>
 </h1>
 
 <ul class="list-unstyled btn-list">

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

@@ -7,13 +7,13 @@ import { SaveUserConfigInBinaryFileAction, SaveUserConfigInJsonFileAction } from
 
 @Component({
     selector: 'device-settings',
-    templateUrl: './device-settings.component.html',
-    styleUrls: ['./device-settings.component.scss'],
+    templateUrl: './device-configuration.component.html',
+    styleUrls: ['./device-configuration.component.scss'],
     host: {
         'class': 'container-fluid'
     }
 })
-export class DeviceSettingsComponent {
+export class DeviceConfigurationComponent {
 
     constructor(private store: Store<AppState>) {
     }

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

@@ -1,15 +1,30 @@
 import { Routes } from '@angular/router';
 
-import { DeviceSettingsComponent } from './settings/device-settings.component';
+import { DeviceConfigurationComponent } from './configuration/device-configuration.component';
+import { DeviceFirmwareComponent } from './firmware/device-firmware.component';
+import { MouseSpeedComponent } from './mouse-speed/mouse-speed.component';
 
 export const deviceRoutes: Routes = [
     {
-        path: '',
-        redirectTo: 'device',
-        pathMatch: 'full'
-    },
-    {
-        path: 'device/settings',
-        component: DeviceSettingsComponent
+        path: 'device',
+        children: [
+            {
+                path: '',
+                redirectTo: 'configuration',
+                pathMatch: 'full'
+            },
+            {
+                path: 'configuration',
+                component: DeviceConfigurationComponent
+            },
+            {
+                path: 'mouse-speed',
+                component: MouseSpeedComponent
+            },
+            {
+                path: 'firmware',
+                component: DeviceFirmwareComponent
+            }
+        ]
     }
 ];

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

@@ -0,0 +1,7 @@
+<h1>
+    <i class="fa fa-sliders"></i>
+    <span>Firmware</span>
+</h1>
+<p>
+    Coming soon ...
+</p>

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

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

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

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

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

@@ -1,2 +1,4 @@
-export * from './settings/device-settings.component';
+export * from './configuration/device-configuration.component';
+export * from './firmware/device-firmware.component';
+export * from './mouse-speed/mouse-speed.component';
 export * from './device.routes';

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

@@ -0,0 +1,7 @@
+<h1>
+    <i class="fa fa-sliders"></i>
+    <span>Firmware</span>
+</h1>
+<p>
+    Coming soon ...
+</p>

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

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

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

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