From bf94370f2fa2ae3d2e2cdb1bd556ae204c57f804 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A1szl=C3=B3=20Monda?= <laci@monda.hu>
Date: Thu, 29 Mar 2018 18:44:09 +0200
Subject: [PATCH] Add the "Export device configuration" button instead of the
 export link. Make the button export JSON by default and BIN when pressed with
 Shift.

---
 .../configuration/device-configuration.component.html     | 6 +++---
 .../configuration/device-configuration.component.ts       | 8 ++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.html b/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.html
index aa85eb56..d3c0d765 100644
--- a/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.html
+++ b/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.html
@@ -9,9 +9,9 @@
 
 <ul class="list-unstyled btn-list">
     <li>
-        Export device configuration in
-        <span role="button" class="btn-link" (click)="saveConfigurationInJSONFormat()">JSON</span> or
-        <span role="button" class="btn-link" (click)="saveConfigurationInBINFormat()">binary</span> format.
+        <button class="btn btn-default"
+                (click)="exportUserConfiguration($event)">Export device configuration
+        </button>
     </li>
     <li>
         <label class="btn btn-default btn-file">
diff --git a/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.ts b/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.ts
index d105dff8..af7102b9 100644
--- a/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.ts
+++ b/packages/uhk-web/src/app/components/device/configuration/device-configuration.component.ts
@@ -34,6 +34,14 @@ export class DeviceConfigurationComponent {
         this.store.dispatch(new SaveUserConfigInBinaryFileAction());
     }
 
+    exportUserConfiguration(event: MouseEvent) {
+        if (event.shiftKey) {
+            this.saveConfigurationInBINFormat();
+        } else {
+            this.saveConfigurationInJSONFormat();
+        }
+    }
+
     changeFile(event): void {
         const files = event.srcElement.files;
         const fileReader = new FileReader();