From 3e0c04b6d1f3cd82d036b17631f90dec581a67ce Mon Sep 17 00:00:00 2001
From: D10S0VSkY-OSS <79284025+D10S0VSkY-OSS@users.noreply.github.com>
Date: Tue, 21 Nov 2023 20:36:41 +0100
Subject: [PATCH 1/3] =?UTF-8?q?=E2=9C=A8feat:=20set=20form=20edit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sld-dashboard/app/home/routes.py              |  4 +++
 .../app/home/templates/deploy-edit.html       | 35 ++++++++++++++++++-
 .../app/home/templates/deploys-list.html      | 13 +++----
 .../app/home/templates/stacks-deploy.html     |  2 +-
 4 files changed, 44 insertions(+), 10 deletions(-)

diff --git a/sld-dashboard/app/home/routes.py b/sld-dashboard/app/home/routes.py
index 7027c36f..cdc97787 100644
--- a/sld-dashboard/app/home/routes.py
+++ b/sld-dashboard/app/home/routes.py
@@ -35,6 +35,10 @@ def decrypt(secreto):
 external_api_dns = settings.EXTERNAL_DNS_API
 
 
+def pretty_json(value):
+    return json.dumps(value, indent=4)
+
+
 @blueprint.route("/index")
 @login_required
 def index():
diff --git a/sld-dashboard/app/home/templates/deploy-edit.html b/sld-dashboard/app/home/templates/deploy-edit.html
index c021bef9..7ade479d 100644
--- a/sld-dashboard/app/home/templates/deploy-edit.html
+++ b/sld-dashboard/app/home/templates/deploy-edit.html
@@ -72,9 +72,18 @@ <h6><strong>{{key}}</strong></h6>
                                         {% if "passw" in key %}
                                         <input type="password" value="{{ value }}" name={{ key }} class='form-control'
                                             placeholder={{key}} autocomplete="off">
-                                        {% else %}
+                                        {% elif value is number %}
+                                        <input type="text" value="{{ value }}" name={{ key }} class='form-control'
+                                        placeholder={{key}} autocomplete="off">
+                                        <select name={{ key }} class='form-control'>
+                                            <select name="{{ key }}" id="select-{{ key }}" class="form-control">
+                                        </select>
+                                        {% elif value is iterable and not value is string %}
+                                        <textarea id="json{{ loop.index }}" name={{ key }} class='form-control' rows="6" required placeholder={{key}} autocomplete="off">{{ value | tojson | safe }}</textarea>
+                                        {% elif value is string %}
                                         <input type="text" value="{{ value }}" name={{ key }} class='form-control'
                                             placeholder={{key}} autocomplete="off">
+                                        {% else %}
                                         {% endif %}
                                     </div>
                                     {% endfor %}
@@ -153,4 +162,28 @@ <h6><strong>{{key}}</strong></h6>
         $(this).closest('#inputFormRow').remove();
     });
 </script>
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        var textareas = document.querySelectorAll('textarea');
+        textareas.forEach(function (textarea) {
+            try {
+                var obj = JSON.parse(textarea.value);
+                textarea.value = JSON.stringify(obj, null, 4);
+            } catch (e) {
+            }
+        });
+    });
+</script>
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        document.querySelectorAll('select').forEach(function (select) {
+            select.addEventListener('change', function () {
+                // Aquí puedes manejar el cambio de valor.
+                // Por ejemplo, imprimir el nuevo valor en la consola:
+                console.log('Nuevo valor para ' + this.name + ': ' + this.value);
+            });
+        });
+    });
+</script>
+
 {% endblock javascripts %}
diff --git a/sld-dashboard/app/home/templates/deploys-list.html b/sld-dashboard/app/home/templates/deploys-list.html
index 220bd7d5..519e08ce 100644
--- a/sld-dashboard/app/home/templates/deploys-list.html
+++ b/sld-dashboard/app/home/templates/deploys-list.html
@@ -189,11 +189,11 @@ <h2 class="h4">All Deploys</h2>
                             {% endif %}
                             <!-- Output-->
                             <!-- Botón para abrir el modal -->
-<span class="icon icon-sm">
-    <a title="Output Deploy" class="nav-link icon-notifications text-dark output-button" data-task-id="{{deploy.task_id}}" data-deploy-id="{{deploy.id}}">
-        <span class="fab fa-searchengin mr-0"></span>
-    </a>
-</span>
+                            <span class="icon icon-sm">
+                                <a title="Output Deploy" class="nav-link icon-notifications text-dark output-button" data-task-id="{{deploy.task_id}}" data-deploy-id="{{deploy.id}}">
+                                    <span class="fab fa-searchengin mr-0"></span>
+                                </a>
+                            </span>
                             <!-- Schedule -->
                             <span class="icon icon-sm">
                                 <a title="Edit Schedule" class="dropdown-item" href="{{ url_for('.edit_schedule',deploy_id=deploy.id)}}">
@@ -268,7 +268,6 @@ <h5 class="modal-title" id="DestroyModalLongTitle-{{deploy.id}}">Destroy Deploy
                             <div class="modal-body">
                                 <p><strong>This Deploy will be destroyed, could be regenerated later:</strong></p>
                                 <p><strong>Are you sure? </strong></p>
-                                <p> <small>Now, young Skywalker, you will die?</small></p>
                             </div>
                             <div class="modal-footer">
 
@@ -297,8 +296,6 @@ <h5 class="modal-title" id="DeleteModalLongTitle-{{deploy.id}}">Delete Deploy
                                     This Deploy will be deleted permanently and cannot be recovered later:</strong>
                                 </p>
                                 <p><strong>Are you sure? </strong></p>
-                                <p> <small>Fear is the path to the dark side. Fear leads to anger;
-                                    anger leads to hate; hate leads to suffering. I sense much fear in you</small>
                                 </p>
                             </div>
                             <div class="modal-footer">
diff --git a/sld-dashboard/app/home/templates/stacks-deploy.html b/sld-dashboard/app/home/templates/stacks-deploy.html
index 0f051cd3..b43f488b 100644
--- a/sld-dashboard/app/home/templates/stacks-deploy.html
+++ b/sld-dashboard/app/home/templates/stacks-deploy.html
@@ -251,7 +251,7 @@ <h4>Basic Variables</h4>
                     <option value="false" {% if not value.get("default") %} selected {% endif %}>False</option>
                 </select>
             {% elif field_type.startswith("map") or "object" in field_type %}
-                <textarea name={{ key }} class='form-control' rows="6" required>
+                <textarea  name={{ key }} class='form-control' rows="6" required>
 {{ value.get("default") | tojson | replace(",", ",\n") | replace("{", "{\n") | replace("}", "\n}") | trim | indent(4) }}
                 </textarea>
             {% elif "passw" in key or "token" in key or "key" in key or "secret" in key %}

