Add model from delete_key

Author: AleDouglas

Alpha/frontend/static/javascript/key.js

@@ -33,7 +33,7 @@ document.getElementById('newKeyForm').addEventListener('submit', function(event)
             new_table += '<td style="color: red;">' + response.key_playbook +'</td>';
             new_table += '<td style="color: red;">' + response.key_template +'</td>';
             new_table += '<td style="color: red;">' + response.key_remove +'</td>';
-            new_table += '<td><i' + ' onclick="delete_key('+ project_id +','+ response.key_id +')"'+ 'class="bx bxs-x-circle btn-delete"></i></td></tr>';
+            new_table += '<td><i' + ' data-bs-toggle="modal" data-bs-target="#RemoveModal" onclick="delete_modal('+ project_id +','+ response.key_id +')"'+ 'class="bx bxs-x-circle btn-delete"></i></td></tr>';
             get_table.innerHTML += new_table;
 
             //Clear form

Alpha/frontend/templates/pages/_base.html

@@ -54,7 +54,7 @@
     <div class="l-navbar" id="nav-bar">
         <nav class="nav">
             <div> 
-                <a href="#" class="nav_logo">
+                <a href="{% url 'home' %}" class="nav_logo">
                     <i class='bx bxs-archive nav_logo-icon'></i>
                     <span class="nav_logo-name">{{project_title}}</span>
                 </a>

Alpha/frontend/templates/pages/project/project_key.html

@@ -111,7 +111,7 @@ <h1>Project Key's</h1>
             <td style="color: red;">{{key.add_playbook}}</td> <!-- ADD PLAYBOOK -->
             <td style="color: red;">{{key.add_template}}</td> <!-- ADD TEMPLATE -->
             <td style="color: red;">{{key.remove_itens}}</td> <!-- EDIT ITEMS -->
-            <td><i class="bx bxs-x-circle btn-delete" onclick="delete_key('{{project_id}}','{{key.id}}')"></i></td>
+            <td><i class="bx bxs-x-circle btn-delete" data-bs-toggle="modal" data-bs-target="#RemoveModal" onclick="delete_modal('{{project_id}}','{{key.id}}')"></i></td>
         </tr>
         {% endfor %}
     </tbody>
@@ -167,6 +167,7 @@ <h1 class="modal-title fs-5" id="newKeyModalLabel">New Key</h1>
         </div>
     </div>
 </div>
+{% include 'components/modals/delete.html' %}
 
 <script src="{% static 'javascript/key.js' %}"></script>
 
@@ -181,6 +182,11 @@ <h1 class="modal-title fs-5" id="newKeyModalLabel">New Key</h1>
 </script>
 -->
 <script>
+    function delete_modal(projectID, keyID){
+        var insert_button = document.getElementById('buttonDelete');
+        insert_button.innerHTML = '<button class="btn btn-danger" data-bs-dismiss="modal" aria-label="Close" onclick="delete_key('+ projectID +','+ keyID +')">Delete</button>';
+    }
+
     var navLinks = document.getElementsByClassName("nav_link");
     navLinks[4].classList.add("active");
 </script>