feat(device): flash device firmware from Agent (#499)

* add dataModelVersion, usbProtocolVersion, slaveProtocolVersion * read the package.json at appstart * flash firmware * update firmware * fix extra resource path * fix import modules * update lock files * fix imports * terminal window * exclude tmp folder from git repo * ok button * auto scroll in xterm * fix maxTry count calculation * optimize logging * optimize timeout * readSync * Add extra delay * fix async call * fix error message in log * fix ok button disable state * retry * list devices * close device after reenumeration * retry snooze * kboot maxtry 10 * retry 100 * remove deprecated toPayload ngrx helper * flash firmware with custom file * fix tslint
2017-11-27 22:12:43 +01:00
parent f608791a09
commit 297fd3be79
52 changed files with 3913 additions and 893 deletions
@@ -1,4 +1,12 @@
-import { Component } from '@angular/core';
+import { Component, ElementRef, OnDestroy, ViewChild } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { Observable } from 'rxjs/Observable';
+import { Subscription } from 'rxjs/Subscription';
+import { VersionInformation } from 'uhk-common';
+
+import { AppState, firmwareOkButtonDisabled, flashFirmwareButtonDisbabled, getAgentVersionInfo, xtermLog } from '../../../store';
+import { UpdateFirmwareAction, UpdateFirmwareOkButtonAction, UpdateFirmwareWithAction } from '../../../store/actions/device';
+import { XtermLog } from '../../../models/xterm-log';

@Component({
    selector: 'device-firmware',
@@ -8,5 +16,63 @@ import { Component } from '@angular/core';
        'class': 'container-fluid'
    }
 })
-export class DeviceFirmwareComponent {
+export class DeviceFirmwareComponent implements OnDestroy {
+    flashFirmwareButtonDisbabled$: Observable<boolean>;
+    xtermLog$: Observable<Array<XtermLog>>;
+    xtermLogSubscription: Subscription;
+    getAgentVersionInfo$: Observable<VersionInformation>;
+    firmwareOkButtonDisabled$: Observable<boolean>;
+
+    arrayBuffer: Uint8Array;
+    @ViewChild('scrollMe') divElement: ElementRef;
+
+    constructor(private store: Store<AppState>) {
+        this.flashFirmwareButtonDisbabled$ = store.select(flashFirmwareButtonDisbabled);
+        this.xtermLog$ = store.select(xtermLog);
+        this.xtermLogSubscription = this.xtermLog$.subscribe(() => {
+            if (this.divElement && this.divElement.nativeElement) {
+                setTimeout(() => {
+                    this.divElement.nativeElement.scrollTop = this.divElement.nativeElement.scrollHeight;
+                });
+            }
+        });
+        this.getAgentVersionInfo$ = store.select(getAgentVersionInfo);
+        this.firmwareOkButtonDisabled$ = store.select(firmwareOkButtonDisabled);
+    }
+
+    ngOnDestroy(): void {
+        this.xtermLogSubscription.unsubscribe();
+    }
+
+    onUpdateFirmware(): void {
+        this.store.dispatch(new UpdateFirmwareAction());
+    }
+
+    onUpdateFirmwareWithFile(): void {
+        if (!this.arrayBuffer) {
+            return;
+        }
+
+        this.store.dispatch(new UpdateFirmwareWithAction(Array.prototype.slice.call(this.arrayBuffer)));
+    }
+
+    onOkButtonClick(): void {
+        this.store.dispatch(new UpdateFirmwareOkButtonAction());
+    }
+
+    changeFile(event): void {
+        const files = event.srcElement.files;
+
+        if (files.length === 0) {
+            this.arrayBuffer = null;
+
+            return;
+        }
+
+        const fileReader = new FileReader();
+        fileReader.onloadend = function () {
+            this.arrayBuffer = new Uint8Array(fileReader.result);
+        }.bind(this);
+        fileReader.readAsArrayBuffer(files[0]);
+    }
 }