Adjust slider and make configuration required in schema

Author: katharina-schulze

viplab-standalone-frontend-vue/.env

@@ -1,4 +1,4 @@
-VUE_APP_FILENAME = workshop-snakemake-example.computation-template
+VUE_APP_FILENAME = hello-world.docker-container-example
 #workshop-snakemake-example.computation-template
 #workshop-snakemake-example.computation-template
 #leap-year.computation-template

viplab-standalone-frontend-vue/src/components/SliderElement.vue

@@ -2,7 +2,7 @@
   <div class="slider-component">
     <div class ="item-name">{{slider.metadata.name}}:</div>
     <div v-if="slider.value.length > 1" :class="slider.metadata.vertical? 'mt-3' : 'mt-5'">
-        <vue-slider v-model="vModel" :min="slider.min" :max="slider.max" :interval="slider.step" :direction="sliderDirection(slider)" style="height: 300px;[slider.metadata.vertical ? {'height': '300px'} : {}]" tooltip="always" :tooltipPlacement="slider.metadata.vertical? 'right' : 'top'"></vue-slider>
+        <vue-slider v-model="vModel" :min="slider.min" :max="slider.max" :interval="slider.step" :direction="sliderDirection(slider)" style="height: 300px;[slider.metadata.vertical ? {'height': '300px'} : {}]" tooltip="always" :tooltipPlacement="slider.metadata.vertical? 'right' : 'top'" :order="false"></vue-slider>
     </div>
     <div v-else :class="slider.metadata.vertical? 'mt-3' : 'mt-5'">
         <vue-slider v-model="vModel" :min="slider.min" :max="slider.max" :interval="slider.step" :direction="sliderDirection(slider)" :style="[slider.metadata.vertical ? {'height': '300px'} : {}]" tooltip="always" :tooltipPlacement="slider.metadata.vertical? 'right' : 'top'"></vue-slider>

viplab-standalone-frontend-vue/src/input/workshop-snakemake-example.computation-template.json

@@ -61,23 +61,6 @@
                         "max": 10,
                         "step": 0.01,
                         "validation": "range"
-                    },
-                    {
-                        "mode": "any",
-                        "identifier": "__scale2__",
-                        "metadata": {
-                            "guiType": "slider",
-                            "name": "Scale",
-                            "vertical": true,
-                            "description" : "Enter value for scale"
-                        },
-                        "default": [
-                            0.05
-                        ],
-                        "min": 0.05,
-                        "max": 10,
-                        "step": 0.01,
-                        "validation": "range"
                     }
                 ],
                 "content": "c2NhbGU6IHt7X19zY2FsZV9ffX0NCg"

viplab-standalone-frontend-vue/src/main.js

@@ -81,7 +81,7 @@ const store = new Vuex.Store({
         "resources.image": "",
         "running.userId": 0,
         "resources.volume": "",
-        "resources.memory": "4g",
+        "resources.memory": "64mb",
         "resources.numCPUs": 1
       }, 
       "files": []

viplab-standalone-frontend-vue/src/pages/teacher/json-schema/computation-template-container.json

@@ -281,5 +281,5 @@
         }
     },
     "additionalProperties": false,
-    "required" : ["identifier", "environment"]
+    "required" : ["identifier", "environment", "configuration"]
 }