From 2404694bcabd6437327e9b032e45d80417423ec6 Mon Sep 17 00:00:00 2001
From: d10s <79284025+D10S0VSkY-OSS@users.noreply.github.com>
Date: Tue, 21 Nov 2023 22:08:19 +0100
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=94=A5feat:=20edit=20deployment=20imp?=
 =?UTF-8?q?roved=20form?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/base/static/assets/css/volt.css       |   8 +-
 .../app/home/templates/deploy-edit.html       |  24 +-
 .../app/home/templates/deploys-list.html      | 641 ++++++++++--------
 .../app/home/templates/stacks-deploy.html     |   6 +-
 4 files changed, 385 insertions(+), 294 deletions(-)

diff --git a/sld-dashboard/app/base/static/assets/css/volt.css b/sld-dashboard/app/base/static/assets/css/volt.css
index 16a9e039..23f5bc13 100644
--- a/sld-dashboard/app/base/static/assets/css/volt.css
+++ b/sld-dashboard/app/base/static/assets/css/volt.css
@@ -41812,5 +41812,11 @@ pre {
     text-align: center; /* Centrar el texto dentro del tag */    
 }
 
-
+pre {
+  border-width: 0px; /* Haz esto más pequeño para un borde más delgado */
+  border-style: solid; /* Esto define el estilo del borde (solid, dotted, dashed, etc.) */
+  border-color: #cccccc; /* Esto define el color del borde */
+  background-color: white;
+  padding: 10px;
+}
 
diff --git a/sld-dashboard/app/home/templates/deploy-edit.html b/sld-dashboard/app/home/templates/deploy-edit.html
index 7ade479d..8a8f446f 100644
--- a/sld-dashboard/app/home/templates/deploy-edit.html
+++ b/sld-dashboard/app/home/templates/deploy-edit.html
@@ -38,7 +38,7 @@ <h1 class="h4">Deploy Edit</h1>
                         <div class="col-lg-4 col-sm-6">
                             <!-- Form -->
                             <div class="col-md-12 col-md-offset-1">
-                                <h3>{{deploy.name}}</h3>
+                                <h1>{{deploy.name}}</h1>
                                 <form class="" method="post">
                                     <div class="form-group">
                                         {{ render_field(form.start_time, autocomplete="off", class='form-control', value=deploy.start_time)
@@ -64,6 +64,8 @@ <h3>{{deploy.name}}</h3>
                                     </div>
                                 {% if deploy.tfvar_file == "" %}
                                     <div class="border-top my-4"></div>
+                                <h2>Variables</h2>
+                                    <div class="border-top my-4"></div>
                                     {% for key, value in data_json.items()|sort %}
                                     <div class="form-group">
                                         <span style="text-transform:capitalize">
@@ -72,11 +74,10 @@ <h6><strong>{{key}}</strong></h6>
                                         {% if "passw" in key %}
                                         <input type="password" value="{{ value }}" name={{ key }} class='form-control'
                                             placeholder={{key}} autocomplete="off">
-                                        {% elif value is number %}
-                                        <input type="text" value="{{ value }}" name={{ key }} class='form-control'
-                                        placeholder={{key}} autocomplete="off">
-                                        <select name={{ key }} class='form-control'>
-                                            <select name="{{ key }}" id="select-{{ key }}" class="form-control">
+                                        {% elif value == "true" or value == "false" %}
+                                        <select name="{{ key }}" class='form-control'>
+                                            <option value="true" {% if value == "true" %} selected {% endif %}>True</option>
+                                            <option value="false" {% if value == "false" %} selected {% endif %}>False</option>
                                         </select>
                                         {% elif value is iterable and not value is string %}
                                         <textarea id="json{{ loop.index }}" name={{ key }} class='form-control' rows="6" required placeholder={{key}} autocomplete="off">{{ value | tojson | safe }}</textarea>
@@ -174,16 +175,5 @@ <h6><strong>{{key}}</strong></h6>
         });
     });
 </script>
-<script>
-    document.addEventListener('DOMContentLoaded', function () {
-        document.querySelectorAll('select').forEach(function (select) {
-            select.addEventListener('change', function () {
-                // Aquí puedes manejar el cambio de valor.
-                // Por ejemplo, imprimir el nuevo valor en la consola:
-                console.log('Nuevo valor para ' + this.name + ': ' + this.value);
-            });
-        });
-    });
-</script>
 
 {% endblock javascripts %}
diff --git a/sld-dashboard/app/home/templates/deploys-list.html b/sld-dashboard/app/home/templates/deploys-list.html
index 519e08ce..157d2217 100644
--- a/sld-dashboard/app/home/templates/deploys-list.html
+++ b/sld-dashboard/app/home/templates/deploys-list.html
@@ -1,42 +1,57 @@
 {% extends "layouts/base.html" %}
 
 {% block title %} Deploys {% endblock %}
-
 <!-- Specific Page CSS goes HERE  -->
 {% block stylesheets %}{% endblock stylesheets %}
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-
 {% block content %}
 <main class="content">
-
     {% include 'includes/navigation.html' %}
-
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
         <div class="btn-toolbar dropdown">
-            <button class="btn btn-primary btn-sm mr-2 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
-                                                                                               aria-expanded="false">
-                <span class="fas fa-plus mr-2"></span>New Task
+            <button
+                class="btn btn-primary btn-sm mr-2 dropdown-toggle"
+                data-toggle="dropdown"
+                aria-haspopup="true"
+                aria-expanded="false"
+            >
+                <span class="fas fa-plus mr-2"></span>
+                New Task
             </button>
             <div class="dropdown-menu dashboard-dropdown dropdown-menu-left mt-2">
                 {% if current_user.master or current_user.privilege %}
-                <a class="dropdown-item font-weight-bold" href="users-new"><span class="fas fa-user-shield"></span>New
-                    user account</a>
-                <a class="dropdown-item font-weight-bold" href="stacks-new"><span class="fas fa-box-open"></span>New
-                    Stack</a>
+                <a class="dropdown-item font-weight-bold" href="users-new">
+                    <span class="fas fa-user-shield"></span>
+                    New
+                    user account
+                </a>
+                <a class="dropdown-item font-weight-bold" href="stacks-new">
+                    <span class="fas fa-box-open"></span>
+                    New
+                    Stack
+                </a>
                 {% endif %}
-                <a class="dropdown-item font-weight-bold" href="stacks-list"><span class="fas fa-layer-group"></span>New
-                    Deploy</a>
+                <a class="dropdown-item font-weight-bold" href="stacks-list">
+                    <span class="fas fa-layer-group"></span>
+                    New
+                    Deploy
+                </a>
                 <div role="separator" class="dropdown-divider"></div>
             </div>
         </div>
     </div>
-
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
         <div class="d-block mb-4 mb-md-0">
             <nav aria-label="breadcrumb" class="d-none d-md-inline-block">
                 <ol class="breadcrumb breadcrumb-dark breadcrumb-transparent">
