processing button and input locking while workflow is running

METS0JA · METS0JA · commit f24cb6551eb6 · 2022-07-26T14:26:32.000+03:00
diff --git a/src/components/InputBool.vue b/src/components/InputBool.vue
@@ -2,7 +2,10 @@
   <v-card
     light
     elevation="2"
-    :disabled="Object.values(inputData).includes(input.disabled)"
+    :disabled="
+      Object.values(inputData).includes(input.disabled) ||
+      $store.state.runInfo.active == true
+    "
   >
     <v-tooltip top>
       <template v-slot:activator="{ on }">
diff --git a/src/components/InputBoolFile.vue b/src/components/InputBoolFile.vue
@@ -2,7 +2,10 @@
   <v-card
     light
     elevation="2"
-    :disabled="Object.values(inputData).includes(input.disabled)"
+    :disabled="
+      Object.values(inputData).includes(input.disabled) ||
+      $store.state.runInfo.active == true
+    "
   >
     <v-tooltip top>
       <template v-slot:activator="{ on }">
diff --git a/src/components/InputBoolSelect.vue b/src/components/InputBoolSelect.vue
@@ -2,7 +2,10 @@
   <v-card
     light
     elevation="2"
-    :disabled="Object.values(inputData).includes(input.disabled)"
+    :disabled="
+      Object.values(inputData).includes(input.disabled) ||
+      $store.state.runInfo.active == true
+    "
   >
     <v-tooltip top>
       <template v-slot:activator="{ on }">
diff --git a/src/components/InputChip.vue b/src/components/InputChip.vue
@@ -3,7 +3,10 @@
     <template v-slot:activator="{ on }">
       <div v-on="on">
         <v-card
-          :disabled="Object.values(inputData).includes(input.disabled)"
+          :disabled="
+            Object.values(inputData).includes(input.disabled) ||
+            $store.state.runInfo.active == true
+          "
           light
           elevation="2"
           style="height: fit-content; resize: auto; min-height: 145px"
diff --git a/src/components/InputCombo.vue b/src/components/InputCombo.vue
@@ -2,7 +2,10 @@
   <v-card
     light
     elevation="2"
-    :disabled="Object.values(inputData).includes(input.disabled)"
+    :disabled="
+      Object.values(inputData).includes(input.disabled) ||
+      $store.state.runInfo.active == true
+    "
   >
     <v-card-actions style="justify-content: center">
       <v-row style="justify-content: center">
diff --git a/src/components/InputFile.vue b/src/components/InputFile.vue
@@ -2,7 +2,10 @@
   <v-card
     light
     elevation="2"
-    :disabled="Object.values(inputData).includes(input.disabled)"
+    :disabled="
+      Object.values(inputData).includes(input.disabled) ||
+      $store.state.runInfo.active == true
+    "
   >
     <v-tooltip top>
       <template v-slot:activator="{ on }">
diff --git a/src/components/InputLink.vue b/src/components/InputLink.vue
@@ -2,7 +2,10 @@
   <v-card
     light
     elevation="2"
-    :disabled="Object.values(inputData).includes(input.disabled)"
+    :disabled="
+      Object.values(inputData).includes(input.disabled) ||
+      $store.state.runInfo.active == true
+    "
   >
     <v-tooltip top>
       <template v-slot:activator="{ on }">
diff --git a/src/components/InputNumeric.vue b/src/components/InputNumeric.vue
@@ -2,7 +2,10 @@
   <v-card
     light
     elevation="2"
-    :disabled="Object.values(inputData).includes(input.disabled)"
+    :disabled="
+      Object.values(inputData).includes(input.disabled) ||
+      $store.state.runInfo.active == true
+    "
   >
     <v-tooltip top>
       <template v-slot:activator="{ on }">
diff --git a/src/components/InputSelect.vue b/src/components/InputSelect.vue
@@ -2,7 +2,10 @@
   <v-card
     light
     elevation="2"
-    :disabled="Object.values(inputData).includes(input.disabled)"
+    :disabled="
+      Object.values(inputData).includes(input.disabled) ||
+      $store.state.runInfo.active == true
+    "
   >
     <v-tooltip top>
       <template v-slot:activator="{ on }">
diff --git a/src/components/InputSlide.vue b/src/components/InputSlide.vue
@@ -3,7 +3,10 @@
     light
     elevation="2"
     width="400px"
-    :disabled="Object.values(inputData).includes(input.disabled)"
+    :disabled="
+      Object.values(inputData).includes(input.disabled) ||
+      $store.state.runInfo.active == true
+    "
   >
     <v-tooltip top>
       <template v-slot:activator="{ on }">
diff --git a/src/components/leftNav.vue b/src/components/leftNav.vue
@@ -6,6 +6,7 @@
           <template v-slot:activator="{ on }">
             <div v-on="on">
               <v-btn
+                v-if="$store.state.runInfo.active != true"
                 style="background-color: #212121"
                 block
                 :style="
@@ -27,6 +28,18 @@
               >
                 Select workDir
               </v-btn>
+              <v-btn
+                v-if="$store.state.runInfo.active == true"
+                style="background-color: #212121"
+                block
+              >
+                Processing...
+              </v-btn>
+              <v-progress-linear
+                v-if="$store.state.runInfo.active == true"
+                indeterminate
+                color="green"
+              ></v-progress-linear>
             </div>
           </template>
           <div v-if="this.$store.state.inputDir == ''">No files selected!</div>
@@ -126,7 +139,6 @@ export default {
       var container = dockerode.getContainer(
         this.$store.state.runInfo.containerID
       );
-      console.log(container);
       container.remove({ v: true, force: true });
       this.$store.commit("resetRunInfo");
     },
