update

src/views/ProjectDetailsView.ts

@@ -16,12 +16,10 @@ import {
   PROJECT_FILES,
   CORE_FILE,
   TARGET_FILE,
-  TO_UPDATE_DIR,
 } from "../const";
 import {
   Zone,
   projectPath,
-  toUpdatePath,
   zoneRootPath,
   listFolders,
   listMarkdownFiles,
@@ -147,35 +145,33 @@ export class ProjectDetailsView extends ItemView {
 
   private renderCollections(parent: HTMLElement): void {
     const section = parent.createDiv({ cls: "pk-areas-section" });
-    section.addEventListener("contextmenu", (ev) => {
-      if (ev.defaultPrevented) return;
-      ev.preventDefault();
-      menu(ev, [
-        { title: "Neue Collection", icon: "plus", onClick: () => this.openCreateCollection() },
-        { title: "Neues Feature", icon: "plus", onClick: () => this.openCreateProjectFeature() },
-      ]);
-    });
 
     const ready = this.collectZoneItems("ready");
     const toUpdate = this.collectZoneItems("to-update");
+    const ideas = this.collectZoneItems("ideas");
 
     this.renderZone(section, "ready", ready);
     section.createEl("hr", { cls: "pk-zone-divider" });
     this.renderZone(section, "to-update", toUpdate);
+    section.createEl("hr", { cls: "pk-zone-divider" });
+    this.renderZone(section, "ideas", ideas);
   }
 
   private collectZoneItems(zone: Zone): { collections: TFolder[]; features: TFile[] } {
     const root = zoneRootPath(this.project, zone);
     const folders = listFolders(this.app, root);
-    const collections = zone === "ready"
-      ? folders.filter((f) => f.name !== TO_UPDATE_DIR)
-      : folders;
     const features = listMarkdownFiles(
       this.app,
       root,
       zone === "ready" ? [...PROJECT_FILES] : [],
     );
-    return { collections, features };
+    return { collections: folders, features };
+  }
+
+  private zoneEmptyText(zone: Zone): string {
+    if (zone === "ready") return "Keine fertigen Features";
+    if (zone === "to-update") return "Keine unfertigen Features";
+    return "Keine neuen Features";
   }
 
   private renderZone(
@@ -187,6 +183,14 @@ export class ProjectDetailsView extends ItemView {
       cls: `pk-areas-flex pk-zone-${zone}`,
       attr: { "data-zone": zone },
     });
+    flex.addEventListener("contextmenu", (ev) => {
+      if (ev.defaultPrevented) return;
+      ev.preventDefault();
+      menu(ev, [
+        { title: "Neue Collection", icon: "plus", onClick: () => this.openCreateCollection(zone) },
+        { title: "Neues Feature", icon: "plus", onClick: () => this.openCreateProjectFeature(zone) },
+      ]);
+    });
     flex.addEventListener("dragover", (ev) => {
       if (!ev.dataTransfer?.types.includes(PK_DND_MIME)) return;
       ev.preventDefault();
@@ -214,7 +218,7 @@ export class ProjectDetailsView extends ItemView {
       this.renderProjectFeatureCard(flex, zone, f);
     }
     if (items.collections.length === 0 && items.features.length === 0) {
-      flex.createDiv({ cls: "pk-zone-placeholder", text: "Keine Features" });
+      flex.createDiv({ cls: "pk-zone-placeholder", text: this.zoneEmptyText(zone) });
     }
   }
 
@@ -237,7 +241,7 @@ export class ProjectDetailsView extends ItemView {
       ev.preventDefault();
       ev.stopPropagation();
       menu(ev, [
-        { title: "Neue Collection", icon: "plus", onClick: () => this.openCreateCollection() },
+        { title: "Neue Collection", icon: "plus", onClick: () => this.openCreateCollection(zone) },
         { title: "Collection umbenennen", icon: "pencil", onClick: () => this.openRenameCollectionAt(folderPath, collection.name, takenCollections) },
         { title: "Collection löschen", icon: "trash", onClick: () => this.openDeletePath(folderPath) },
       ]);
@@ -330,7 +334,7 @@ export class ProjectDetailsView extends ItemView {
       ev.preventDefault();
       ev.stopPropagation();
       menu(ev, [
-        { title: "Neues Feature", icon: "plus", onClick: () => this.openCreateProjectFeatureInZone(zone) },
+        { title: "Neues Feature", icon: "plus", onClick: () => this.openCreateProjectFeature(zone) },
         { title: "Feature löschen", icon: "trash", onClick: () => this.openDeletePath(file.path) },
       ]);
     });
@@ -356,7 +360,7 @@ export class ProjectDetailsView extends ItemView {
       : data.name;
     const newPath = normalizePath(`${root}/${targetName}`);
     if (data.sourcePath === newPath) return;
-    if (zone === "to-update") await ensureFolder(this.app, toUpdatePath(this.project));
+    if (zone !== "ready") await ensureFolder(this.app, root);
     await this.movePath(data.sourcePath, newPath);
   }
 
@@ -384,11 +388,7 @@ export class ProjectDetailsView extends ItemView {
     await this.render();
   }
 
-  private openCreateProjectFeature(): void {
-    this.openCreateProjectFeatureInZone("to-update");
-  }
-
-  private openCreateProjectFeatureInZone(zone: Zone): void {
+  private openCreateProjectFeature(zone: Zone = "to-update"): void {
     const root = zoneRootPath(this.project, zone);
     const existing = listMarkdownFiles(
       this.app,
@@ -408,18 +408,18 @@ export class ProjectDetailsView extends ItemView {
     }).open();
   }
 
-  private openCreateCollection(): void {
-    const ready = listFolders(this.app, projectPath(this.project))
-      .filter((f) => f.name !== TO_UPDATE_DIR).map((a) => a.name);
-    const inToUpdate = listFolders(this.app, toUpdatePath(this.project)).map((a) => a.name);
-    const taken = [...ready, ...inToUpdate];
+  private openCreateCollection(zone: Zone = "to-update"): void {
+    const allZones: Zone[] = ["ready", "to-update", "ideas"];
+    const taken = allZones.flatMap((z) =>
+      listFolders(this.app, zoneRootPath(this.project, z)).map((a) => a.name),
+    );
     new NameModal(this.app, {
       title: "Neue Collection",
       label: "Collection-Name",
       cta: "Erstellen",
       validate: (n) => validateName(n, taken),
       onSubmit: async (name) => {
-        await createCollection(this.app, this.project, name);
+        await createCollection(this.app, this.project, name, zone);
         await this.render();
       },
     }).open();