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

packages/uhk-web/src/app/components/device/firmware/device-firmware.component.html

@@ -1,7 +1,40 @@
-<h1>
-    <i class="fa fa-sliders"></i>
-    <span>Firmware</span>
-</h1>
-<p>
-    Coming soon ...
-</p>
+<div class="full-height">
+    <div class="flex-container">
+        <div>
+
+            <h1>
+                <i class="fa fa-sliders"></i>
+                <span>Firmware</span>
+            </h1>
+            <p>
+                Flash firmware {{ (getAgentVersionInfo$ | async).firmwareVersion }} (bundled with Agent)
+                <button class="btn btn-primary"
+                        [disabled]="flashFirmwareButtonDisbabled$ | async"
+                        (click)="onUpdateFirmware()">Flash firmware
+                </button>
+            </p>
+
+            <p>
+                Flash firmware file <input id="firmware-file-select"
+                                           type="file"
+                                           [disabled]="flashFirmwareButtonDisbabled$ | async"
+                                           (change)="changeFile($event)">
+                <button class="btn btn-primary"
+                        [disabled]="flashFirmwareButtonDisbabled$ | async"
+                        (click)="onUpdateFirmwareWithFile()">Flash firmware
+                </button>
+            </p>
+        </div>
+
+        <div class="flex-grow" #scrollMe>
+            <xterm [logs]="xtermLog$ | async"></xterm>
+        </div>
+        <div class="footer">
+            <button type="button"
+                    class="btn btn-primary ok-button"
+                    [disabled]="firmwareOkButtonDisabled$ | async"
+                    (click)="onOkButtonClick()">OK
+            </button>
+        </div>
+    </div>
+</div>