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
2017-08-19 20:02:17 +02:00
parent 97770f67c0
commit 0f558e4132
524 changed files with 25606 additions and 5036 deletions
@@ -0,0 +1 @@
+export * from './keymap-tab.component';
@@ -0,0 +1,22 @@
+<ng-template [ngIf]="keymapOptions.length === 0">
+    <span> No keymaps are available to choose from. Create a keymap first! </span>
+</ng-template>
+<ng-template [ngIf]="keymapOptions.length > 0">
+    <div>
+        <b>Switch to keymap:</b>
+        <select2
+                [data]="keymapOptions"
+                [value]="selectedKeymap?.abbreviation || -1"
+                (valueChanged)="onChange($event)"
+                [width]="'100%'"
+        ></select2>
+    </div>
+    <div>
+        <div class="empty" *ngIf="!selectedKeymap?.abbreviation">
+            <img src="assets/images/base-layer--blank.svg">
+        </div>
+        <svg-keyboard *ngIf="selectedKeymap?.abbreviation"
+                    [moduleConfig]="selectedKeymap.layers[0].modules">
+        </svg-keyboard>
+    </div>
+</ng-template>
@@ -0,0 +1,43 @@
+:host {
+    display: flex;
+    flex-direction: column;
+
+    > span {
+        text-align: center;
+    }
+
+    > div {
+        display: flex;
+        margin-top: 2px;
+
+        b {
+            display: flex;
+            align-items: center;
+            margin-right: 7px;
+        }
+
+        select2 {
+            flex: 1;
+        }
+    }
+
+    > div:last-child {
+        margin-top: 10px;
+
+        img {
+            max-height: 100%;
+            max-width: 100%;
+        }
+    }
+}
+
+.empty {
+    display: flex;
+
+    img {
+        display: flex;
+        width: 100%;
+        height: 100%;
+        position: relative;
+    }
+}
@@ -0,0 +1,77 @@
+import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+
+import { Select2OptionData } from 'ng2-select2/ng2-select2';
+
+import { KeyAction, SwitchKeymapAction } from '../../../../config-serializer/config-items/key-action';
+import { Keymap } from '../../../../config-serializer/config-items/keymap';
+import { Tab } from '../tab';
+
+@Component({
+    selector: 'keymap-tab',
+    templateUrl: './keymap-tab.component.html',
+    styleUrls: ['./keymap-tab.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class KeymapTabComponent extends Tab implements OnChanges {
+    @Input() defaultKeyAction: KeyAction;
+    @Input() keymaps: Keymap[];
+
+    keymapOptions: Array<Select2OptionData>;
+    selectedKeymap: Keymap;
+
+    constructor() {
+        super();
+        this.keymapOptions = [];
+    }
+
+    ngOnChanges(changes: SimpleChanges) {
+        if (changes.keymaps) {
+            this.keymapOptions = this.keymaps
+                .map((keymap: Keymap): Select2OptionData => {
+                    return {
+                        id: keymap.abbreviation,
+                        text: keymap.name
+                    };
+                });
+            if (this.keymaps.length > 0) {
+                this.selectedKeymap = this.keymaps[0];
+            }
+        }
+
+        this.fromKeyAction(this.defaultKeyAction);
+        this.validAction.emit(true);
+    }
+
+    // TODO: change to the correct type when the wrapper has added it.
+    onChange(event: any) {
+        if (event.value === '-1') {
+            this.selectedKeymap = undefined;
+        } else {
+            this.selectedKeymap = this.keymaps.find((keymap: Keymap) => keymap.abbreviation === event.value);
+        }
+    }
+
+    keyActionValid(): boolean {
+        return !!this.selectedKeymap;
+    }
+
+    fromKeyAction(keyAction: KeyAction): boolean {
+        if (!(keyAction instanceof SwitchKeymapAction)) {
+            return false;
+        }
+
+        const switchKeymapAction: SwitchKeymapAction = <SwitchKeymapAction>keyAction;
+        this.selectedKeymap = this.keymaps
+            .find((keymap: Keymap) => keymap.abbreviation === switchKeymapAction.keymapAbbreviation);
+    }
+
+    toKeyAction(): SwitchKeymapAction {
+        if (!this.keyActionValid()) {
+            throw new Error('KeyAction is not valid. No selected keymap!');
+        }
+
+        const keymapAction = new SwitchKeymapAction();
+        keymapAction.keymapAbbreviation = this.selectedKeymap.abbreviation;
+        return keymapAction;
+    }
+}