refactoring van de cmap structuren bijna compleet

static/js/wiki/cmap/dialogs/concept-dialog.js

@@ -46,6 +46,7 @@ export class CmapConceptDialog {
   open(record, resources) {
     if (!record || record.kind === "phrase") return;
     this.record = record;
+    this.resources = resources;
     this.createContext = null;
     this.imageSource = record.imageSource || "";
     this.imageRead = Promise.resolve();
@@ -72,6 +73,7 @@ export class CmapConceptDialog {
   /** Open the dialog for a new concept at the supplied editor context. */
   openNew(createContext, resources) {
     this.record = null;
+    this.resources = resources;
     this.createContext = createContext;
     this.imageSource = "";
     this.imageRead = Promise.resolve();
@@ -208,7 +210,8 @@ export class CmapConceptDialog {
     const descriptionInput = this.dialog.querySelector("#cmap-concept-description-page");
     const descriptionText = descriptionInput.value.trim();
     const descriptionPage = descriptionText ? newPageReference(descriptionText) :
-      pageReference("cmap", splitPageReference(newPageReference(label) || "concept").slug);
+      pageReference(this.resources?.cmapNamespace || "cmap",
+        splitPageReference(newPageReference(label) || "concept").slug);
     if (!descriptionPage) {
       this.tabs.select("content");
       descriptionInput.setCustomValidity(

static/js/wiki/cmap/dialogs/metadata-dialog.js

@@ -11,6 +11,7 @@ export class CmapMetadataDialog {
     this.normalizePageReference = normalizePageReference;
     this.form = dialog.querySelector("form");
     this.summary = dialog.querySelector("#cmap-metadata-summary");
+    this.namespace = dialog.querySelector("#cmap-metadata-namespace");
     this.tags = dialog.querySelector("#cmap-metadata-tags");
     this.explanationPage = dialog.querySelector("#cmap-metadata-explanation-page");
     this.saveHandler = null;
@@ -31,6 +32,7 @@ export class CmapMetadataDialog {
   }
 
   open(metadata) {
+    this.namespace.value = metadata.namespace || "";
     this.summary.value = metadata.summary || "";
     this.tags.value = (metadata.tags || []).join(", ");
     this.explanationPage.value = metadata.explanationPageSlug || "";
@@ -40,6 +42,14 @@ export class CmapMetadataDialog {
   }
 
   metadata() {
+    const namespace = this.namespace.value.trim().toLocaleLowerCase();
+    if (namespace && !/^[\p{L}\p{N}][\p{L}\p{N}-]*$/u.test(namespace)) {
+      this.namespace.setCustomValidity(
+        this.tr("invalid-concept-map-namespace", "Use letters, numbers and hyphens for the namespace."));
+      this.namespace.reportValidity();
+      return null;
+    }
+    this.namespace.setCustomValidity("");
     const explanationInput = this.explanationPage.value.trim();
     const explanationPageSlug = explanationInput ?
       this.normalizePageReference(explanationInput) : "";
@@ -50,6 +60,7 @@ export class CmapMetadataDialog {
       return null;
     }
     return {
+      namespace,
       tags: this.tags.value.split(",").map((tag) => tag.trim()).filter(Boolean),
       summary: this.summary.value.trim(),
       explanationPageSlug