Fix errors in output-file-processing and modify/add example

Author: katharina-schulze

viplab-standalone-frontend-vue/.env

@@ -1,4 +1,5 @@
-VUE_APP_FILENAME = viplab-computation-template
+VUE_APP_FILENAME = case_1.computation-template
+#leap-year.computation-template
 #case_1.computation-template
 #viplab-computation-template
 #teacher-frontend-test

viplab-standalone-frontend-vue/src/input/case_1.computation-template.json

@@ -38,6 +38,15 @@
             "vtk": [
                 {
                     "basename": "case1_single_tracer_matrix"
+                },
+                {
+                    "basename": "case1_single_tracer_fracture"
+                },
+                {
+                    "basename": "case1_single_onep_matrix"
+                },
+                {
+                    "basename": "case1_single_onep_fracture"
                 } 
             ]
         }

viplab-standalone-frontend-vue/src/input/leap-year.computation-template.json

@@ -0,0 +1,34 @@
+{
+    "identifier": "06fe1cab-0a1a-430a-91c5-badf539189a5",
+    "version": "3.0.0",
+    "metadata": {
+        "displayName": "Leap Year Tester",
+        "description": "Check whether a year is a leap year."
+    },
+    "environment": "Container",
+    "files":   [
+        { 
+            "identifier": "22701b37-0a8f-405c-a89b-c31be7cd4b89",
+            "path": "run.py",
+            "metadata" : { 
+                "syntaxHighlighting": "python"
+            },
+            "parts": [
+                {
+                    "identifier": "ceb051d8-b50c-4814-983a-b9d703cae0c6",
+                    "access": "modifiable",
+                    "metadata": { 
+                        "name": "Code for checking year"
+                    },
+                    "content": "IyB5ZWFyIHRvIGNoZWNrDQp5ZWFyID0gMjAyMA0KDQojIGlmIHllYXIgY2FuIGJlIGRpdmlkZWQgYnkgNDAwIGFuZCAxMDAsIA0KIyBpdCBpcyBsZWFwIHllYXINCmlmICh5ZWFyICUgNDAwID09IDApIGFuZCAoeWVhciAlIDEwMCA9PSAwKToNCiAgICBwcmludCh5ZWFyLCAiaXMgYSBsZWFwIHllYXIiKQ0KDQojIGlmIHllYXIgY2FuIGJlIGRpdmlkZWQgYnkgNCwgYnV0IG5vdCBieSAxMDAsIA0KIyBpdCBpcyBhIGxlYXAgeWVhcg0KZWxpZiAoeWVhciAlIDQgPT0wKSBhbmQgKHllYXIgJSAxMDAgIT0gMCk6DQogICAgcHJpbnQoeWVhciwgImlzIGEgbGVhcCB5ZWFyIikNCg0KIyBlbHNlOiB5ZWFyIGlzIG5vdCBsZWFwIHllYXINCmVsc2U6DQogICAgcHJpbnQoeWVhciwgImlzIG5vdCBhIGxlYXAgeWVhciIp"
+                }
+            ] 
+        }
+    ],
+    "configuration" : { 
+        "resources.image": "name://leap-year-tester", 
+        "resources.volume": "/data/shared",
+        "resources.memory": "1g",
+        "resources.numCPUs": 1
+    }
+}

viplab-standalone-frontend-vue/src/pages/viplab/App.vue

@@ -942,10 +942,12 @@ export default {
         this.returnedUnmodifiedArtifacts = JSON.parse(JSON.stringify(result.result))
       } else {
         // TODO: Muss eventuell mit this.$set gemacht werden, damit gui auch geupdated wird; nötig erst wenn intermediate results im Backend möglich
-        this.returnedOutputJson.artifacts.push(JSON.parse(JSON.stringify(result.result.artifacts)));
-        this.returnedUnmodifiedArtifacts.artifacts.push(JSON.parse(JSON.stringify(result.result.artifacts)))
+        this.returnedOutputJson.artifacts = this.returnedOutputJson.artifacts.concat(JSON.parse(JSON.stringify(result.result.artifacts)));
+        this.returnedUnmodifiedArtifacts.artifacts = this.returnedUnmodifiedArtifacts.artifacts.concat(JSON.parse(JSON.stringify(result.result.artifacts)))
       }
 
+      this.returnedUnmodifiedArtifacts.artifacts.sort((a,b) => (a.path > b.path) ? 1 : ((b.path > a.path) ? -1 : 0))
+
       // filter result such that only specified results are displayed
       let viewer = [];
       if (typeof this.json.metadata !== 'undefined') {
@@ -1109,7 +1111,7 @@ export default {
 
       // filter returnedOutputJson to only include displayable results
       this.returnedOutputJson.artifacts = this.returnedOutputJson.artifacts.filter(function (value) {
-        let displayableMIMEtypes = ["text/plain", "text/uri-list", "image/png", "image/jpeg", "application/x-vgf", "application/x-vgf3", "application/x-vgfc", "application/vnd.kitware", "application/json"];
+        let displayableMIMEtypes = ["text/plain", "text/csv", "text/uri-list", "image/png", "image/jpeg", "application/x-vgf", "application/x-vgf3", "application/x-vgfc", "application/vnd.kitware", "application/json"];
         if (displayableMIMEtypes.includes(value.MIMEtype)) {
           return value;
         }