-                    <li class="breadcrumb-item"><a href="#"><span class="fas fa-home"></span></a></li>
-                    <li class="breadcrumb-item"><a href="#">Deploys</a></li>
+                    <li class="breadcrumb-item">
+                        <a href="#">
+                            <span class="fas fa-home"></span>
+                        </a>
+                    </li>
+                    <li class="breadcrumb-item">
+                        <a href="#">Deploys</a>
+                    </li>
                     <li class="breadcrumb-item active" aria-current="page">List</li>
                 </ol>
             </nav>
@@ -44,24 +59,32 @@ <h2 class="h4">All Deploys</h2>
             <p class="mb-0">List of all deployments</p>
         </div>
         <div class="btn-toolbar mb-2 mb-md-0">
-            <div class="btn-group">
-            </div>
+            <div class="btn-group"></div>
         </div>
     </div>
     <div class="table-settings mb-4">
         <div class="row align-items-center justify-content-between">
             <div class="col col-md-6 col-lg-3 col-xl-4">
                 <div class="input-group">
-                    <span class="input-group-text" id="asic-addon2"><span class="fas fa-search"></span></span>
-                    <input type="text" class="form-control" id="search" placeholder="Search" aria-label="Search" aria-describedby="basic-addon2">
+                    <span class="input-group-text" id="asic-addon2">
+                        <span class="fas fa-search"></span>
+                    </span>
+                    <input
+                        type="text"
+                        class="form-control"
+                        id="search"
+                        placeholder="Search"
+                        aria-label="Search"
+                        aria-describedby="basic-addon2"
+                    >
                 </div>
             </div>
             <div class="col-4 col-md-2 col-xl-1 pl-md-0 text-right">
-
                 <!-- refresh -->
                 <span class="icon icon-sm">
                     <a class="nav-link icon-notifications text-dark" href="/deploys-list">
-                        <span class="fas fa-redo-alt mr-1"></span></a>
+                        <span class="fas fa-redo-alt mr-1"></span>
+                    </a>
                     <div class="btn-group">
                         <!--
                         <button class="btn btn-link text-dark dropdown-toggle dropdown-toggle-split m-0 p-0"
@@ -76,267 +99,343 @@ <h2 class="h4">All Deploys</h2>
                             <a class="dropdown-item d-flex font-weight-bold" href="/deploys-list">All <span
                                                                              class="small ml-auto"><span class="fas fa-check"></span></span></a>
                         </div>
-                        -->
-                    </div>
+                        --></div>
+                </div>
             </div>
         </div>
-    </div>
-    <div class="card card-body border-light shadow-sm table-wrapper table-fixed table-responsive-sm pt-0">
-        <table class="table table-striped"
-            id="table"
-	        data-toggle="table"
-	        autoRefresh="true"
-	        autoRefreshStatus="true"
-            data-show-refresh="true" 
-	        data-auto-refresh="true" 
-	        data-pagination="true"
-            autoRefreshInterval="3"
+        <div class="card card-body border-light shadow-sm table-wrapper table-fixed table-responsive-sm pt-0">
+            <table
+                class="table table-striped"
+                id="table"
+                data-toggle="table"
+                autoRefresh="true"
+                autoRefreshStatus="true"
+                data-show-refresh="true"
+                data-auto-refresh="true"
+                data-pagination="true"
+                autoRefreshInterval="3"
             >
