Add button to download events (#98)

Author: J-Binieda-ericsson

src/main/resources/static/js/testrules.js

@@ -282,6 +282,25 @@ jQuery(document).ready(
           }
       });
 
+      // Download the modified events
+      $('.container').on('click', 'button.download_events', function() {
+        var formEvents = [];
+        $('.formEvents').each(function() {
+          try {
+            formEvents.push(JSON.parse($(this).val()));
+          } catch (e) {
+            window.logMessages("Invalid json format :\n" + $(this).val());
+            return false;
+          }
+        });
+        if (formEvents.length !== 0) {
+          var jsonData = JSON.stringify(formEvents, null, 2);
+          downloadFile(jsonData, "application/json;charset=utf-8", "events.json");
+        } else {
+            window.logMessages("Data not available for download!");
+          }
+      });
+
       function getTemplate(name) {
         var request = new XMLHttpRequest();
         request.open("GET", frontendServiceUrl + '/download/' + name, true);

src/main/resources/templates/testRules.html

@@ -102,15 +102,21 @@ <h6>
         </div>
         <div class="row-fluid divpad" id="submitButton">
             <div class="row">
-                <div class="col-5">
+                <div class="col-4">
                     <button class="btn btn-success download_rules white-space-normal">
                         Download Rules
                         <i class="fa fa-fw  fa-download"></i>
                     </button>
                 </div>
-                <div class="col-7">
+                <div class="col-4 text-center">
                     <button class="btn btn-success find_aggregated_object white-space-normal" data-bind="click : $root.submit.bind($data)">Find Aggregated Object</button>
                 </div>
+                <div class="col-4">
+                    <button class="btn btn-success download_events white-space-normal float-right">
+                        Download Events
+                        <i class="fa fa-fw  fa-download"></i>
+                    </button>
+                </div>
             </div>
         </div>
     </div>