From 26db691f659d1b8e2905964dab3db37d32e69fbc Mon Sep 17 00:00:00 2001
From: Hydren <166227780+hydren-dev@users.noreply.github.com>
Date: Sat, 4 Jan 2025 10:09:11 +0000
Subject: [PATCH] fixixixixi

---
 routes/Instance/Archives.js   |  6 ++++--
 views/components/template.ejs |  2 +-
 views/instance/archives.ejs   |  2 +-
 views/instance/instance.ejs   |  5 +++--
 views/instance/startup.ejs    | 13 ++++++-------
 views/instance/users.ejs      |  2 +-
 views/instances.ejs           | 27 +++++++++++++++++++++------
 7 files changed, 37 insertions(+), 20 deletions(-)

diff --git a/routes/Instance/Archives.js b/routes/Instance/Archives.js
index ca20f7e..5b56075 100644
--- a/routes/Instance/Archives.js
+++ b/routes/Instance/Archives.js
@@ -69,7 +69,7 @@ router.get("/instance/:id/archives", async (req, res) => {
             } catch (error) {
                 const errorMessage = error.response?.data?.message || 'Connection to node failed.';
                 console.error('Error fetching archives from node:', errorMessage);
-                res.status(500).send({ message: errorMessage });
+                return res.status(500).send({ message: errorMessage });
             }
         } else {
             res.status(500).send('Invalid instance node configuration');
@@ -230,7 +230,9 @@ router.post('/instance/:id/archives/rollback/:archivename', async (req, res) =>
     if (response.status === 200) {
         res.redirect('/instance/' + id + '/archives');
     } else {
-        res.status(500).send('Failed to create archive');
+        if (response.data.error) {
+            res.status(500).json({ error: response.data.error })
+        }
     }
 
 });
diff --git a/views/components/template.ejs b/views/components/template.ejs
index c82c3ca..cd3f1de 100644
--- a/views/components/template.ejs
+++ b/views/components/template.ejs
@@ -260,7 +260,7 @@
 </aside>
   <!-- Content area -->
   <div class="flex-1 flex flex-col overflow-hidden">
-    <header class="flex justify-between border-b border-dashed border-white/5 items-center p-4">
+    <header class="bg-[#171717] flex justify-between border-b border-dashed border-white/5 items-center p-4">
         <div class="flex items-center space-x-4">
             <button @click="sidebarOpen = !sidebarOpen" class="text-gray-500 focus:outline-none lg:hidden">
                 <svg class="h-6 w-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/views/instance/archives.ejs b/views/instance/archives.ejs
index 91b9754..5c5cbac 100644
--- a/views/instance/archives.ejs
+++ b/views/instance/archives.ejs
@@ -63,7 +63,7 @@
     </div>
 </div>
 <!-- Confirm Delete Modal -->
-<div id="confirm-delete-modal" class="modal-overlay z-50">
+<div id="confirm-delete-modal" class="modal-overlay z-50 hidden">
     <div class="modal-content">
         <h3 class="text-xl font-semibold mb-4">Confirm Delete</h3>
         <p class="mb-4">Are you sure you want to delete this backup?</p>
diff --git a/views/instance/instance.ejs b/views/instance/instance.ejs
index a674202..c064f0b 100644
--- a/views/instance/instance.ejs
+++ b/views/instance/instance.ejs
@@ -586,7 +586,9 @@ const eulaPopupHTML = `
                    showEulaPopup();
                }
 
-        
+               if (trimmedLine.includes("Container not found")) {
+                 window.location.href = '/instances?err=CONTAINER_NOT_FOUND'
+               } 
                 let alertShown = false; // Flag to track if the alert has been shown
                
                if (trimmedLine.includes("HydraDaemon instance appears to be down")) {
@@ -599,7 +601,6 @@ const eulaPopupHTML = `
                   console.log('Node Connection Success!')
                }
 
-              
 
         
                 isFirstLine = false;
diff --git a/views/instance/startup.ejs b/views/instance/startup.ejs
index 6e1932e..aaea925 100644
--- a/views/instance/startup.ejs
+++ b/views/instance/startup.ejs
@@ -136,17 +136,16 @@
 </div>
 
 <!-- Edit Variable Modal (Moved outside the loop) -->
-<div id="edit-variable-modal" class="modal-overlay z-50">
-    <div class="modal-content w-full max-w-md">
-        <h3 class="text-xl font-semibold mb-4" id="modal-title">Edit Variable</h3>
-        <input type="text" id="variable-value" class="w-full p-2 mb-4 bg-white/5 border-none outline-none ring-none transition focus:ring-2 focus:ring-indigo-500 text-white rounded" placeholder="Variable Value">
-        <div class="flex justify-end">
-            <button onclick="closeModal('edit-variable-modal')" class="bg-neutral-600 hover:bg-neutral-700 text-white font-medium py-2 px-4 rounded-full hover:scale-95 transition mr-2">Cancel</button>
+<div id="edit-variable-modal" class="modal-overlay z-50 flex items-center justify-center min-h-screen">
+    <div class="bg-[#1b1d21] rounded-2xl modal-content w-full max-w-md p-6">
+        <h3 class="text-xl font-semibold mb-4 text-center" id="modal-title">Edit Variable</h3>
+        <input type="text" id="variable-value" class="w-64 p-2 mb-4 bg-white/5 border-none outline-none ring-none transition focus:ring-2 focus:ring-indigo-500 text-white rounded mx-auto block" placeholder="Variable Value">
+        <div class="flex justify-center gap-4 p-4">
+            <button onclick="closeModal('edit-variable-modal')" class="bg-neutral-600 hover:bg-neutral-700 text-white font-medium py-2 px-4 rounded-full hover:scale-95 transition">Cancel</button>
             <button id="save-variable" class="bg-indigo-500 hover:bg-indigo-700 text-white font-medium py-2 px-4 rounded-full hover:scale-95 transition">Save Changes</button>
         </div>
     </div>
 </div>
