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 './macro-tab.component';
@@ -0,0 +1,16 @@
+<ng-template [ngIf]="macroOptions.length === 0">
+    <span> No macros are available to choose from. Create a macro first! </span>
+</ng-template>
+<ng-template [ngIf]="macroOptions.length > 0">
+    <div class="macro-selector">
+        <b> Play macro: </b>
+        <select2 [data]="macroOptions" [value]="macroOptions[selectedMacroIndex].id" (valueChanged)="onChange($event)" [width]="'100%'"></select2>
+    </div>
+    <div class="macro-action-container">
+        <div class="list-group">
+            <macro-item *ngFor="let macroAction of macros[selectedMacroIndex].macroActions"
+                        [macroAction]="macroAction" [editable]="false">
+            </macro-item>
+        </div>
+    </div>
+</ng-template>
@@ -0,0 +1,40 @@
+:host {
+    display: flex;
+    flex-direction: column;
+
+    > span {
+        text-align: center;
+    }
+
+    .macro-selector {
+        display: flex;
+        margin-top: 2px;
+
+        b {
+            display: flex;
+            align-items: center;
+            margin-right: 7px;
+        }
+
+        select2 {
+            flex: 1;
+        }
+    }
+
+    .macro-action-container {
+        display: flex;
+        flex-direction: column;
+        min-height: 200px;
+        max-height: 300px;
+        margin: 20px 0;
+        overflow-x: hidden;
+        overflow-y: auto;
+        border-radius: 4px;
+        border: 1px solid #ddd;
+
+        .list-group {
+            margin-bottom: 0;
+            border: 0;
+        }
+    }
+}
@@ -0,0 +1,83 @@
+import { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
+
+import { Store } from '@ngrx/store';
+
+import { Subscription } from 'rxjs/Subscription';
+
+import { Select2OptionData } from 'ng2-select2/ng2-select2';
+
+import { KeyAction, PlayMacroAction } from '../../../../config-serializer/config-items/key-action';
+import { Macro } from '../../../../config-serializer/config-items/macro';
+
+import { Tab } from '../tab';
+
+import { AppState } from '../../../../store/index';
+import { getMacros } from '../../../../store/reducers/user-configuration';
+
+@Component({
+    selector: 'macro-tab',
+    templateUrl: './macro-tab.component.html',
+    styleUrls: ['./macro-tab.component.scss']
+})
+export class MacroTabComponent extends Tab implements OnInit, OnChanges, OnDestroy {
+    @Input() defaultKeyAction: KeyAction;
+
+    macros: Macro[];
+    macroOptions: Array<Select2OptionData>;
+    selectedMacroIndex: number;
+    private subscription: Subscription;
+
+    constructor(store: Store<AppState>) {
+        super();
+        this.subscription = store.let(getMacros())
+            .subscribe((macros: Macro[]) => this.macros = macros);
+        this.macroOptions = [];
+        this.selectedMacroIndex = 0;
+    }
+
+    ngOnInit() {
+        this.macroOptions = this.macros.map(function (macro: Macro, index: number): Select2OptionData {
+            return {
+                id: index.toString(),
+                text: macro.name
+            };
+        });
+    }
+
+    ngOnChanges() {
+        this.fromKeyAction(this.defaultKeyAction);
+        this.validAction.emit(true);
+    }
+
+    // TODO: change to the correct type when the wrapper has added it.
+    onChange(event: any) {
+        this.selectedMacroIndex = +event.value;
+    }
+
+    keyActionValid(): boolean {
+        return this.selectedMacroIndex >= 0;
+    }
+
+    fromKeyAction(keyAction: KeyAction): boolean {
+        if (!(keyAction instanceof PlayMacroAction)) {
+            return false;
+        }
+        const playMacroAction: PlayMacroAction = <PlayMacroAction>keyAction;
+        this.selectedMacroIndex = this.macros.findIndex(macro => playMacroAction.macroId === macro.id);
+        return true;
+    }
+
+    toKeyAction(): PlayMacroAction {
+        if (!this.keyActionValid()) {
+            throw new Error('KeyAction is not valid. No selected macro!');
+        }
+
+        const keymapAction = new PlayMacroAction();
+        keymapAction.macroId = this.macros[this.selectedMacroIndex].id;
+        return keymapAction;
+    }
+
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+}