Update index.html

index.html

@@ -149,75 +149,124 @@
 </div>
 
 <script>
-  function showTab(tab) {
-    document.querySelectorAll(".tab").forEach(el => el.classList.remove("active"));
-    document.querySelectorAll("nav button").forEach(el => el.classList.remove("active"));
-    document.getElementById(tab).classList.add("active");
-    document.getElementById("tab-" + tab).classList.add("active");
-  }
-
   function saveSetup() {
-    alert("Saved (dummy)!");
-  }
-
-  function startConsole() {
-    alert("Starting script (dummy)!");
-  }
-
-  function stopConsole() {
-    alert("Script stopped (dummy)!");
-  }
-
-  function sendInput() {
-    const val = document.getElementById("consoleInput").value;
-    const outputBox = document.getElementById("output");
-    outputBox.textContent += "\n> " + val;
-    document.getElementById("consoleInput").value = "";
-  }
-
-  
-  function uploadFile() {
-  const fileInput = document.getElementById("uploadFile");
-  const file = fileInput.files[0];
-  const formData = new FormData();
-  formData.append("file", file);
+  const data = {
+    username: document.getElementById("username").value,
+    password: document.getElementById("password").value,
+    startcmd: document.getElementById("startcmd").value
+  };
 
-  fetch("/upload", {
+  fetch("/setup", {
     method: "POST",
-    body: formData
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(data)
   }).then(res => res.json())
+    .then(res => alert("Saved!"))
+    .catch(err => alert("Error saving setup."));
+}
+
+function startConsole() {
+  fetch("/console/start", { method: "POST" })
+    .then(res => res.json())
+    .then(data => {
+      document.getElementById("consoleOutput").value += ">>> Console started\n";
+    });
+}
+
+function stopConsole() {
+  fetch("/console/stop", { method: "POST" })
+    .then(res => res.json())
+    .then(data => {
+      document.getElementById("consoleOutput").value += ">>> Console stopped\n";
+    });
+}
+
+function sendInput() {
+  const input = document.getElementById("consoleInput").value;
+  fetch("/console/input", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ input })
+  })
+    .then(res => res.json())
     .then(data => {
-      alert("Uploaded: " + data.filename);
-      listFiles(); // refresh file list
+      document.getElementById("consoleOutput").value += data.output + "\n";
+      document.getElementById("consoleInput").value = "";
     });
 }
 
-function listFiles() {
+function refreshFileList() {
   fetch("/files")
     .then(res => res.json())
     .then(files => {
       const list = document.getElementById("fileList");
       list.innerHTML = "";
-      files.forEach(file => {
-        list.innerHTML += `<div class="file-entry">${file} <a href="/uploads/${file}" target="_blank">[🔍 View]</a></div>`;
+      files.forEach(name => {
+        const li = document.createElement("li");
+        li.textContent = name;
+        list.appendChild(li);
       });
     });
 }
 
-// Load file list saat tab file manager dibuka
-document.getElementById("tab-filemanager").addEventListener("click", listFiles);
-  
-  
+function createFile() {
+  const name = prompt("File name:");
+  if (!name) return;
+  fetch("/file/create", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ name })
+  }).then(() => refreshFileList());
+}
+
+function createFolder() {
+  const name = prompt("Folder name:");
+  if (!name) return;
+  fetch("/folder/create", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ name })
+  }).then(() => refreshFileList());
+}
+
+function deleteItem() {
+  const name = prompt("File/Folder name to delete:");
+  if (!name) return;
+  fetch("/delete", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ name })
+  }).then(() => refreshFileList());
+}
+
+function renameItem() {
+  const oldName = prompt("Old name:");
+  const newName = prompt("New name:");
+  if (!oldName || !newName) return;
+  fetch("/rename", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ old_name: oldName, new_name: newName })
+  }).then(() => refreshFileList());
+}
+
+function uploadFile() {
+  const fileInput = document.getElementById("uploadFile");
+  const file = fileInput.files[0];
+  const formData = new FormData();
+  formData.append("file", file);
 
-  function createFile() {
-    const name = document.getElementById("newName").value;
-    document.getElementById("fileList").innerHTML += `<div class="file-entry">${name} <span>[📝 ✏️ ❌]</span></div>`;
-  }
+  fetch("/upload", {
+    method: "POST",
+    body: formData
+  }).then(() => {
+    alert("Uploaded!");
+    refreshFileList();
+    fileInput.value = "";
+  });
+}
 
-  function createFolder() {
-    const name = document.getElementById("newName").value;
-    document.getElementById("fileList").innerHTML += `<div class="file-entry"><b>${name}/</b> <span>[📁 ✏️ ❌]</span></div>`;
-  }
+window.onload = refreshFileList;
 </script>
 
 </body>