-
 <!-- Confirmation Modal -->
 <div id="confirmation-modal" class="fixed inset-0 bg-black z-50 bg-opacity-50 flex items-center justify-center hidden">
 <div class="bg-[#1a1c20] backdrop-blur rounded-xl p-6 max-w-md w-full">
diff --git a/views/instance/users.ejs b/views/instance/users.ejs
index 357cb03..fea0018 100644
--- a/views/instance/users.ejs
+++ b/views/instance/users.ejs
@@ -83,7 +83,7 @@
     </div>
     <!-- Add Subuser Modal -->
 <div id="add-subuser-modal" class="modal-overlay z-50">
-    <div class="modal-content">
+    <div class="bg-[#1b1d21] rounded-2xl modal-content w-full max-w-md p-6">
         <h3 class="text-xl font-semibold mb-4">Add Subuser</h3>
         <form id="add-subuser-form">
             <div class="mb-4">
diff --git a/views/instances.ejs b/views/instances.ejs
index ae98430..3dac4da 100644
--- a/views/instances.ejs
+++ b/views/instances.ejs
@@ -40,22 +40,22 @@
         // Set the status based on RAM usage
         if (ramUsageRaw > 1) {
           statusElement.textContent = 'Online';
-          statusElement.className = 'text-emerald-500';
+          statusElement.className = 'text-emerald-500 bg-neutral-600/10 px-2 py-0.5 rounded-lg';
         } else {
           statusElement.textContent = 'Offline';
-          statusElement.className = 'text-red-500';
+          statusElement.className = 'text-red-500 bg-neutral-500/10 px-2 py-0.5 rounded-lg';
         }
       }
       function executenodedown(instanceId) {
         const statusElement = document.getElementById(`status_${instanceId}`);
         statusElement.textContent = 'Node Offline';
-        statusElement.className = 'text-red-500';
+        statusElement.className = 'text-red-500 bg-neutral-500/10 px-2 py-0.5 rounded-lg';
       }
     
       function executecontainernotfound(instanceId) {
         const statusElement = document.getElementById(`status_${instanceId}`);
         statusElement.textContent = 'Container not found';
-        statusElement.className = 'text-yellow-500';
+        statusElement.className = 'text-yellow-500 bg-neutral-500/10 px-2 py-0.5 rounded-lg';
       }
       function isValidJson(str) {
         try {
@@ -158,12 +158,27 @@
         <th class="px-3 py-3.5 text-left text-sm font-semibold text-white">Ip Address</th>
       </tr>
     </thead>
+    <% if (req.query.err === "CONTAINER_NOT_FOUND") { %>
+      <div class="rounded-xl bg-amber-100 dark:bg-red-800/10 px-4 py-6 m-7 mb-4">
+        <div class="flex">
+          <div class="flex-shrink-0 ml-1.5">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-8 w-8 text-red-500 dark:text-red-400">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
+              </svg>              
+          </div>
+          <div class="ml-5">
+            <h3 class="text-sm font-medium text-red-700 dark:text-red-400">Container not found</h3>
+            <p class="text-sm text-red-500 dark:text-red-400/50">Server not found in the node , contact an administrator if you think this is a mistake.</p>
+          </div>
+        </div>
+      </div>
+    <% } %>
     <tbody class="divide-y divide-white/10 bg-white/5">
       <% instances.forEach(instance => { %>
         <tr onclick="window.location.href = '../instance/<%= instance.Id %>';" class="hover:bg-white/10 cursor-pointer">
           <td class="py-4 pl-4 pr-3 text-sm font-medium text-white sm:pl-6 server-name"><%= instance.Name %></td>
-          <td class="px-3 py-4 text-sm">
-            <span id="status_<%= instance.Id %>" class="bg- inline-flex items-center px-2.5 py-0.5 text-xs font-medium rounded-full"></span>
+          <td class="px-3 py-4 text-sm/1">
+            <span id="status_<%= instance.Id %>" class="inline-flex items-center px-2.5 py-0.5 text-xs font-extrabold rounded-full"></span>
           </td>
           <td class="px-3 py-4 text-sm text-neutral-300"><span id="ramUsagetext_<%= instance.Id %>" class="border border-neutral-600/20 bg-neutral-500/10 px-2 py-0.5 rounded-lg">Connecting</td>
           <td class="px-3 py-4 text-sm text-neutral-300"><span id="cpuUsagetext_<%= instance.Id %>" class="border border-neutral-600/20 bg-neutral-500/10 px-2 py-0.5 rounded-lg">Connecting</span></td>