From 8ab986bdae242f30042d49f8321a5e933f381e94 Mon Sep 17 00:00:00 2001
From: Norman Niati <norman.niati@icloud.com>
Date: Mon, 8 Jun 2026 11:35:44 +0200
Subject: [PATCH] feat(scope): show the DN/LDAP path field in the creation
 dialog

The container scope creation dialog only exposed the Name field while
the edition dialog showed the LDAP Path / DN. Adds the same field to
the creation mode so administrators can set the DN at creation time
rather than having to edit immediately after. The field is required on
create (backend ContainerScope.dn is @NotNull/@NotBlank) and the save
payload now carries the dn for both create and update.

Closes #55.
---
 ui/src/views/ContainerScopeView.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/ContainerScopeView.vue b/ui/src/views/ContainerScopeView.vue
index 7b43704..e8d70b0 100644
--- a/ui/src/views/ContainerScopeView.vue
+++ b/ui/src/views/ContainerScopeView.vue
@@ -56,7 +56,8 @@
       <v-form ref="formRef" @submit.prevent="save">
         <LjAvailabilityField v-model="editForm.name" v-model:taken="nameTaken" :endpoint="'service/id/container-scope/' + activeTab" :enabled="!editTarget?.id && !demoMode"
           prepend-inner-icon="mdi-form-textbox" :label="t('common.name')" class="mb-2" autofocus />
-        <v-text-field v-if="editTarget?.id" v-model="editForm.dn" prepend-inner-icon="mdi-file-tree-outline" :label="t('containerScope.dn')" variant="outlined" disabled />
+        <v-text-field v-model="editForm.dn" prepend-inner-icon="mdi-file-tree-outline" :label="t('containerScope.dn')" variant="outlined"
+          :disabled="!!editTarget?.id" :rules="editTarget?.id ? [] : [rules.required]" />
       </v-form>
       <template #footer>
         <LjButton variant="ghost" @click="editDialog = false">{{ t('common.cancel') }}</LjButton>
@@ -128,6 +129,9 @@ const deleting = ref(false)
 // Set by LjAvailabilityField when the typed scope name already exists (create).
 const nameTaken = ref(false)
 
+// The DN is required at creation (backend ContainerScope.dn is @NotNull/@NotBlank).
+const rules = { required: (v) => !!v || t('common.required') }
+
 async function loadData() {
   loading.value = true
   error.value = null
@@ -161,7 +165,7 @@ async function save() {
   if (nameTaken.value) return
   if (demoMode.value) { errorStore.push({ message: t('containerScope.demoSave'), status: 0 }); editDialog.value = false; return }
   saving.value = true
-  const payload = { name: editForm.value.name }
+  const payload = { name: editForm.value.name, dn: editForm.value.dn }
   if (editTarget.value?.id) {
     await api.put(`rest/service/id/container-scope/${activeTab.value}`, { id: editTarget.value.id, ...payload })
   } else {