-            
-            <thead class="thead-dark">
-                <tr>
-                    <th>Id</th>
-                    <th>Deploy Name| Stack | Branch</th>
-                    <th>Squad</th>
-                    <th>Environment</th>
-                    <th>Username</th>
-                    <th>Start_time</th>
-                    <th>Destroy_time</th>
-                    <th>Action</th>
-                    <th>Status</th>
-                    <th></th>
-                </tr>
-            </thead>
-            <tbody>
-                <!-- Item -->
-                {% for deploy in deploys %}
-                <tr>
-                    <td>
-
-                        <a href="" class="font-weight-bold">
-                            <div>{{ deploy.id }}</div>
-                        </a>
-
-                    </td>
-                    <td>
-                        <span class="font-weight-normal">
-                            <div style="font-size: 17px; font-weight: bold;">{{ deploy.name }}</div>
-                            <div><span style="font-size: 12px; font-weight: bold;">stack</span>: {{ deploy.stack_name }}</div>
-                            <div><span style="font-size: 12px; font-weight: bold;">branch</span>: {{deploy.stack_branch }}</div>
-                            <div>
-                <span class="copy-icon"
-                    onclick="copyToClipboard('id={{ deploy.id }} deploy_name={{ deploy.name }} environment={{ deploy.environment }} stack/branch={{deploy.stack_name}}/{{deploy.stack_branch}} task_id={{deploy.task_id}}')" title="Copy to clipboard">
-                <span style="font-size: 12px; font-weight: bold;">copy:</span> <i class="far fa-copy"></i>
-                </span>
-               <span class="download-icon" data-variables="{{ deploy.variables }}" onclick="downloadTFVars(this)" title="Download tfvars">
-                | <span style="font-size: 12px; font-weight: bold;">tfvars:</span> <i class="far fa-file"></i>
-                </span>
-                            </div>
-                        </span>
-                    </td>
-                    <td><span class="tag-style">{{ deploy.squad}}</span></td>
-                    <td><span class="tag-style">{{ deploy.environment}}</span></td>
-                    <td><span class="font-weight-normal">{{ deploy.username}}</span></td>
-                    <td><span class="font-weight-bold">{{ deploy.start_time }}</span></td>
-                    <td><span class="font-weight-bold">{{ deploy.destroy_time }}</span></td>
-                    <td><span class="tag-style">{{ deploy.action}}</span></td>
-                    <td id="status-{{ deploy.task_id }}">
-
-                    <td>
-                        <!-- button group-->
-                        <div class="btn-group">
-                            <button class="btn btn-link text-dark dropdown-toggle dropdown-toggle-split m-1 p-1"
-                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <span class="icon icon-sm">
-                                    <span class="fas fa-ellipsis-h icon-dark"></span>
-                                </span>
-                                <span class="sr-only">Toggle Dropdown</span>
-                            </button>
-                            {% if deploy.action == "Plan_disable"%}
-                            <div class="dropdown-menu">
-                                <a class="dropdown-item" href="{{ url_for('.edit_deploy',deploy_id=deploy.id)}}">
-                                    <span class="fas fa-edit mr-2"></span>Edit</a>
-                                <a class="dropdown-item" href="{{ url_for('.relaunch_deploy',deploy_id=deploy.id)}}">
-                                    <span class="fas fa-sync mr-2"></span>Approve</a>
-                                <a class="dropdown-item" href="{{url_for('.list_deploys')}}">
-                                    <span class="fas fa-sync mr-2"></span>Plan</a>
-                                <a class="dropdown-item text-danger" data-toggle="modal"
-                                                                     data-target="#DeleteModalCenter-{{deploy.id}}">
-                                    <span class="fas fa-skull-crossbones mr-2"></span> delete </a>
-                            </div>
-                            {% elif deploy.action == "DryRun"%}
-                            <div class="dropdown-menu">
-                                <a class="dropdown-item" href="{{ url_for('.edit_deploy',deploy_id=deploy.id)}}">
-                                    <span class="fas fa-edit mr-2"></span>Edit</a>
-                                <a class="dropdown-item" href="{{ url_for('.relaunch_deploy',deploy_id=deploy.id)}}">
-                                    <span class="fas fa-sync mr-2"></span>ReDeploy</a>
-                            </div>
-                            {% else %}
-                            <div class="dropdown-menu">
-                                <a class="dropdown-item" href="{{ url_for('.relaunch_plan',deploy_id=deploy.id)}}">
-                                    <span class="fas fa-sync mr-2"></span>Plan</a>
-                                <a class="dropdown-item" href="{{ url_for('.edit_deploy',deploy_id=deploy.id)}}">
-                                    <span class="fas fa-edit mr-2"></span>Edit</a>
-                                <a class="dropdown-item" href="{{ url_for('.relaunch_deploy',deploy_id=deploy.id)}}">
-                                    <span class="fas fa-cloud mr-2"></span>Apply</a>
-                                <a class="dropdown-item text-danger" data-toggle="modal"
-                                                                     data-target="#DestroyModalCenter-{{deploy.id}}">
-                                    <span class="fas fa-trash-alt mr-2"></span>Destroy</a>
-                                <a class="dropdown-item text-danger" data-toggle="modal"
-                                                                     data-target="#DeleteModalCenter-{{deploy.id}}">
-                                    <span class="fas fa-skull-crossbones mr-2"></span> delete </a>
-                            </div>
-                            {% endif %}
-                            <!-- Output-->
-                            <!-- Botón para abrir el modal -->
-                            <span class="icon icon-sm">
-                                <a title="Output Deploy" class="nav-link icon-notifications text-dark output-button" data-task-id="{{deploy.task_id}}" data-deploy-id="{{deploy.id}}">
-                                    <span class="fab fa-searchengin mr-0"></span>
-                                </a>
+                <thead class="thead-dark">
+                    <tr>
+                        <th>Id</th>
+                        <th>Deploy Name| Stack | Branch</th>
+                        <th>Squad</th>
+                        <th>Environment</th>
+                        <th>Username</th>
+                        <th>Start_time</th>
+                        <th>Destroy_time</th>
+                        <th>Action</th>
+                        <th>Status</th>
+                        <th></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <!-- Item -->
+                    {% for deploy in deploys %}
+                    <tr>
+                        <td>
+                            <a href="" class="font-weight-bold">
+                                <div>{{ deploy.id }}</div>
+                            </a>
+                        </td>
+                        <td>
+                            <span class="font-weight-normal">
+                                <div style="font-size: 17px; font-weight: bold;">{{ deploy.name }}</div>
+                                <div>
+                                    <span style="font-size: 12px; font-weight: bold;">stack</span>: {{ deploy.stack_name }}
+                                </div>
+                                <div>
+                                    <span style="font-size: 12px; font-weight: bold;">branch</span>: {{deploy.stack_branch }}
+                                </div>
+                                <div>
+                                    <span class="copy-icon" onclick="copyToClipboard('id={{ deploy.id }} deploy_name={{ deploy.name }} environment={{ deploy.environment }} stack/branch={{deploy.stack_name}}/{{deploy.stack_branch}} task_id={{deploy.task_id}}')" title="Copy to clipboard">
+                                        <span style="font-size: 12px; font-weight: bold;">copy:</span>
+                                        <i class="far fa-copy"></i>
+                                    </span>
+                                    <span
+                                        class="download-icon"
+                                        data-variables="{{ deploy.variables }}"
+                                        onclick="downloadTFVars(this)"
+                                        title="Download tfvars"
+                                    >
+                                        |
+                                        <span style="font-size: 12px; font-weight: bold;">tfvars:</span>
+                                        <i class="far fa-file"></i>
+                                    </span>
+                                </div>
                             </span>
-                            <!-- Schedule -->
-                            <span class="icon icon-sm">
-                                <a title="Edit Schedule" class="dropdown-item" href="{{ url_for('.edit_schedule',deploy_id=deploy.id)}}">
-                                    <span class="far fa-clock mr-0"></span></a>
-                            </span>
-                            {% if "yoda" in current_user.role or  "darth_vader" in current_user.role %}
-                            <!-- Unlock-->
-                            <span class="icon icon-sm">
-                                <a title="Unlock Deploy" class="nav-link icon-notifications text-dark" data-toggle="modal"
-                                                                                 data-target="#UnlockModalCenter-{{deploy.id}}">
-                                    <span class="fas fa-unlock mr-0"></span></a>
-                            </span>
-                            {% endif %}
-                        </div>
-                    </td>
-                </tr>
-                <!-- Modal Unlock-->
-                <div class="modal fade" id="UnlockModalCenter-{{deploy.id}}">
-                    <div class="modal-dialog modal-dialog-centered" role="document">
-                        <div class="modal-content">
-                            <div class="modal-header">
-                                <h5 class="modal-title" id="UnlockModalLongTitle-{{deploy.id}}">Unlock Deploy
-                                                                                                {{deploy.name}}</h5>
-                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                    <span aria-hidden="true">&times;</span>
-                                </button>
-                            </div>
-                            <div class="modal-body">
-                                <p> <strong>Acquires a state lock to protect the state from being written
+                        </td>
+                        <td>
+                            <span class="tag-style">{{ deploy.squad}}</span>
+                        </td>
+                        <td>
+                            <span class="tag-style">{{ deploy.environment}}</span>
+                        </td>
+                        <td>
+                            <span class="font-weight-normal">{{ deploy.username}}</span>
+                        </td>
+                        <td>
+                            <span class="font-weight-bold">{{ deploy.start_time }}</span>
+                        </td>
+                        <td>
+                            <span class="font-weight-bold">{{ deploy.destroy_time }}</span>
+                        </td>
+                        <td>
+                            <span class="tag-style">{{ deploy.action}}</span>
+                        </td>
+                        <td id="status-{{ deploy.task_id }}">
+                            <td>
+                                <!-- button group-->
+                                <div class="btn-group">
+                                    <button
+                                        class="btn btn-link text-dark dropdown-toggle dropdown-toggle-split m-1 p-1"
+                                        data-toggle="dropdown"
+                                        aria-haspopup="true"
+                                        aria-expanded="false"
+                                    >
+                                        <span class="icon icon-sm">
+                                            <span class="fas fa-ellipsis-h icon-dark"></span>
+                                        </span>
+                                        <span class="sr-only">Toggle Dropdown</span>
+                                    </button>
+                                    {% if deploy.action == "Plan_disable"%}
+                                    <div class="dropdown-menu">
+                                        <a class="dropdown-item" href="{{ url_for('.edit_deploy',deploy_id=deploy.id)}}">
+                                            <span class="fas fa-edit mr-2"></span>Edit
+                                        </a>
+                                        <a class="dropdown-item" href="{{ url_for('.relaunch_deploy',deploy_id=deploy.id)}}">
+                                            <span class="fas fa-sync mr-2"></span>Approve
+                                        </a>
+                                        <a class="dropdown-item" href="{{url_for('.list_deploys')}}">
+                                            <span class="fas fa-sync mr-2"></span>Plan
+                                        </a>
+                                        <a class="dropdown-item text-danger" data-toggle="modal" data-target="#DeleteModalCenter-{{deploy.id}}">
+                                            <span class="fas fa-skull-crossbones mr-2"></span> delete
+                                        </a>
+                                    </div>
+                                    {% elif deploy.action == "DryRun"%}
+                                    <div class="dropdown-menu">
+                                        <a class="dropdown-item" href="{{ url_for('.edit_deploy',deploy_id=deploy.id)}}">
+                                            <span class="fas fa-edit mr-2"></span>Edit
+                                        </a>
+                                        <a class="dropdown-item" href="{{ url_for('.relaunch_deploy',deploy_id=deploy.id)}}">
+                                            <span class="fas fa-sync mr-2"></span>ReDeploy
+                                        </a>
+                                    </div>
+                                    {% else %}
+                                    <div class="dropdown-menu">
+                                        <a class="dropdown-item" href="{{ url_for('.relaunch_plan',deploy_id=deploy.id)}}">
+                                            <span class="fas fa-sync mr-2"></span>Plan
+                                        </a>
+                                        <a class="dropdown-item" href="{{ url_for('.edit_deploy',deploy_id=deploy.id)}}">
+                                            <span class="fas fa-edit mr-2"></span>Edit
+                                        </a>
+                                        <a class="dropdown-item" href="{{ url_for('.relaunch_deploy',deploy_id=deploy.id)}}">
+                                            <span class="fas fa-cloud mr-2"></span>Apply
+                                        </a>
+                                        <a class="dropdown-item text-danger" data-toggle="modal" data-target="#DestroyModalCenter-{{deploy.id}}">
+                                            <span class="fas fa-trash-alt mr-2"></span>Destroy
+                                        </a>
+                                        <a class="dropdown-item text-danger" data-toggle="modal" data-target="#DeleteModalCenter-{{deploy.id}}">
+                                            <span class="fas fa-skull-crossbones mr-2"></span> delete
+                                        </a>
+                                    </div>
+                                    {% endif %}
+                                    <!-- Output-->
+                                    <!-- Botón para abrir el modal -->
+                                    <span class="icon icon-sm">
+                                        <a
+                                            title="Output Deploy"
+                                            class="nav-link icon-notifications text-dark output-button"
+                                            data-task-id="{{deploy.task_id}}"
+                                            data-deploy-id="{{deploy.id}}"
+                                        >
+                                            <span class="fab fa-searchengin mr-0"></span>
+                                        </a>
+                                    </span>
+                                    <!-- Schedule -->
+                                    <span class="icon icon-sm">
+                                        <a title="Edit Schedule" class="dropdown-item" href="{{ url_for('.edit_schedule',deploy_id=deploy.id)}}">
+                                            <span class="far fa-clock mr-0"></span>
+                                        </a>
+                                    </span>
+                                    {% if "yoda" in current_user.role or  "darth_vader" in current_user.role %}
+                                    <!-- Unlock-->
+                                    <span class="icon icon-sm">
+                                        <a
+                                            title="Unlock Deploy"
+                                            class="nav-link icon-notifications text-dark"
+                                            data-toggle="modal"
+                                            data-target="#UnlockModalCenter-{{deploy.id}}"
+                                        >
+                                            <span class="fas fa-unlock mr-0"></span>
+                                        </a>
+                                    </span>
+                                    {% endif %}
+                                </div>
+                            </td>
+                        </tr>
+                        <!-- Modal Unlock-->
+                        <div class="modal fade" id="UnlockModalCenter-{{deploy.id}}">
+                            <div class="modal-dialog modal-dialog-centered" role="document">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <h5 class="modal-title" id="UnlockModalLongTitle-{{deploy.id}}">
+                                            Unlock Deploy
+                                                                                                {{deploy.name}}
+                                        </h5>
+                                        <button
+                                            type="button"
+                                            class="close"
+                                            data-dismiss="modal"
+                                            aria-label="Close"
+                                        >
+                                            <span aria-hidden="true">&times;</span>
+                                        </button>
+                                    </div>
+                                    <div class="modal-body">
+                                        <p>
+                                            <strong>
+                                                Acquires a state lock to protect the state from being written
                                 by multiple users at the same time. Please resolve the issue and try
                                 again. You can disable locking with the "Unlock botton", but this is not
-                                                                                          recommended:</strong></p>
-                                <p><strong>Are you sure? </strong></p>
-                            </div>
-                            <div class="modal-footer">
-
-                                <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
-
-                                <form action="{{ url_for('.unlock_deploy', deploy_id=deploy.id)}}">
-                                    <input type="submit" value="Unlock" class="btn btn-danger">
-                                </form>
+                                                                                          recommended:
+                                            </strong>
+                                        </p>
+                                        <p>
+                                            <strong>Are you sure?</strong>
+                                        </p>
+                                    </div>
+                                    <div class="modal-footer">
+                                        <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
+                                        <form action="{{ url_for('.unlock_deploy', deploy_id=deploy.id)}}">
+                                            <input type="submit" value="Unlock" class="btn btn-danger">
+                                        </form>
+                                    </div>
+                                </div>
                             </div>
                         </div>
-                    </div>
-                </div>
-                <!-- Modal Output-->
-                <div class="modal fade" id="OutputModalCenter-{{deploy.id}}" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
-                    <div class="modal-dialog modal-xl" >
-                        <div class="modal-content">
-                            <div class="modal-header">
-                            </div>
-                            <div class="modal-output" id="modal-output-{{deploy.id}}">
-                            </div>
-                            <div class="modal-footer">
-                            <button type="button" class="btn btn-primary" data-dismiss="modal">Exit</button>
+                        <!-- Modal Output-->
+                        <div
+                            class="modal fade"
+                            id="OutputModalCenter-{{deploy.id}}"
+                            tabindex="-1"
+                            aria-labelledby="modalLabel"
+                            aria-hidden="true"
+                        >
+                            <div class="modal-dialog modal-xl">
+                                <div class="modal-content">
+                                    <div class="modal-header"></div>
+                                    <div class="modal-output" id="modal-output-{{deploy.id}}"></div>
+                                    <div class="modal-footer">
+                                        <button type="button" class="btn btn-primary" data-dismiss="modal">Exit</button>
+                                    </div>
+                                </div>
                             </div>
                         </div>
