From 873c8851b55948a90fa95e4d8f2a5179b773f3a0 Mon Sep 17 00:00:00 2001
From: Ark74 <ark@switnet.org>
Date: Thu, 26 Mar 2026 21:34:39 -0600
Subject: [PATCH] cambios y estilos; terminal

---
 .../dashboard/views/components/app_kiwix.ejs  |  2 +-
 .../dashboard/views/components/app_maps.ejs   | 44 ++++++++++++++++---
 2 files changed, 39 insertions(+), 7 deletions(-)

diff --git a/android/dashboard/views/components/app_kiwix.ejs b/android/dashboard/views/components/app_kiwix.ejs
index 9c7029e..bd223ca 100644
--- a/android/dashboard/views/components/app_kiwix.ejs
+++ b/android/dashboard/views/components/app_kiwix.ejs
@@ -221,7 +221,7 @@
         }
     }
 
-    // NEW: Cancel Button
+    // Cancel Button
     btnCancelDownload.addEventListener('click', () => {
         if(confirm('⚠️ Are you completely sure you want to CANCEL the ongoing download?\n\nIncomplete files will be wiped from your hard drive.')) {
             btnCancelDownload.disabled = true;
diff --git a/android/dashboard/views/components/app_maps.ejs b/android/dashboard/views/components/app_maps.ejs
index 9157aed..8896366 100644
--- a/android/dashboard/views/components/app_maps.ejs
+++ b/android/dashboard/views/components/app_maps.ejs
@@ -3,20 +3,30 @@
     
     <div class="card bg-dark text-light mb-4 p-3 border-secondary shadow-sm">
         <label for="raw-command" class="form-label text-warning fw-bold">Execute "New Maps" shell command:</label>
-        <textarea id="raw-command" class="form-control bg-secondary text-light border-0 mb-3" rows="1" placeholder="e.g.: sudo /opt/iiab/maps/..."></textarea>
-        <div class="d-grid gap-2">
-            <button id="btn-start" class="btn btn-primary">Start</button>
+        <div class="row g-2 align-items-stretch">
+            <div class="col-12 col-md-10">
+                <textarea id="raw-command" class="form-control bg-secondary text-light border-0 h-100" rows="2" style="resize: none;" placeholder="e.g.: sudo /opt/iiab/maps/..."></textarea>
+            </div>
+            <div class="col-12 col-md-2">
+                <button id="btn-start" class="btn btn-primary w-100 h-100 fw-bold">Start</button>
+            </div>
         </div>
     </div>
 
-    <div id="terminal" style="background-color: #000; color: #0f0; height: 250px; overflow-y: auto; padding: 10px; font-family: monospace; border-radius: 5px; white-space: pre-wrap; margin-bottom: 15px;">Waiting for commands...</div>
+    <div id="maps-terminal-container" class="position-relative mb-4">
+        <div id="terminal" style="background-color: #000; color: #0f0; height: 250px; overflow-y: auto; padding: 10px; font-family: monospace; border-radius: 5px; white-space: pre-wrap; margin-bottom: 15px;">Waiting for commands...</div>
+
+        <div class="collapse-btn-container d-flex justify-content-center">
+            <button id="btn-toggle-maps-terminal" class="btn btn-sm btn-dark border-secondary text-secondary" style="border-radius: 20px; padding: 2px 15px;">▲ Hide Terminal</button>
+        </div>
+    </div>
 
     <div id="controls-yn" class="card bg-dark border-warning p-3 hidden-section shadow mb-4">
         <div class="d-flex justify-content-between align-items-center">
             <span class="text-warning fw-bold">⚠️ The system requires your confirmation to continue:</span>
             <div>
-                <button id="btn-yes" class="btn btn-success me-2 px-4">Yes (y)</button>
-                <button id="btn-no" class="btn btn-danger px-4">No (n)</button>
+                <button id="btn-yes" class="btn btn-success me-2 px-4">Yes</button>
+                <button id="btn-no" class="btn btn-danger px-4">No</button>
             </div>
         </div>
     </div>
@@ -43,6 +53,28 @@
     const rawCommandInput = document.getElementById('raw-command');
     const controlsYN = document.getElementById('controls-yn');
 
+// Logic for Hiding/Showing Map Terminal
+    let mapsTerminalVisible = true;
+    const btnToggleMapsTerminal = document.getElementById('btn-toggle-maps-terminal');
+
+    btnToggleMapsTerminal.addEventListener('click', (e) => {
+        if(mapsTerminalVisible) {
+            terminal.style.display = 'none';
+            e.target.textContent = '▼ Show Terminal';
+        } else {
+            terminal.style.display = 'block';
+            e.target.textContent = '▲ Hide Terminal';
+        }
+        mapsTerminalVisible = !mapsTerminalVisible;
+    });
+
+    // Extra function to force the display of errors or new processes
+    function forceShowMapsTerminal() {
+        terminal.style.display = 'block';
+        btnToggleMapsTerminal.textContent = '▲ Hide Terminal';
+        mapsTerminalVisible = true;
+    }
+
     function printToTerminal(text) {
         terminal.textContent += text;
         terminal.scrollTop = terminal.scrollHeight;