@motor-cms/ui-admin 4.0.4 → 4.0.5

package/app/components/client/FooterSlotCard.vue

@@ -160,7 +160,14 @@ function onEditFooter(): void {
   }
 }
 
+const unlinkConfirmOpen = ref(false)
+
 function onUnlinkFooter(): void {
+  unlinkConfirmOpen.value = true
+}
+
+function executeUnlink(): void {
+  unlinkConfirmOpen.value = false
   emit('unlinked')
 }
 </script>
@@ -169,7 +176,7 @@ function onUnlinkFooter(): void {
   <div class="flex items-center justify-between gap-4 rounded-lg border border-default px-4 py-3">
     <!-- Left: info -->
     <div class="flex items-center gap-3 min-w-0">
-      <UIcon name="i-lucide-panel-bottom" class="size-5 text-muted shrink-0" />
+      <UIcon :name="pageInfo ? 'i-lucide-link' : 'i-lucide-unlink'" class="size-5 shrink-0" :class="pageInfo ? 'text-primary' : 'text-dimmed'" />
 
       <div class="min-w-0">
         <!-- Label -->
@@ -234,6 +241,7 @@ function onUnlinkFooter(): void {
           {{ t('motor-admin.clients.global_components.edit_footer') }}
         </UButton>
         <UButton
+          icon="i-lucide-unlink"
           variant="ghost"
           color="error"
           size="sm"
@@ -258,4 +266,47 @@ function onUnlinkFooter(): void {
       </template>
     </div>
   </div>
+
+  <!-- Unlink confirmation modal -->
+  <UModal v-model:open="unlinkConfirmOpen">
+    <template #header>
+      {{ t('motor-admin.clients.global_components.unlink_footer') }}
+    </template>
+    <template #body>
+      <div class="space-y-3 text-sm">
+        <p>{{ t('motor-admin.clients.global_components.unlink_confirm') }}</p>
+        <div
+          v-if="pageInfo"
+          class="rounded-md bg-[var(--ui-bg-elevated)] px-3 py-2"
+        >
+          <div class="flex items-center gap-1.5">
+            <UIcon
+              name="i-lucide-panel-bottom"
+              class="size-3.5 shrink-0 text-muted"
+            />
+            <span class="font-medium">{{ pageInfo.name }}</span>
+          </div>
+        </div>
+        <p class="text-muted">{{ t('motor-admin.clients.global_components.unlink_effect') }}</p>
+      </div>
+    </template>
+    <template #footer>
+      <div class="flex justify-end gap-2">
+        <UButton
+          color="neutral"
+          variant="outline"
+          @click="unlinkConfirmOpen = false"
+        >
+          {{ t('motor-core.global.cancel') }}
+        </UButton>
+        <UButton
+          color="error"
+          icon="i-lucide-unlink"
+          @click="executeUnlink"
+        >
+          {{ t('motor-admin.clients.global_components.unlink_footer') }}
+        </UButton>
+      </div>
+    </template>
+  </UModal>
 </template>

package/app/composables/useClientFrontendConfig.ts

@@ -53,7 +53,7 @@ export function useClientFrontendConfig(
         const raw = options.clientRecord.value?.data?.frontend_config
         if (!raw) return
 
-        const parsed = frontendConfigSchema.safeParse(raw)
+        const parsed = frontendConfigSchema(t).safeParse(raw)
 
         if (parsed.success) {
           Object.assign(state, parsed.data)
@@ -85,7 +85,7 @@ export function useClientFrontendConfig(
   // ============================================
 
   function validate(): boolean {
-    const result = frontendConfigSchema.safeParse(state)
+    const result = frontendConfigSchema(t).safeParse(state)
     if (result.success) {
       errors.value = {}
       return true

package/app/lang/de/motor-admin/clients.json

@@ -55,6 +55,8 @@
     "footer_created": "Footer erfolgreich erstellt.",
     "published": "Veröffentlicht",
     "draft": "Entwurf",
+    "unlink_confirm": "Möchten Sie die Verknüpfung zu diesem Footer wirklich lösen?",
+    "unlink_effect": "Der Footer wird nicht gelöscht, sondern nur die Verknüpfung zum Mandanten entfernt.",
     "no_languages": "Keine Sprachen für diesen Mandanten konfiguriert. Erstellen Sie zuerst Navigationsbäume."
   }
 }

package/app/lang/en/motor-admin/clients.json

@@ -55,6 +55,8 @@
     "footer_created": "Footer created successfully.",
     "published": "Published",
     "draft": "Draft",
+    "unlink_confirm": "Are you sure you want to unlink this footer?",
+    "unlink_effect": "The footer will not be deleted, only the link to the client will be removed.",
     "no_languages": "No languages configured for this client. Add navigation trees first."
   }
 }

package/app/types/frontend-config.ts

@@ -39,39 +39,45 @@ export interface FrontendConfig {
 // Zod Schema (editable fields only, no globalComponents)
 // ============================================
 
-const optionalUrlSchema = z.string().refine(
-  (val) => val === '' || val === null || (() => { try { new URL(val); return true } catch { return false } })(),
-  { message: 'Must be a valid URL or empty' }
-)
-
-export const frontendConfigSchema = z.object({
-  brand: z.object({
-    name: z.string().min(1, { message: 'Required' }),
-    logoAlt: z.string().min(1, { message: 'Required' })
-  }),
-  colorScheme: z.string().min(1, { message: 'Required' }),
-  logoSlug: z.string().min(1, { message: 'Required' }),
-  contact: z.object({
-    contactUrl: z.string().url({ message: 'Must be a valid URL' }),
-    email: z.string().email({ message: 'Must be a valid email' }),
-    whatsappUrl: optionalUrlSchema.nullable().optional().transform((v) => v ?? null)
-  }),
-  features: z.object({
-    orderLine: z.boolean().default(false),
-    appointments: z.boolean().default(false),
-    clickpath: z.boolean().default(false),
-    footerMenu: z.boolean().default(false)
-  }),
-  social: z.object({
-    instagram: optionalUrlSchema.nullable().optional().transform((v) => v ?? null),
-    facebook: optionalUrlSchema.nullable().optional().transform((v) => v ?? null)
-  }),
-  seo: z.object({
-    siteName: z.string().min(1, { message: 'Required' })
+type TranslateFunction = (key: string) => string
+
+function optionalUrlSchema(t: TranslateFunction) {
+  return z.string().refine(
+    (val) => val === '' || val === null || (() => { try { new URL(val); return true } catch { return false } })(),
+    { message: t('motor-core.global.validation_url') }
+  )
+}
+
+export function frontendConfigSchema(t: TranslateFunction) {
+  return z.object({
+    brand: z.object({
+      name: z.string().min(1, { message: t('motor-core.global.validation_required') }),
+      logoAlt: z.string().min(1, { message: t('motor-core.global.validation_required') })
+    }),
+    colorScheme: z.string().min(1, { message: t('motor-core.global.validation_required') }),
+    logoSlug: z.string().min(1, { message: t('motor-core.global.validation_required') }),
+    contact: z.object({
+      contactUrl: z.string().url({ message: t('motor-core.global.validation_url') }),
+      email: z.string().email({ message: t('motor-core.global.validation_email') }),
+      whatsappUrl: optionalUrlSchema(t).nullable().optional().transform((v) => v ?? null)
+    }),
+    features: z.object({
+      orderLine: z.boolean().default(false),
+      appointments: z.boolean().default(false),
+      clickpath: z.boolean().default(false),
+      footerMenu: z.boolean().default(false)
+    }),
+    social: z.object({
+      instagram: optionalUrlSchema(t).nullable().optional().transform((v) => v ?? null),
+      facebook: optionalUrlSchema(t).nullable().optional().transform((v) => v ?? null)
+    }),
+    seo: z.object({
+      siteName: z.string().min(1, { message: t('motor-core.global.validation_required') })
+    })
   })
-})
+}
 
-export type FrontendConfigFormState = z.infer<typeof frontendConfigSchema>
+export type FrontendConfigFormState = z.infer<ReturnType<typeof frontendConfigSchema>>
 
 // ============================================
 // Form Field Definitions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motor-cms/ui-admin",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [