Clear verifier root element

dmnverifierfrontend/src/main/resources/META-INF/resources/js/dmnVerifier.js

@@ -11,6 +11,10 @@ function checkVerifications() {
   getVerifications();
 }
 
+function cleanDmnVerifierRoot() {
+  $('#root-dmn-verifier').empty();
+}
+
 function getVerifications() {
   dmnModeler.saveXML({format: true}, function (err, xml) {
     if (err) {

dmnverifierfrontend/src/main/resources/META-INF/resources/js/dmnViewer.js

@@ -52,15 +52,7 @@ function exportDiagram() {
     } else {
       console.log('saving dmn..');
     }
-    $.ajax({
-      url: dmnApi + 'setCurrentDmn',
-      type: 'POST',
-      contentType: 'text/xml',
-      data: xml,
-      success: function (data) {
-        console.log('dmn saved');
-      }
-    });
+    // TODO, download
   });
 }
 
@@ -70,6 +62,8 @@ function exportDiagram() {
  * @param {String} dmnXML diagram to display
  */
 function openDiagram(dmnXML) {
+  // clean
+  cleanDmnVerifierRoot();
   // import diagram
   dmnModeler.importXML(dmnXML, function (err) {
     if (err) {

dmnverifierfrontend/src/main/resources/META-INF/resources/js/upload.js

-console.log("TEST");
-
 document.addEventListener("DOMContentLoaded", function () {
-  // Falls neue Eingabe, neuer Aufruf der Auswahlfunktion
-  document.getElementById('dmn-file-upload').addEventListener('change',
-      loadDmnFromFile,
-      false);
+  $('#dmn-file-upload').on('change', loadDmnFromFile);
 });
 
 function loadDmnFromFile(evt) {
-  var files = evt.target.files;
-  var dmnFile = files[0];
-  var fileReader = new FileReader();
+  let files = evt.target.files;
+  let dmnFile = files[0];
+  let fileReader = new FileReader();
   fileReader.onload = function (fileLoadedEvent) {
-    var textFromFileLoaded = fileLoadedEvent.target.result;
+    let textFromFileLoaded = fileLoadedEvent.target.result;
     openDiagram(textFromFileLoaded);
   };
   fileReader.readAsText(dmnFile, "UTF-8");