-                    </div>
-                </div>
-                <!-- end Modal Output-->
-                <!-- Modal Destroy-->
-                <div class="modal fade" id="DestroyModalCenter-{{deploy.id}}">
-                    <div class="modal-dialog modal-dialog-centered" role="document">
-                        <div class="modal-content">
-                            <div class="modal-header">
-                                <h5 class="modal-title" id="DestroyModalLongTitle-{{deploy.id}}">Destroy Deploy
-                                    {{deploy.name}}</h5>
-                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                    <span aria-hidden="true">&times;</span>
-                                </button>
-                            </div>
-                            <div class="modal-body">
-                                <p><strong>This Deploy will be destroyed, could be regenerated later:</strong></p>
-                                <p><strong>Are you sure? </strong></p>
-                            </div>
-                            <div class="modal-footer">
-
-                                <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
-
-                                <form action="{{ url_for('.destroy_deploy', deploy_id=deploy.id)}}">
-                                    <input type="submit" value="Destroy" class="btn btn-danger">
-                                </form>
+                        <!-- end Modal Output-->
+                        <!-- Modal Destroy-->
+                        <div class="modal fade" id="DestroyModalCenter-{{deploy.id}}">
+                            <div class="modal-dialog modal-dialog-centered" role="document">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <h5 class="modal-title" id="DestroyModalLongTitle-{{deploy.id}}">
+                                            Destroy Deploy
+                                    {{deploy.name}}
+                                        </h5>
+                                        <button
+                                            type="button"
+                                            class="close"
+                                            data-dismiss="modal"
+                                            aria-label="Close"
+                                        >
+                                            <span aria-hidden="true">&times;</span>
+                                        </button>
+                                    </div>
+                                    <div class="modal-body">
+                                        <p>
+                                            <strong>This Deploy will be destroyed, could be regenerated later:</strong>
+                                        </p>
+                                        <p>
+                                            <strong>Are you sure?</strong>
+                                        </p>
+                                    </div>
+                                    <div class="modal-footer">
+                                        <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
+                                        <form action="{{ url_for('.destroy_deploy', deploy_id=deploy.id)}}">
+                                            <input type="submit" value="Destroy" class="btn btn-danger">
+                                        </form>
+                                    </div>
+                                </div>
                             </div>
                         </div>
-                    </div>
-                </div>
-                <!-- Modal Delete-->
-                <div class="modal fade" id="DeleteModalCenter-{{deploy.id}}">
-                    <div class="modal-dialog modal-dialog-centered" role="document">
-                        <div class="modal-content">
-                            <div class="modal-header">
-                                <h5 class="modal-title" id="DeleteModalLongTitle-{{deploy.id}}">Delete Deploy
-                                    {{deploy.name}} Permanently</h5>
-                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                    <span aria-hidden="true">&times;</span>
-                                </button>
-                            </div>
-                            <div class="modal-body">
-                                <p><strong>If you destroy before delete would be better.
-                                    This Deploy will be deleted permanently and cannot be recovered later:</strong>
-                                </p>
-                                <p><strong>Are you sure? </strong></p>
-                                </p>
-                            </div>
-                            <div class="modal-footer">
-
-                                <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
-
-                                <form action="{{ url_for('.delete_deploy', deploy_id=deploy.id)}}">
-                                    <input type="submit" value="Delete" class="btn btn-danger">
-                                </form>
+                        <!-- Modal Delete-->
+                        <div class="modal fade" id="DeleteModalCenter-{{deploy.id}}">
+                            <div class="modal-dialog modal-dialog-centered" role="document">
+                                <div class="modal-content">
+                                    <div class="modal-header">
+                                        <h5 class="modal-title" id="DeleteModalLongTitle-{{deploy.id}}">
+                                            Delete Deploy
+                                    {{deploy.name}} Permanently
+                                        </h5>
+                                        <button
+                                            type="button"
+                                            class="close"
+                                            data-dismiss="modal"
+                                            aria-label="Close"
+                                        >
+                                            <span aria-hidden="true">&times;</span>
+                                        </button>
+                                    </div>
+                                    <div class="modal-body">
+                                        <p>
+                                            <strong>
+                                                If you destroy before delete would be better.
+                                    This Deploy will be deleted permanently and cannot be recovered later:
+                                            </strong>
+                                        </p>
+                                        <p>
+                                            <strong>Are you sure?</strong>
+                                        </p>
+                                    </p>
+                                </div>
+                                <div class="modal-footer">
+                                    <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
+                                    <form action="{{ url_for('.delete_deploy', deploy_id=deploy.id)}}">
+                                        <input type="submit" value="Delete" class="btn btn-danger">
+                                    </form>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                {% endfor %}
-            </tbody>
-        </table>
-        <div class="card-footer px-3 border-0 d-flex align-items-center justify-content-between">
-             <!-- Pagination -->
-            <nav>
-              <ul class="pagination">
-                <li class="page-item" id="previous-page"><a class="page-link" href="#">Previous</a></li>
-                <!-- Page numbers will be dynamically inserted here -->
-                <li class="page-item" id="next-page"><a class="page-link" href="#">Next</a></li>
-              </ul>
-            </nav>
-            <div class="font-weight-bold small"></div>
+                    {% endfor %}
+                </tbody>
+            </table>
+            <div class="card-footer px-3 border-0 d-flex align-items-center justify-content-between">
+                <!-- Pagination -->
+                <nav>
+                    <ul class="pagination">
+                        <li class="page-item" id="previous-page">
+                            <a class="page-link" href="#">Previous</a>
+                        </li>
+                        <!-- Page numbers will be dynamically inserted here -->
+                        <li class="page-item" id="next-page">
+                            <a class="page-link" href="#">Next</a>
+                        </li>
+                    </ul>
+                </nav>
+                <div class="font-weight-bold small"></div>
+            </div>
         </div>
-    </div>
-
-    {% include 'includes/footer.html' %}
-
-</main>
-
-{% endblock content %}
-
-<!-- Specific Page JS goes HERE  -->
-{% block javascripts %}
-<script src="/static/assets/js/pagination_edit.js"></script>
-<script src="/static/assets/js/copy_clipboard.js"></script>
-<script src="/static/assets/js/download_tfvars.js"></script>
-<script>
+        {% include 'includes/footer.html' %}
+    </main>
+    {% endblock content %}
+    <!-- Specific Page JS goes HERE  -->
+    {% block javascripts %}
+    <script src="/static/assets/js/pagination_edit.js"></script>
+    <script src="/static/assets/js/copy_clipboard.js"></script>
+    <script src="/static/assets/js/download_tfvars.js"></script>
+    <script>
     // Función para actualizar el estado de un deploy específico
     function updateStatus(taskId) {
         fetch('/status/' + taskId)
@@ -369,8 +468,8 @@ <h5 class="modal-title" id="DeleteModalLongTitle-{{deploy.id}}">Delete Deploy
         updateStatus('{{ deploy.task_id }}')
         setInterval(() => updateStatus('{{ deploy.task_id }}'), 5000);
     {% endfor %}
-</script>
-<script>
+    </script>
+    <script>
     // Función para abrir un modal y mostrar los outputs del deploy
     function showModal(taskId, deployId) {
         fetch('/output/' + taskId)
@@ -426,5 +525,5 @@ <h5 class="modal-title" id="DeleteModalLongTitle-{{deploy.id}}">Delete Deploy
             showModal(taskId, deployId);
         });
     });
