From 471ce873d72a9960fe0ade8570883f515e4eef94 Mon Sep 17 00:00:00 2001
From: Julien WITTOUCK <julien.wittouck@gmail.com>
Date: Thu, 6 Jun 2019 21:13:51 +0200
Subject: [PATCH] :sparkles: : change stack state when modifying it

if a stack is running, and a variable value is modified, set its state
to 'TO_UPDATE'
---
 src/main/resources/templates/stack.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/templates/stack.html b/src/main/resources/templates/stack.html
index 96ae864f1..8a1942431 100644
--- a/src/main/resources/templates/stack.html
+++ b/src/main/resources/templates/stack.html
@@ -38,6 +38,7 @@
 
 <template id="template">
     <div>
+
         <div class="row">
             <div class="col-md-12">
                 <div class="white_shd full margin_bottom_30">
@@ -139,7 +140,7 @@ <h2>Module variables values</h2>
                             <div class="form-row align-items-end" v-for="(modVar,modVarIdx) in stack.module.variables">
                                 <div class="form-group col-md-4" >
                                     <label for="var-name">{{modVar.name}}: </label>
-                                    <input type="text" class="form-control" id="var-name" v-model="stack.variableValues[modVar.name]">
+                                    <input type="text" class="form-control" id="var-name" v-model="stack.variableValues[modVar.name]" @change="recomputeState">
                                     <small id="emailHelp" class="form-text text-muted">{{modVar.description}}</small>
                                 </div>
                             </div>
@@ -237,6 +238,13 @@ <h3><span><i class="fas fa-history"></i> Job history</span></h3>
                 settings
             },
             template: "#template",
+            methods: {
+                recomputeState: function(){
+                    if(stack.state === "RUNNING"){
+                        stack.state = "TO_UPDATE";
+                    }
+                }
+            }
         });
 
         // highlight code !