From 3b8cc74065534a045659738dae65316848cde63c Mon Sep 17 00:00:00 2001
From: Aidaho <aidaho@roxy-wi.org>
Date: Mon, 28 Apr 2025 11:32:15 +0300
Subject: [PATCH] v8.1.8: Add HA cluster creation progress modal to template

Introduce a new modal to display HA cluster creation progress with messages and a progress bar. This enhances the user interface by providing clear feedback during the creation process.
---
 app/templates/ha_cluster.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/templates/ha_cluster.html b/app/templates/ha_cluster.html
index b169843c..58a5fdf3 100644
--- a/app/templates/ha_cluster.html
+++ b/app/templates/ha_cluster.html
@@ -184,6 +184,16 @@
 <div id="dialog-confirm" style="display: none;">
     <p><span class="ui-icon ui-icon-alert" style="float:left; margin:3px 12px 20px 0;"></span>{{lang.phrases.are_you_sure}}</p>
 </div>
+<div id="server_creating1" style="display: none;" title="{{lang.phrases.creating_ha}}">
+    <ul style="padding: 20px 20px 0px 20px;font-size: 15px;" id="server_creating_list"></ul>
+    <div id="created-mess" class="alert alert-success" style="display:none;"></div>
+    <div id="creating-error" class="alert alert-danger" style="display:none;"></div>
+    <div id="creating-warning" class="alert alert-warning" style="display:none;"></div>
+    <div id="wait-mess"></div>
+    <div class="progress-bar-striped">
+        <div id="creating-progress" style="width: 5%;"></div>
+    </div>
+</div>
 <script>
     {% for cluster in clusters %}
         getHaCluster('{{cluster.id}}');