-</script>
-{% endblock javascripts %}
+    </script>
+    {% endblock javascripts %}
diff --git a/sld-dashboard/app/home/templates/stacks-deploy.html b/sld-dashboard/app/home/templates/stacks-deploy.html
index b43f488b..523aa6d9 100644
--- a/sld-dashboard/app/home/templates/stacks-deploy.html
+++ b/sld-dashboard/app/home/templates/stacks-deploy.html
@@ -254,10 +254,8 @@ <h4>Basic Variables</h4>
                 <textarea  name={{ key }} class='form-control' rows="6" required>
 {{ value.get("default") | tojson | replace(",", ",\n") | replace("{", "{\n") | replace("}", "\n}") | trim | indent(4) }}
                 </textarea>
-            {% elif "passw" in key or "token" in key or "key" in key or "secret" in key %}
-                <input type="password" name={{ key }} class='form-control' required>
             {% else %}
-                <input type="text" value="{{ value.get('default') }}" name={{ key }} class='form-control' required>
+                <input type="text" value="{{ value.get('default', "") }}" name={{ key }} class='form-control' required>
             {% endif %}
         </div>
     {% endfor %}
@@ -371,8 +369,6 @@ <h4 class="toggle-advanced" style="cursor:pointer;">
         }
     });
 });
-
-
 </script>
 
 {% endblock javascripts %}

From b08336d30786392d4ecc217d4315c50a3db77920 Mon Sep 17 00:00:00 2001
From: d10s <79284025+D10S0VSkY-OSS@users.noreply.github.com>
Date: Tue, 21 Nov 2023 22:13:10 +0100
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=93=9Dstyle:=20html=20fmt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/home/templates/deploy-edit.html       | 32 +++++-----
 .../app/home/templates/deploys-list.html      | 58 ++++++++++++-------
 2 files changed, 55 insertions(+), 35 deletions(-)

diff --git a/sld-dashboard/app/home/templates/deploy-edit.html b/sld-dashboard/app/home/templates/deploy-edit.html
index 8a8f446f..7a941e94 100644
--- a/sld-dashboard/app/home/templates/deploy-edit.html
+++ b/sld-dashboard/app/home/templates/deploy-edit.html
@@ -41,7 +41,8 @@ <h1 class="h4">Deploy Edit</h1>
                                 <h1>{{deploy.name}}</h1>
                                 <form class="" method="post">
                                     <div class="form-group">
-                                        {{ render_field(form.start_time, autocomplete="off", class='form-control', value=deploy.start_time)
+                                        {{ render_field(form.start_time, autocomplete="off", class='form-control',
+                                        value=deploy.start_time)
                                         }}
                                     </div>
 
@@ -55,16 +56,16 @@ <h1>{{deploy.name}}</h1>
                                     </div>
                                     <div class="form-group">
                                         {{ render_field(form.project_path,
-                                           autocomplete="off", class='form-control',
-                                           value=deploy.project_path) }}
+                                        autocomplete="off", class='form-control',
+                                        value=deploy.project_path) }}
                                     </div>
                                     <div class="form-group">
                                         {{ render_field(form.tfvar_file, autocomplete="off", class='form-control',
                                         value=deploy.tfvar_file) }}
                                     </div>
-                                {% if deploy.tfvar_file == "" %}
+                                    {% if deploy.tfvar_file == "" %}
                                     <div class="border-top my-4"></div>
-                                <h2>Variables</h2>
+                                    <h2>Variables</h2>
                                     <div class="border-top my-4"></div>
                                     {% for key, value in data_json.items()|sort %}
                                     <div class="form-group">
@@ -76,11 +77,15 @@ <h6><strong>{{key}}</strong></h6>
                                             placeholder={{key}} autocomplete="off">
                                         {% elif value == "true" or value == "false" %}
                                         <select name="{{ key }}" class='form-control'>
-                                            <option value="true" {% if value == "true" %} selected {% endif %}>True</option>
-                                            <option value="false" {% if value == "false" %} selected {% endif %}>False</option>
+                                            <option value="true" {% if value=="true" %} selected {% endif %}>True
+                                            </option>
+                                            <option value="false" {% if value=="false" %} selected {% endif %}>False
+                                            </option>
                                         </select>
                                         {% elif value is iterable and not value is string %}
-                                        <textarea id="json{{ loop.index }}" name={{ key }} class='form-control' rows="6" required placeholder={{key}} autocomplete="off">{{ value | tojson | safe }}</textarea>
+                                        <textarea id="json{{ loop.index }}" name={{ key }} class='form-control' rows="6"
+                                            required placeholder={{key}}
+                                            autocomplete="off">{{ value | tojson | safe }}</textarea>
                                         {% elif value is string %}
                                         <input type="text" value="{{ value }}" name={{ key }} class='form-control'
                                             placeholder={{key}} autocomplete="off">
@@ -88,7 +93,7 @@ <h6><strong>{{key}}</strong></h6>
                                         {% endif %}
                                     </div>
                                     {% endfor %}
-                                <!-- Add custom variables -->
+                                    <!-- Add custom variables -->
                                     <div class="border-top my-4"></div>
                                     <div class="row">
                                         <div class="col-lg-12">
@@ -96,12 +101,13 @@ <h6><strong>{{key}}</strong></h6>
                                             </div>
 
                                             <div id="newRow"></div>
-                                            <button id="addRow" type="button" class="btn btn-info btn-sm">Add Variable</button>
+                                            <button id="addRow" type="button" class="btn btn-info btn-sm">Add
+                                                Variable</button>
                                         </div>
                                     </div>
                                     <div class="border-top my-4"></div>
-                                <!-- End Add custom variables -->
-                                {% endif %}
+                                    <!-- End Add custom variables -->
+                                    {% endif %}
                                     {% if deploy.action == "DryRun"%}
                                     <button type="submit" class="btn btn-success" name="button" value=plan
                                         action="{{url_for('.list_deploys')}}">
@@ -176,4 +182,4 @@ <h6><strong>{{key}}</strong></h6>
     });
 </script>
 
-{% endblock javascripts %}
+{% endblock javascripts %}
\ No newline at end of file
diff --git a/sld-dashboard/app/home/templates/deploys-list.html b/sld-dashboard/app/home/templates/deploys-list.html
index 157d2217..52c7a3f6 100644
--- a/sld-dashboard/app/home/templates/deploys-list.html
+++ b/sld-dashboard/app/home/templates/deploys-list.html
@@ -142,10 +142,13 @@ <h2 class="h4">All Deploys</h2>
                             <span class="font-weight-normal">
                                 <div style="font-size: 17px; font-weight: bold;">{{ deploy.name }}</div>
                                 <div>
-                                    <span style="font-size: 12px; font-weight: bold;">stack</span>: {{ deploy.stack_name }}
+                                    <span style="font-size: 12px; font-weight: bold;">stack</span>
+                                    : {{ deploy.stack_name }}
                                 </div>
                                 <div>
