refactore: create feature modules (#387)

* add @angular/cli to the project

* increase nodejs version -> 8.2.1

* add lerna

* merge web and shared module

* move electron module into packages as uhk-agent

Electron agent functionality is not working

* delete symlinker

* convert private properties to public of component if used in html

* revert uhk-message.component

* fix component path

* fix the correct name of the uhk-message.component.scss

* building web and electron module

* delete uhk-renderer package

* handle device connect disconnect state

* add privilege detection

* fix set privilege functionality

* turn back download keymap functionality

* add bootstrap, select2 js and fix null pointer exception

* turn back upload data to keyboard

* fix send keymap

* fix test-serializer

* add missing package.json

* merging

* fix appveyor build

* fix linting

* turn back electron storage service

* commit the missing electron-datastorage-repository

* update node to 8.3.0 in .nvmrc and log node version in appveyor build

* set exact version number in appveyor build

* vertical align privilege and missing device components

* set back node version to 8 in appveyor

* move node-usb dependency from usb dir to root

maybe it is fix the appveyor build

* revert usb to root

* fix electron builder script

* fix electron builder script

* turn off electron devtools

* remove CTRL+U functionality

* fix CTRL+o

* fix lint error

* turnoff store freeze

* start process when got `Error: EPERM: operation not permitted` error

* move files from root usb dir -> packages/usb

packages/uhk-web/src/app/components/side-menu/side-menu.component.html

@@ -0,0 +1,74 @@
+<ul class="menu--top">
+    <li class="sidebar__level-1--item">
+        <div class="sidebar__level-1">
+            <i class="fa fa-keyboard-o"></i> Keymaps
+            <a [routerLink]="['/keymap/add']" class="btn btn-default pull-right btn-sm">
+                <i class="fa fa-plus"></i>
+            </a>
+            <i class="fa fa-chevron-up pull-right" (click)="toggleHide($event, 'keymap')"></i>
+        </div>
+        <ul [@toggler]="animation['keymap']">
+            <li *ngFor="let keymap of keymaps$ | async" class="sidebar__level-2--item">
+                <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                    <a [routerLink]="['/keymap', keymap.abbreviation]">{{keymap.name}}</a>
+                    <i *ngIf="keymap.isDefault"
+                       class="fa fa-star sidebar__fav"
+                       title="This is the default keymap which gets activated when powering the keyboard."
+                       data-toggle="tooltip"
+                       data-placement="bottom"></i>
+                </div>
+            </li>
+        </ul>
+    </li>
+    <li class="sidebar__level-1--item">
+        <div class="sidebar__level-1">
+            <i class="fa fa-play"></i> Macros
+            <a (click)="addMacro()" class="btn btn-default pull-right btn-sm">
+                <i class="fa fa-plus"></i>
+            </a>
+            <i class="fa fa-chevron-up pull-right" (click)="toggleHide($event, 'macro')"></i>
+        </div>
+        <ul [@toggler]="animation['macro']">
+            <li *ngFor="let macro of macros$ | async" class="sidebar__level-2--item">
+                <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                    <a [routerLink]="['/macro', macro.id]">{{macro.name}}</a>
+                </div>
+            </li>
+        </ul>
+    </li>
+    <li class="sidebar__level-1--item" *ngIf="showAddonMenu$ | async">
+        <div class="sidebar__level-1">
+            <i class="fa fa-puzzle-piece"></i> Add-on modules
+            <i class="fa fa-chevron-up pull-right" (click)="toggleHide($event, 'addon')"></i>
+        </div>
+        <ul [@toggler]="animation['addon']">
+            <li class="sidebar__level-2--item" data-name="Key cluster" data-abbrev="">
+                <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                    <a [routerLink]="['/add-on', 'Key cluster']">Key cluster</a>
+                </div>
+            </li>
+            <li class="sidebar__level-2--item" data-name="Trackball" data-abbrev="">
+                <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                    <a [routerLink]="['/add-on', 'Trackball']">Trackball</a>
+                </div>
+            </li>
+            <li class="sidebar__level-2--item" data-name="Toucpad" data-abbrev="">
+                <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                    <a [routerLink]="['/add-on', 'Touchpad']">Touchpad</a>
+                </div>
+            </li>
+            <li class="sidebar__level-2--item" data-name="Trackpoint" data-abbrev="">
+                <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                    <a [routerLink]="['/add-on', 'Trackpoint']">Trackpoint</a>
+                </div>
+            </li>
+        </ul>
+    </li>
+</ul>
+<ul class="menu--bottom" *ngIf="runInElectron$ | async">
+    <li class="sidebar__level-1--item" [routerLinkActive]="['active']">
+        <a class="sidebar__level-1" [routerLink]="['/settings']">
+            <i class="fa fa-gear"></i> Settings
+        </a>
+    </li>
+</ul>