From 65a988f13b0ba6c8b5f6d133a3d9f8ecaf224a2e Mon Sep 17 00:00:00 2001
From: marvindoering <marvin.doering@hotmail.de>
Date: Sun, 14 Feb 2021 18:15:23 +0100
Subject: [PATCH] Added a download button to GUI in order to download reports
 easily

---
 src/main/resources/gui/README.md  |  2 +-
 src/main/resources/gui/index.html | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)
diff --git a/src/main/resources/gui/README.md b/src/main/resources/gui/README.md
index 40aad58..144d2fb 100644
--- a/src/main/resources/gui/README.md
+++ b/src/main/resources/gui/README.md
@@ -13,7 +13,7 @@ View [validator configuration](/server/config) or <a href="/server/health" targe
         <div>
             <label for="file">Choose a file</label>
             <input type="file" id="file" name="myFile">
-            <input type="submit" id="submit" value="Validate" onclick="return validate();">
+            <input type="submit" id="submit" value="Validate" onclick="return validate();"><input type="button" id="dwn-btn" value="Download Report" onclick="return reporting();">
         </div>
             <div id="result"></div>
     </form>
diff --git a/src/main/resources/gui/index.html b/src/main/resources/gui/index.html
index 2a9147a..b8d1ff4 100644
--- a/src/main/resources/gui/index.html
+++ b/src/main/resources/gui/index.html
@@ -40,6 +40,7 @@
 <body>
 <script type="text/javascript">
 
+  var report;
 
   var validate = function () {
     const input = document.getElementById('file');
@@ -62,6 +63,20 @@
     return false;
   };
 
+  var reporting = function() {
+    var filename = "report.html";
+
+    var element = document.createElement('a');
+    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(report));
+    element.setAttribute('download', filename);
+
+    element.style.display = 'none';
+    document.body.appendChild(element);
+
+    element.click();
+
+    document.body.removeChild(element);
+  }
 
 </script>
 