-                                    <span style="font-size: 12px; font-weight: bold;">branch</span>: {{deploy.stack_branch }}
+                                    <span style="font-size: 12px; font-weight: bold;">branch</span>
+                                    : {{deploy.stack_branch
+                                }}
                                 </div>
                                 <div>
                                     <span class="copy-icon" onclick="copyToClipboard('id={{ deploy.id }} deploy_name={{ deploy.name }} environment={{ deploy.environment }} stack/branch={{deploy.stack_name}}/{{deploy.stack_branch}} task_id={{deploy.task_id}}')" title="Copy to clipboard">
@@ -201,43 +204,54 @@ <h2 class="h4">All Deploys</h2>
                                     {% if deploy.action == "Plan_disable"%}
                                     <div class="dropdown-menu">
                                         <a class="dropdown-item" href="{{ url_for('.edit_deploy',deploy_id=deploy.id)}}">
-                                            <span class="fas fa-edit mr-2"></span>Edit
+                                            <span class="fas fa-edit mr-2"></span>
+                                            Edit
                                         </a>
                                         <a class="dropdown-item" href="{{ url_for('.relaunch_deploy',deploy_id=deploy.id)}}">
-                                            <span class="fas fa-sync mr-2"></span>Approve
+                                            <span class="fas fa-sync mr-2"></span>
+                                            Approve
                                         </a>
                                         <a class="dropdown-item" href="{{url_for('.list_deploys')}}">
-                                            <span class="fas fa-sync mr-2"></span>Plan
+                                            <span class="fas fa-sync mr-2"></span>
+                                            Plan
                                         </a>
                                         <a class="dropdown-item text-danger" data-toggle="modal" data-target="#DeleteModalCenter-{{deploy.id}}">
-                                            <span class="fas fa-skull-crossbones mr-2"></span> delete
+                                            <span class="fas fa-skull-crossbones mr-2"></span>
+                                            delete
                                         </a>
                                     </div>
                                     {% elif deploy.action == "DryRun"%}
                                     <div class="dropdown-menu">
                                         <a class="dropdown-item" href="{{ url_for('.edit_deploy',deploy_id=deploy.id)}}">
-                                            <span class="fas fa-edit mr-2"></span>Edit
+                                            <span class="fas fa-edit mr-2"></span>
+                                            Edit
                                         </a>
                                         <a class="dropdown-item" href="{{ url_for('.relaunch_deploy',deploy_id=deploy.id)}}">
-                                            <span class="fas fa-sync mr-2"></span>ReDeploy
+                                            <span class="fas fa-sync mr-2"></span>
+                                            ReDeploy
                                         </a>
                                     </div>
                                     {% else %}
                                     <div class="dropdown-menu">
                                         <a class="dropdown-item" href="{{ url_for('.relaunch_plan',deploy_id=deploy.id)}}">
-                                            <span class="fas fa-sync mr-2"></span>Plan
+                                            <span class="fas fa-sync mr-2"></span>
+                                            Plan
                                         </a>
                                         <a class="dropdown-item" href="{{ url_for('.edit_deploy',deploy_id=deploy.id)}}">
-                                            <span class="fas fa-edit mr-2"></span>Edit
+                                            <span class="fas fa-edit mr-2"></span>
+                                            Edit
                                         </a>
                                         <a class="dropdown-item" href="{{ url_for('.relaunch_deploy',deploy_id=deploy.id)}}">
-                                            <span class="fas fa-cloud mr-2"></span>Apply
+                                            <span class="fas fa-cloud mr-2"></span>
+                                            Apply
                                         </a>
                                         <a class="dropdown-item text-danger" data-toggle="modal" data-target="#DestroyModalCenter-{{deploy.id}}">
-                                            <span class="fas fa-trash-alt mr-2"></span>Destroy
+                                            <span class="fas fa-trash-alt mr-2"></span>
+                                            Destroy
                                         </a>
                                         <a class="dropdown-item text-danger" data-toggle="modal" data-target="#DeleteModalCenter-{{deploy.id}}">
-                                            <span class="fas fa-skull-crossbones mr-2"></span> delete
+                                            <span class="fas fa-skull-crossbones mr-2"></span>
+                                            delete
                                         </a>
                                     </div>
                                     {% endif %}
@@ -259,7 +273,7 @@ <h2 class="h4">All Deploys</h2>
                                             <span class="far fa-clock mr-0"></span>
                                         </a>
                                     </span>
-                                    {% if "yoda" in current_user.role or  "darth_vader" in current_user.role %}
+                                    {% if "yoda" in current_user.role or "darth_vader" in current_user.role %}
                                     <!-- Unlock-->
                                     <span class="icon icon-sm">
                                         <a
@@ -282,7 +296,7 @@ <h2 class="h4">All Deploys</h2>
                                     <div class="modal-header">
                                         <h5 class="modal-title" id="UnlockModalLongTitle-{{deploy.id}}">
                                             Unlock Deploy
-                                                                                                {{deploy.name}}
+                                    {{deploy.name}}
                                         </h5>
                                         <button
                                             type="button"
@@ -297,9 +311,9 @@ <h5 class="modal-title" id="UnlockModalLongTitle-{{deploy.id}}">
                                         <p>
                                             <strong>
                                                 Acquires a state lock to protect the state from being written
-                                by multiple users at the same time. Please resolve the issue and try
-                                again. You can disable locking with the "Unlock botton", but this is not
-                                                                                          recommended:
+                                        by multiple users at the same time. Please resolve the issue and try
+                                        again. You can disable locking with the "Unlock botton", but this is not
+                                        recommended:
                                             </strong>
                                         </p>
                                         <p>
@@ -391,7 +405,7 @@ <h5 class="modal-title" id="DeleteModalLongTitle-{{deploy.id}}">
                                         <p>
                                             <strong>
                                                 If you destroy before delete would be better.
-                                    This Deploy will be deleted permanently and cannot be recovered later:
+                                        This Deploy will be deleted permanently and cannot be recovered later:
                                             </strong>
                                         </p>
                                         <p>
@@ -451,7 +465,7 @@ <h5 class="modal-title" id="DeleteModalLongTitle-{{deploy.id}}">
 
     // Función para renderizar el estado en formato HTML
     function renderStatus(status) {
-        switch(status) {
+        switch (status) {
             case "SUCCESS":
                 return '<span class="tag-style-success">' + status + '</span>';
             case "FAILURE":
@@ -465,8 +479,8 @@ <h5 class="modal-title" id="DeleteModalLongTitle-{{deploy.id}}">
 
     // Iniciar la actualización del estado para cada deploy
     {% for deploy in deploys %}
-        updateStatus('{{ deploy.task_id }}')
-        setInterval(() => updateStatus('{{ deploy.task_id }}'), 5000);
+    updateStatus('{{ deploy.task_id }}')
+    setInterval(() => updateStatus('{{ deploy.task_id }}'), 5000);
     {% endfor %}
     </script>
     <script>