From 1873df74a1d617051ed5c1be3a09312a15c266b3 Mon Sep 17 00:00:00 2001
From: Anton Romanov <a.romanov@ulstu.ru>
Date: Thu, 27 Feb 2025 11:23:37 +0400
Subject: [PATCH] #4 -- Read rule string

---
 src/main/resources/templates/rule/edit.html | 31 ++++++++++++++++++---
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/main/resources/templates/rule/edit.html b/src/main/resources/templates/rule/edit.html
index bbe6824..83d97e1 100644
--- a/src/main/resources/templates/rule/edit.html
+++ b/src/main/resources/templates/rule/edit.html
@@ -26,25 +26,29 @@
         </div>
         <div class="form-group">
             <label class="col col-md-1">Если</label>
-            <select id="select-variable" class="selectpicker m-2" data-live-search="true" data-width="70%">
+            <select id="select-variable" class="selectpicker inputVar m-2" data-live-search="true" data-width="70%"
+                    onchange="createRule()">
                 <option>Скорость</option>
             </select>
         </div>
         <div class="form-group">
             <label class="col col-md-1">есть</label>
-            <select id="select-val" class="selectpicker m-2" data-live-search="true" data-width="70%">
+            <select id="select-val" class="selectpicker inputVal m-2" data-live-search="true" data-width="70%"
+                    onchange="createRule()">
                 <option>Высокая</option>
             </select>
         </div>
         <div class="form-group">
             <label class="col col-md-1">то</label>
-            <select id="select-val1" class="selectpicker m-2" data-live-search="true" data-width="70%">
+            <select id="select-val1" class="selectpicker m-2" data-live-search="true" data-width="70%"
+                    onchange="createRule()">
                 <option>Действие</option>
             </select>
         </div>
         <div class="form-group">
             <label class="col col-md-1">есть</label>
-            <select id="select-val4" class="selectpicker m-2" data-live-search="true" data-width="70%">
+            <select id="select-val4" class="selectpicker m-2" data-live-search="true" data-width="70%"
+                    onchange="createRule()">
                 <option>Сливать воду</option>
             </select>
         </div>
@@ -57,6 +61,25 @@
             Удалить
         </button>
         <a th:href="@{'/project/edit/' + ${projectId}}" class="btn btn-outline-dark">Отмена</a>
+        <script>
+            function createRule() {
+                var ruleString = "if ";
+                var inp = $('.selectpicker.inputVar').map(function() {
+                            return $(this).val();
+                          }).get();
+                var inpVal = $('.selectpicker.inputVal').map(function() {
+                            return $(this).val();
+                          }).get();
+                for (var i = 0; i < inp.length; i++) {
+                    if (i > 0) {
+                        ruleString += ' and ';
+                    }
+                    ruleString += inp[i] + " is " + inpVal[i];
+                }
+                $('#ruleContent').val(ruleString);
+            }
+            createRule();
+        </script>
     </form>
 </div>
 </html>