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
--- a/packages/uhk-web/src/app/components/macro/header/macro-header.component.ts
+++ b/packages/uhk-web/src/app/components/macro/header/macro-header.component.ts
@@ -0,0 +1,73 @@
+import {
+    AfterViewInit,
+    ChangeDetectionStrategy,
+    Component,
+    ElementRef,
+    Input,
+    OnChanges,
+    Renderer2,
+    SimpleChanges,
+    ViewChild
+} from '@angular/core';
+
+import { Store } from '@ngrx/store';
+
+import { Macro } from '../../../config-serializer/config-items/macro';
+
+import { MacroActions } from '../../../store/actions';
+import { AppState } from '../../../store/index';
+
+@Component({
+    selector: 'macro-header',
+    templateUrl: './macro-header.component.html',
+    styleUrls: ['./macro-header.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class MacroHeaderComponent implements AfterViewInit, OnChanges {
+    @Input() macro: Macro;
+    @Input() isNew: boolean;
+    @ViewChild('macroName') macroName: ElementRef;
+
+    constructor(private store: Store<AppState>, private renderer: Renderer2) { }
+
+    ngOnChanges(changes: SimpleChanges) {
+        if (this.isNew) {
+            this.setFocusOnName();
+        }
+        if (changes['macro']) {
+            this.setName();
+        }
+    }
+
+    ngAfterViewInit() {
+        if (this.isNew) {
+            this.setFocusOnName();
+        }
+    }
+
+    removeMacro() {
+        this.store.dispatch(MacroActions.removeMacro(this.macro.id));
+    }
+
+    duplicateMacro() {
+        this.store.dispatch(MacroActions.duplicateMacro(this.macro));
+    }
+
+    editMacroName(name: string) {
+        if (name.length === 0) {
+            this.setName();
+            return;
+        }
+
+        this.store.dispatch(MacroActions.editMacroName(this.macro.id, name));
+    }
+
+    private setFocusOnName() {
+        this.macroName.nativeElement.select();
+    }
+
+    private setName(): void {
+        this.renderer.setProperty(this.macroName.nativeElement, 'value', this.macro.name);
+    }
+
+}