From f516f8cd6fd94325347b1d023d1bb55b7a1171e0 Mon Sep 17 00:00:00 2001
From: Miguel Caballer <micafer1@upv.es>
Date: Thu, 16 May 2024 11:03:13 +0200
Subject: [PATCH] Implements: #550

---
 app/templates/advanced_config.html | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/app/templates/advanced_config.html b/app/templates/advanced_config.html
index 15c361d3e..2efda5f7a 100644
--- a/app/templates/advanced_config.html
+++ b/app/templates/advanced_config.html
@@ -209,6 +209,28 @@ <h5>Cloud Provider:</h5>
         });
    }
 
+   function selectedSiteImageChanged() {
+        // disable the other select of AppDB images
+        var selected = $("#selectedSiteImage option:selected" ).text();
+        if (selected == " - Select one image - ") {
+            $("#selectedImage").prop('disabled', false);
+        } else {
+            $("#selectedImage").prop('disabled', true);
+        }
+        activateSubmit()
+   }
+
+   function selectedImageChanged() {
+    // disable the other select of site images
+        var selected = $("#selectedImage option:selected" ).text();
+        if (selected == " - Select one image - ") {
+            $("#selectedSiteImage").prop('disabled', false);
+        } else {
+            $("#selectedSiteImage").prop('disabled', true);
+        }
+        activateSubmit()
+   }
+
    function activateSubmit() {
        $(".submitBtn").attr("disabled", false);
    }
@@ -252,7 +274,7 @@ <h5>Cloud Provider:</h5>
               <label>Select only one of this options AppDB or Site image:</label>
               <br/>
               <label>Select AppDB image:</label>
-              <select class="js-example-basic-single js-states form-control" id="selectedImage" name="extra_opts.selectedImage" onchange="activateSubmit()">
+              <select class="js-example-basic-single js-states form-control" id="selectedImage" name="extra_opts.selectedImage" onchange="selectedImageChanged()">
                   <option name="selectedImage" value="">Select provider</option>
               </select>
             </div>
@@ -260,7 +282,7 @@ <h5>Cloud Provider:</h5>
             <div id="siteImages" style="display: none;">
               <br/>
               <label>Select Site image:</label>
-              <select class="js-example-basic-single js-states form-control" id="selectedSiteImage" name="extra_opts.selectedSiteImage" onchange="activateSubmit()">
+              <select class="js-example-basic-single js-states form-control" id="selectedSiteImage" name="extra_opts.selectedSiteImage" onchange="selectedSiteImageChanged()">
                   <option name="selectedSiteImage" value="">Select provider</option>
               </select>
            </div>