609 lines
22 KiB
JavaScript
609 lines
22 KiB
JavaScript
// folderManager.js
|
|
|
|
import { loadFileList } from './fileManager.js';
|
|
import { showToast, escapeHTML } from './domUtils.js';
|
|
|
|
// ----------------------
|
|
// Helper Functions (Data/State)
|
|
// ----------------------
|
|
|
|
// Formats a folder name for display (e.g. adding indentations).
|
|
export function formatFolderName(folder) {
|
|
if (typeof folder !== "string") return "";
|
|
if (folder.indexOf("/") !== -1) {
|
|
let parts = folder.split("/");
|
|
let indent = "";
|
|
for (let i = 1; i < parts.length; i++) {
|
|
indent += "\u00A0\u00A0\u00A0\u00A0"; // 4 non-breaking spaces per level
|
|
}
|
|
return indent + parts[parts.length - 1];
|
|
} else {
|
|
return folder;
|
|
}
|
|
}
|
|
|
|
// Build a tree structure from a flat array of folder paths.
|
|
function buildFolderTree(folders) {
|
|
const tree = {};
|
|
folders.forEach(folderPath => {
|
|
// Ensure folderPath is a string
|
|
if (typeof folderPath !== "string") return;
|
|
const parts = folderPath.split('/');
|
|
let current = tree;
|
|
parts.forEach(part => {
|
|
if (!current[part]) {
|
|
current[part] = {};
|
|
}
|
|
current = current[part];
|
|
});
|
|
});
|
|
return tree;
|
|
}
|
|
|
|
// ----------------------
|
|
// Folder Tree State (Save/Load)
|
|
// ----------------------
|
|
function loadFolderTreeState() {
|
|
const state = localStorage.getItem("folderTreeState");
|
|
return state ? JSON.parse(state) : {};
|
|
}
|
|
|
|
function saveFolderTreeState(state) {
|
|
localStorage.setItem("folderTreeState", JSON.stringify(state));
|
|
}
|
|
|
|
// Helper for getting the parent folder.
|
|
function getParentFolder(folder) {
|
|
if (folder === "root") return "root";
|
|
const lastSlash = folder.lastIndexOf("/");
|
|
return lastSlash === -1 ? "root" : folder.substring(0, lastSlash);
|
|
}
|
|
|
|
// ----------------------
|
|
// Breadcrumb Functions
|
|
// ----------------------
|
|
// Render breadcrumb for a normalized folder path.
|
|
// For example, if window.currentFolder is "Folder1/Folder1SubFolder2",
|
|
// this will return: Root / Folder1 / Folder1SubFolder2.
|
|
function renderBreadcrumb(normalizedFolder) {
|
|
if (normalizedFolder === "root") {
|
|
return `<span class="breadcrumb-link" data-folder="root">Root</span>`;
|
|
}
|
|
const parts = normalizedFolder.split("/");
|
|
let breadcrumbItems = [];
|
|
// Always start with "Root".
|
|
breadcrumbItems.push(`<span class="breadcrumb-link" data-folder="root">Root</span>`);
|
|
let cumulative = "";
|
|
parts.forEach((part, index) => {
|
|
cumulative = index === 0 ? part : cumulative + "/" + part;
|
|
breadcrumbItems.push(`<span class="breadcrumb-separator"> / </span>`);
|
|
breadcrumbItems.push(`<span class="breadcrumb-link" data-folder="${cumulative}">${escapeHTML(part)}</span>`);
|
|
});
|
|
return breadcrumbItems.join('');
|
|
}
|
|
|
|
// Bind click and drag-and-drop events to breadcrumb links.
|
|
function bindBreadcrumbEvents() {
|
|
const breadcrumbLinks = document.querySelectorAll(".breadcrumb-link");
|
|
breadcrumbLinks.forEach(link => {
|
|
// Click event for navigation.
|
|
link.addEventListener("click", function (e) {
|
|
e.stopPropagation();
|
|
let folder = this.getAttribute("data-folder");
|
|
console.log("Breadcrumb clicked, folder:", folder);
|
|
window.currentFolder = folder;
|
|
localStorage.setItem("lastOpenedFolder", folder);
|
|
const titleEl = document.getElementById("fileListTitle");
|
|
if (folder === "root") {
|
|
titleEl.innerHTML = "Files in (" + renderBreadcrumb("root") + ")";
|
|
} else {
|
|
titleEl.innerHTML = "Files in (" + renderBreadcrumb(folder) + ")";
|
|
}
|
|
// Expand the folder tree to ensure the target is visible.
|
|
expandTreePath(folder);
|
|
// Update folder tree selection.
|
|
document.querySelectorAll(".folder-option").forEach(item => item.classList.remove("selected"));
|
|
const targetOption = document.querySelector(`.folder-option[data-folder="${folder}"]`);
|
|
if (targetOption) {
|
|
targetOption.classList.add("selected");
|
|
}
|
|
// Load the file list.
|
|
loadFileList(folder);
|
|
// Re-bind breadcrumb events to ensure all links remain active.
|
|
bindBreadcrumbEvents();
|
|
});
|
|
|
|
// Drag-and-drop events.
|
|
link.addEventListener("dragover", function (e) {
|
|
e.preventDefault();
|
|
this.classList.add("drop-hover");
|
|
});
|
|
link.addEventListener("dragleave", function (e) {
|
|
this.classList.remove("drop-hover");
|
|
});
|
|
link.addEventListener("drop", function (e) {
|
|
e.preventDefault();
|
|
this.classList.remove("drop-hover");
|
|
const dropFolder = this.getAttribute("data-folder");
|
|
let dragData;
|
|
try {
|
|
dragData = JSON.parse(e.dataTransfer.getData("application/json"));
|
|
} catch (err) {
|
|
console.error("Invalid drag data on breadcrumb:", err);
|
|
return;
|
|
}
|
|
const filesToMove = dragData.files ? dragData.files : (dragData.fileName ? [dragData.fileName] : []);
|
|
if (filesToMove.length === 0) return;
|
|
fetch("moveFiles.php", {
|
|
method: "POST",
|
|
credentials: "include",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
"X-CSRF-Token": document.querySelector('meta[name="csrf-token"]').getAttribute("content")
|
|
},
|
|
body: JSON.stringify({
|
|
source: dragData.sourceFolder,
|
|
files: filesToMove,
|
|
destination: dropFolder
|
|
})
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
showToast(`File(s) moved successfully to ${dropFolder}!`);
|
|
loadFileList(dragData.sourceFolder);
|
|
} else {
|
|
showToast("Error moving files: " + (data.error || "Unknown error"));
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error("Error moving files via drop on breadcrumb:", error);
|
|
showToast("Error moving files.");
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
// ----------------------
|
|
// DOM Building Functions for Folder Tree
|
|
// ----------------------
|
|
|
|
// Recursively builds HTML for the folder tree as nested <ul> elements.
|
|
function renderFolderTree(tree, parentPath = "", defaultDisplay = "block") {
|
|
const state = loadFolderTreeState();
|
|
let html = `<ul class="folder-tree ${defaultDisplay === 'none' ? 'collapsed' : 'expanded'}">`;
|
|
for (const folder in tree) {
|
|
// Skip the trash folder (case-insensitive)
|
|
if (folder.toLowerCase() === "trash") {
|
|
continue;
|
|
}
|
|
const fullPath = parentPath ? parentPath + "/" + folder : folder;
|
|
const hasChildren = Object.keys(tree[folder]).length > 0;
|
|
const displayState = state[fullPath] !== undefined ? state[fullPath] : defaultDisplay;
|
|
html += `<li class="folder-item">`;
|
|
if (hasChildren) {
|
|
const toggleSymbol = (displayState === 'none') ? '[+]' : '[' + '<span class="custom-dash">-</span>' + ']';
|
|
html += `<span class="folder-toggle" data-folder="${fullPath}">${toggleSymbol}</span>`;
|
|
} else {
|
|
html += `<span class="folder-indent-placeholder"></span>`;
|
|
}
|
|
html += `<span class="folder-option" data-folder="${fullPath}">${escapeHTML(folder)}</span>`;
|
|
if (hasChildren) {
|
|
html += renderFolderTree(tree[folder], fullPath, displayState);
|
|
}
|
|
html += `</li>`;
|
|
}
|
|
html += `</ul>`;
|
|
return html;
|
|
}
|
|
|
|
// Expands the folder tree along a given normalized path.
|
|
function expandTreePath(path) {
|
|
const parts = path.split("/");
|
|
let cumulative = "";
|
|
parts.forEach((part, index) => {
|
|
cumulative = index === 0 ? part : cumulative + "/" + part;
|
|
const option = document.querySelector(`.folder-option[data-folder="${cumulative}"]`);
|
|
if (option) {
|
|
const li = option.parentNode;
|
|
const nestedUl = li.querySelector("ul");
|
|
if (nestedUl && (nestedUl.classList.contains("collapsed") || !nestedUl.classList.contains("expanded"))) {
|
|
nestedUl.classList.remove("collapsed");
|
|
nestedUl.classList.add("expanded");
|
|
const toggle = li.querySelector(".folder-toggle");
|
|
if (toggle) {
|
|
toggle.innerHTML = "[" + '<span class="custom-dash">-</span>' + "]";
|
|
let state = loadFolderTreeState();
|
|
state[cumulative] = "block";
|
|
saveFolderTreeState(state);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// ----------------------
|
|
// Drag & Drop Support for Folder Tree Nodes
|
|
// ----------------------
|
|
function folderDragOverHandler(event) {
|
|
event.preventDefault();
|
|
event.currentTarget.classList.add("drop-hover");
|
|
}
|
|
|
|
function folderDragLeaveHandler(event) {
|
|
event.currentTarget.classList.remove("drop-hover");
|
|
}
|
|
|
|
function folderDropHandler(event) {
|
|
event.preventDefault();
|
|
event.currentTarget.classList.remove("drop-hover");
|
|
const dropFolder = event.currentTarget.getAttribute("data-folder");
|
|
let dragData;
|
|
try {
|
|
dragData = JSON.parse(event.dataTransfer.getData("application/json"));
|
|
} catch (e) {
|
|
console.error("Invalid drag data", e);
|
|
return;
|
|
}
|
|
const filesToMove = dragData.files ? dragData.files : (dragData.fileName ? [dragData.fileName] : []);
|
|
if (filesToMove.length === 0) return;
|
|
fetch("moveFiles.php", {
|
|
method: "POST",
|
|
credentials: "include",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
"X-CSRF-Token": document.querySelector('meta[name="csrf-token"]').getAttribute("content")
|
|
},
|
|
body: JSON.stringify({
|
|
source: dragData.sourceFolder,
|
|
files: filesToMove,
|
|
destination: dropFolder
|
|
})
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
showToast(`File(s) moved successfully to ${dropFolder}!`);
|
|
loadFileList(dragData.sourceFolder);
|
|
} else {
|
|
showToast("Error moving files: " + (data.error || "Unknown error"));
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error("Error moving files via drop:", error);
|
|
showToast("Error moving files.");
|
|
});
|
|
}
|
|
|
|
// ----------------------
|
|
// Main Folder Tree Rendering and Event Binding
|
|
// ----------------------
|
|
export async function loadFolderTree(selectedFolder) {
|
|
try {
|
|
const response = await fetch('getFolderList.php');
|
|
if (response.status === 401) {
|
|
console.error("Unauthorized: Please log in to view folders.");
|
|
showToast("Session expired. Please log in again.");
|
|
window.location.href = "logout.php";
|
|
return;
|
|
}
|
|
let folders = await response.json();
|
|
|
|
// If returned items are objects (with a "folder" property), extract folder paths.
|
|
if (Array.isArray(folders) && folders.length && typeof folders[0] === "object" && folders[0].folder) {
|
|
folders = folders.map(item => item.folder);
|
|
}
|
|
// Filter out duplicate "root" entries if present.
|
|
folders = folders.filter(folder => folder !== "root");
|
|
|
|
if (!Array.isArray(folders)) {
|
|
console.error("Folder list response is not an array:", folders);
|
|
return;
|
|
}
|
|
|
|
const container = document.getElementById("folderTreeContainer");
|
|
if (!container) {
|
|
console.error("Folder tree container not found.");
|
|
return;
|
|
}
|
|
|
|
let html = `<div id="rootRow" class="root-row">
|
|
<span class="folder-toggle" data-folder="root">[<span class="custom-dash">-</span>]</span>
|
|
<span class="folder-option root-folder-option" data-folder="root">(Root)</span>
|
|
</div>`;
|
|
if (folders.length === 0) {
|
|
html += `<ul class="folder-tree expanded">
|
|
<li class="folder-item">
|
|
<span class="folder-option" data-folder="root">(Root)</span>
|
|
</li>
|
|
</ul>`;
|
|
} else {
|
|
const tree = buildFolderTree(folders);
|
|
html += renderFolderTree(tree, "", "block");
|
|
}
|
|
container.innerHTML = html;
|
|
|
|
// Attach drag-and-drop event listeners to folder nodes.
|
|
container.querySelectorAll(".folder-option").forEach(el => {
|
|
el.addEventListener("dragover", folderDragOverHandler);
|
|
el.addEventListener("dragleave", folderDragLeaveHandler);
|
|
el.addEventListener("drop", folderDropHandler);
|
|
});
|
|
|
|
// Determine current folder (normalized).
|
|
if (selectedFolder) {
|
|
window.currentFolder = selectedFolder;
|
|
} else {
|
|
window.currentFolder = localStorage.getItem("lastOpenedFolder") || "root";
|
|
}
|
|
localStorage.setItem("lastOpenedFolder", window.currentFolder);
|
|
|
|
// Update file list title using breadcrumb.
|
|
const titleEl = document.getElementById("fileListTitle");
|
|
if (window.currentFolder === "root") {
|
|
titleEl.innerHTML = "Files in (" + renderBreadcrumb("root") + ")";
|
|
} else {
|
|
titleEl.innerHTML = "Files in (" + renderBreadcrumb(window.currentFolder) + ")";
|
|
}
|
|
// Bind breadcrumb events (click and drag/drop).
|
|
bindBreadcrumbEvents();
|
|
|
|
// Load file list.
|
|
loadFileList(window.currentFolder);
|
|
|
|
// Expand tree to current folder.
|
|
const folderState = loadFolderTreeState();
|
|
if (window.currentFolder !== "root" && folderState[window.currentFolder] !== "none") {
|
|
expandTreePath(window.currentFolder);
|
|
}
|
|
|
|
// Highlight current folder in folder tree.
|
|
const selectedEl = container.querySelector(`.folder-option[data-folder="${window.currentFolder}"]`);
|
|
if (selectedEl) {
|
|
container.querySelectorAll(".folder-option").forEach(item => item.classList.remove("selected"));
|
|
selectedEl.classList.add("selected");
|
|
}
|
|
|
|
// Event binding for folder selection in folder tree.
|
|
container.querySelectorAll(".folder-option").forEach(el => {
|
|
el.addEventListener("click", function (e) {
|
|
e.stopPropagation();
|
|
container.querySelectorAll(".folder-option").forEach(item => item.classList.remove("selected"));
|
|
this.classList.add("selected");
|
|
const selected = this.getAttribute("data-folder");
|
|
window.currentFolder = selected;
|
|
localStorage.setItem("lastOpenedFolder", selected);
|
|
const titleEl = document.getElementById("fileListTitle");
|
|
if (selected === "root") {
|
|
titleEl.innerHTML = "Files in (" + renderBreadcrumb("root") + ")";
|
|
} else {
|
|
titleEl.innerHTML = "Files in (" + renderBreadcrumb(selected) + ")";
|
|
}
|
|
// Re-bind breadcrumb events so the new breadcrumb is clickable.
|
|
bindBreadcrumbEvents();
|
|
loadFileList(selected);
|
|
});
|
|
});
|
|
|
|
// Event binding for toggling folders.
|
|
const rootToggle = container.querySelector("#rootRow .folder-toggle");
|
|
if (rootToggle) {
|
|
rootToggle.addEventListener("click", function (e) {
|
|
e.stopPropagation();
|
|
const nestedUl = container.querySelector("#rootRow + ul");
|
|
if (nestedUl) {
|
|
let state = loadFolderTreeState();
|
|
if (nestedUl.classList.contains("collapsed") || !nestedUl.classList.contains("expanded")) {
|
|
nestedUl.classList.remove("collapsed");
|
|
nestedUl.classList.add("expanded");
|
|
this.innerHTML = "[" + '<span class="custom-dash">-</span>' + "]";
|
|
state["root"] = "block";
|
|
} else {
|
|
nestedUl.classList.remove("expanded");
|
|
nestedUl.classList.add("collapsed");
|
|
this.textContent = "[+]";
|
|
state["root"] = "none";
|
|
}
|
|
saveFolderTreeState(state);
|
|
}
|
|
});
|
|
}
|
|
|
|
container.querySelectorAll(".folder-toggle").forEach(toggle => {
|
|
toggle.addEventListener("click", function (e) {
|
|
e.stopPropagation();
|
|
const siblingUl = this.parentNode.querySelector("ul");
|
|
const folderPath = this.getAttribute("data-folder");
|
|
let state = loadFolderTreeState();
|
|
if (siblingUl) {
|
|
if (siblingUl.classList.contains("collapsed") || !siblingUl.classList.contains("expanded")) {
|
|
siblingUl.classList.remove("collapsed");
|
|
siblingUl.classList.add("expanded");
|
|
this.innerHTML = "[" + '<span class="custom-dash">-</span>' + "]";
|
|
state[folderPath] = "block";
|
|
} else {
|
|
siblingUl.classList.remove("expanded");
|
|
siblingUl.classList.add("collapsed");
|
|
this.textContent = "[+]";
|
|
state[folderPath] = "none";
|
|
}
|
|
saveFolderTreeState(state);
|
|
}
|
|
});
|
|
});
|
|
|
|
} catch (error) {
|
|
console.error("Error loading folder tree:", error);
|
|
}
|
|
}
|
|
|
|
// For backward compatibility.
|
|
export function loadFolderList(selectedFolder) {
|
|
loadFolderTree(selectedFolder);
|
|
}
|
|
|
|
// ----------------------
|
|
// Folder Management (Rename, Delete, Create)
|
|
// ----------------------
|
|
|
|
document.getElementById("renameFolderBtn").addEventListener("click", openRenameFolderModal);
|
|
document.getElementById("deleteFolderBtn").addEventListener("click", openDeleteFolderModal);
|
|
|
|
function openRenameFolderModal() {
|
|
const selectedFolder = window.currentFolder || "root";
|
|
if (!selectedFolder || selectedFolder === "root") {
|
|
showToast("Please select a valid folder to rename.");
|
|
return;
|
|
}
|
|
const parts = selectedFolder.split("/");
|
|
document.getElementById("newRenameFolderName").value = parts[parts.length - 1];
|
|
document.getElementById("renameFolderModal").style.display = "block";
|
|
// Focus the input field after a short delay to ensure modal is visible.
|
|
setTimeout(() => {
|
|
const input = document.getElementById("newRenameFolderName");
|
|
input.focus();
|
|
input.select();
|
|
}, 100);
|
|
}
|
|
|
|
document.getElementById("cancelRenameFolder").addEventListener("click", function () {
|
|
document.getElementById("renameFolderModal").style.display = "none";
|
|
document.getElementById("newRenameFolderName").value = "";
|
|
});
|
|
|
|
document.getElementById("submitRenameFolder").addEventListener("click", function (event) {
|
|
event.preventDefault();
|
|
const selectedFolder = window.currentFolder || "root";
|
|
const newNameBasename = document.getElementById("newRenameFolderName").value.trim();
|
|
if (!newNameBasename || newNameBasename === selectedFolder.split("/").pop()) {
|
|
showToast("Please enter a valid new folder name.");
|
|
return;
|
|
}
|
|
const parentPath = getParentFolder(selectedFolder);
|
|
const newFolderFull = parentPath === "root" ? newNameBasename : parentPath + "/" + newNameBasename;
|
|
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
|
|
if (!csrfToken) {
|
|
showToast("CSRF token not loaded yet! Please try again.");
|
|
return;
|
|
}
|
|
fetch("renameFolder.php", {
|
|
method: "POST",
|
|
credentials: "include",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
"X-CSRF-Token": csrfToken
|
|
},
|
|
body: JSON.stringify({ oldFolder: window.currentFolder, newFolder: newFolderFull })
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
showToast("Folder renamed successfully!");
|
|
window.currentFolder = newFolderFull;
|
|
localStorage.setItem("lastOpenedFolder", newFolderFull);
|
|
loadFolderList(newFolderFull);
|
|
} else {
|
|
showToast("Error: " + (data.error || "Could not rename folder"));
|
|
}
|
|
})
|
|
.catch(error => console.error("Error renaming folder:", error))
|
|
.finally(() => {
|
|
document.getElementById("renameFolderModal").style.display = "none";
|
|
document.getElementById("newRenameFolderName").value = "";
|
|
});
|
|
});
|
|
|
|
function openDeleteFolderModal() {
|
|
const selectedFolder = window.currentFolder || "root";
|
|
if (!selectedFolder || selectedFolder === "root") {
|
|
showToast("Please select a valid folder to delete.");
|
|
return;
|
|
}
|
|
document.getElementById("deleteFolderMessage").textContent =
|
|
"Are you sure you want to delete folder " + selectedFolder + "?";
|
|
document.getElementById("deleteFolderModal").style.display = "block";
|
|
}
|
|
|
|
document.getElementById("cancelDeleteFolder").addEventListener("click", function () {
|
|
document.getElementById("deleteFolderModal").style.display = "none";
|
|
});
|
|
|
|
document.getElementById("confirmDeleteFolder").addEventListener("click", function () {
|
|
const selectedFolder = window.currentFolder || "root";
|
|
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
|
|
fetch("deleteFolder.php", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
"X-CSRF-Token": csrfToken
|
|
},
|
|
body: JSON.stringify({ folder: selectedFolder })
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
showToast("Folder deleted successfully!");
|
|
window.currentFolder = getParentFolder(selectedFolder);
|
|
localStorage.setItem("lastOpenedFolder", window.currentFolder);
|
|
loadFolderList(window.currentFolder);
|
|
} else {
|
|
showToast("Error: " + (data.error || "Could not delete folder"));
|
|
}
|
|
})
|
|
.catch(error => console.error("Error deleting folder:", error))
|
|
.finally(() => {
|
|
document.getElementById("deleteFolderModal").style.display = "none";
|
|
});
|
|
});
|
|
|
|
document.getElementById("createFolderBtn").addEventListener("click", function () {
|
|
document.getElementById("createFolderModal").style.display = "block";
|
|
document.getElementById("newFolderName").focus();
|
|
});
|
|
|
|
document.getElementById("cancelCreateFolder").addEventListener("click", function () {
|
|
document.getElementById("createFolderModal").style.display = "none";
|
|
document.getElementById("newFolderName").value = "";
|
|
});
|
|
|
|
document.getElementById("submitCreateFolder").addEventListener("click", function () {
|
|
const folderInput = document.getElementById("newFolderName").value.trim();
|
|
if (!folderInput) {
|
|
showToast("Please enter a folder name.");
|
|
return;
|
|
}
|
|
let selectedFolder = window.currentFolder || "root";
|
|
let fullFolderName = folderInput;
|
|
if (selectedFolder && selectedFolder !== "root") {
|
|
fullFolderName = selectedFolder + "/" + folderInput;
|
|
}
|
|
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
|
|
fetch("createFolder.php", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
"X-CSRF-Token": csrfToken
|
|
},
|
|
body: JSON.stringify({
|
|
folderName: folderInput,
|
|
parent: selectedFolder === "root" ? "" : selectedFolder
|
|
})
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
showToast("Folder created successfully!");
|
|
window.currentFolder = fullFolderName;
|
|
localStorage.setItem("lastOpenedFolder", fullFolderName);
|
|
loadFolderList(fullFolderName);
|
|
} else {
|
|
showToast("Error: " + (data.error || "Could not create folder"));
|
|
}
|
|
document.getElementById("createFolderModal").style.display = "none";
|
|
document.getElementById("newFolderName").value = "";
|
|
})
|
|
.catch(error => {
|
|
console.error("Error creating folder:", error);
|
|
document.getElementById("createFolderModal").style.display = "none";
|
|
});
|
|
}); |