🗑 Delete
-
Are you sure you want to delete ?
-
This action cannot be undone. All content will be permanently deleted.
+
Delete ?
+
This cannot be undone. All content will be permanently deleted.
@@ -152,83 +141,97 @@
function wsPage() {
return {
items: [],
- showFileModal: false,
- showFolderModal: false,
+ showCreateModal: false,
showRenameModal: false,
showDeleteModal: false,
+ createType: 'file',
newName: '',
+ parentFolder: null,
renameTarget: null,
deleteTarget: null,
- async init() {
- await this.load();
- },
+ async init() { await this.load(); },
+
async load() {
try {
const r = await fetch('/api/local-workspace/tree');
const data = await r.json();
- // Flatten tree for display
const flat = [];
for (const node of (data.tree || [])) {
- flat.push({
- id: node.id, name: node.name,
- icon: node.type === 'folder' ? '📁' : (node.icon || '📄'),
- type: node.type || 'page'
- });
+ flat.push({id:node.id, name:node.name, icon:node.type==='folder'?'📁':'📄', type:node.type, parentId:null});
for (const child of (node.children || [])) {
- flat.push({
- id: child.id, name: ' ' + child.name,
- icon: child.type === 'folder' ? '📁' : '📄',
- type: child.type || 'page'
- });
+ flat.push({id:child.id, name:' '+child.name, icon:'📄', type:'page', parentId:node.id});
}
}
this.items = flat;
} catch(e) { console.error(e); }
},
- async createFile() {
- if (!this.newName.trim()) return;
- await fetch('/api/local-workspace/items', {
- method:'POST', headers:{'Content-Type':'application/json'},
- body:JSON.stringify({name:this.newName.trim(), type:'page'})
+
+ openCreateModal(type, parent) {
+ this.createType = type;
+ this.parentFolder = parent || null;
+ this.newName = '';
+ this.showCreateModal = true;
+ this.$nextTick(() => {
+ const el = this.$refs.createInput;
+ if (el) setTimeout(() => el.focus(), 100);
});
- this.newName = ''; this.showFileModal = false;
- await this.load();
},
- async createFolder() {
+
+ async doCreate() {
if (!this.newName.trim()) return;
+ const body = { name: this.newName.trim(), type: this.createType };
+ if (this.parentFolder) body.parent_id = this.parentFolder.id;
const r = await fetch('/api/local-workspace/items', {
method:'POST', headers:{'Content-Type':'application/json'},
- body:JSON.stringify({name:this.newName.trim(), type:'folder'})
+ body: JSON.stringify(body)
});
if (r.ok) {
- this.newName = ''; this.showFolderModal = false;
+ this.newName = ''; this.showCreateModal = false; this.parentFolder = null;
await this.load();
} else {
- alert('Failed to create folder');
+ const e = await r.json();
+ alert(e.error || 'Failed to create');
}
},
+
+ async createFileOrFolder(type, name) {
+ // Used by sidebar buttons
+ return await fetch('/api/local-workspace/items', {
+ method:'POST', headers:{'Content-Type':'application/json'},
+ body: JSON.stringify({ name, type })
+ });
+ },
+
openItem(item) {
window.location = `/pages/${item.id}`;
},
+
rename(item) {
this.renameTarget = item;
this.newName = item.name.trim();
this.showRenameModal = true;
+ this.$nextTick(() => {
+ const el = this.$refs.renameInput;
+ if (el) setTimeout(() => el.focus(), 100);
+ });
},
+
async doRename() {
if (!this.newName.trim() || !this.renameTarget) return;
await fetch(`/api/local-workspace/items/${this.renameTarget.id}`, {
method:'PUT', headers:{'Content-Type':'application/json'},
- body:JSON.stringify({name:this.newName.trim()})
+ body: JSON.stringify({name:this.newName.trim()})
});
- this.newName = ''; this.showRenameModal = false; this.renameTarget = null;
+ this.showRenameModal = false; this.renameTarget = null; this.newName = '';
await this.load();
},
+
confirmDelete(item) {
this.deleteTarget = item;
this.showDeleteModal = true;
},
+
async doDelete() {
if (!this.deleteTarget) return;
await fetch(`/api/local-workspace/items/${this.deleteTarget.id}`, {method:'DELETE'});