@motor-cms/ui-admin 1.6.0 → 1.7.0

package/app/components/dashboard/DashboardActivityItem.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { formatTimeAgo } from '@vueuse/core'
+import { formatTimeAgoIntl } from '@vueuse/core'
 import type { ActivityItem } from '../../composables/useDashboardData'
 
-const { t } = useI18n()
+const { t, locale } = useI18n()
 
 const props = defineProps<{
   item: ActivityItem
@@ -82,7 +82,7 @@ const timestamp = computed(() => new Date(props.item.created_at))
         <strong>{{ item.subject_name ?? t('motor-admin.dashboard.activity.unknown') }}</strong> {{ verb }}
       </div>
       <div class="text-xs text-dimmed mt-0.5">
-        {{ item.causer_name ?? t('motor-admin.dashboard.activity.system') }} &middot; {{ formatTimeAgo(timestamp) }}
+        {{ item.causer_name ?? t('motor-admin.dashboard.activity.system') }} &middot; {{ formatTimeAgoIntl(timestamp, { locale }) }}
       </div>
     </div>
     <UBadge

package/app/components/dashboard/DashboardAnnouncements.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { formatTimeAgo } from '@vueuse/core'
+import { formatTimeAgoIntl } from '@vueuse/core'
 import type { AnnouncementItem } from '../../composables/useDashboardData'
 
 const props = defineProps<{
@@ -13,7 +13,7 @@ const emit = defineEmits<{
   create: []
 }>()
 
-const { t } = useI18n()
+const { t, locale } = useI18n()
 
 const borderColors: Record<string, string> = {
   info: 'border-l-info',
@@ -80,7 +80,7 @@ const borderColors: Record<string, string> = {
           {{ item.linkable_name }}
         </NuxtLink>
         <div class="text-xs text-dimmed mt-2">
-          {{ item.created_by_name }} &middot; {{ formatTimeAgo(new Date(item.starts_at ?? item.created_at)) }}
+          {{ item.created_by_name }} &middot; {{ formatTimeAgoIntl(new Date(item.starts_at ?? item.created_at), { locale }) }}
         </div>
       </div>
     </div>

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

@@ -7,6 +7,7 @@
   "prompt_description": "Der System-Prompt-Text, der an das KI-Modell gesendet wird",
   "create_title": "KI-System-Prompt erstellen",
   "edit_title": "KI-System-Prompt bearbeiten",
+  "view_title": "KI-System-Prompt ansehen",
   "created_success": "KI-System-Prompt erfolgreich erstellt.",
   "updated_success": "KI-System-Prompt erfolgreich aktualisiert."
 }

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

@@ -5,6 +5,7 @@
   "add": "Kategorie hinzufügen",
   "create_title": "Kategorie erstellen",
   "edit_title": "Kategorie bearbeiten",
+  "view_title": "Kategorie ansehen",
   "created_success": "Kategorie wurde erfolgreich erstellt",
   "updated_success": "Kategorie wurde erfolgreich aktualisiert",
   "parent": "Übergeordnete Kategorie",

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

@@ -6,6 +6,7 @@
   "add": "Kategoriebaum hinzufügen",
   "create_title": "Kategoriebaum erstellen",
   "edit_title": "Kategoriebaum bearbeiten",
+  "view_title": "Kategoriebaum ansehen",
   "created_success": "Kategoriebaum wurde erfolgreich erstellt",
   "updated_success": "Kategoriebaum wurde erfolgreich aktualisiert",
   "children": "Kinder",

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

@@ -6,6 +6,7 @@
   "add": "Mandant hinzufügen",
   "create_title": "Mandant erstellen",
   "edit_title": "Mandant bearbeiten",
+  "view_title": "Mandant ansehen",
   "created_success": "Mandant erfolgreich erstellt.",
   "updated_success": "Mandant erfolgreich aktualisiert.",
   "slug": "Slug",

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

@@ -9,6 +9,7 @@
   "is_invisible": "Versteckt",
   "create_title": "Konfigurationsvariable erstellen",
   "edit_title": "Konfigurationsvariable bearbeiten",
+  "view_title": "Konfigurationsvariable ansehen",
   "created_success": "Konfigurationsvariable erfolgreich erstellt.",
   "updated_success": "Konfigurationsvariable erfolgreich aktualisiert."
 }

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

@@ -6,6 +6,7 @@
   "add": "Domain hinzufügen",
   "create_title": "Domain erstellen",
   "edit_title": "Domain bearbeiten",
+  "view_title": "Domain ansehen",
   "created_success": "Domain erfolgreich erstellt.",
   "updated_success": "Domain erfolgreich aktualisiert.",
   "host": "Host",

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

@@ -5,6 +5,7 @@
   "add": "E-Mail-Vorlage hinzufügen",
   "create_title": "E-Mail-Vorlage erstellen",
   "edit_title": "E-Mail-Vorlage bearbeiten",
+  "view_title": "E-Mail-Vorlage ansehen",
   "slug": "Slug",
   "slug_description": "URL-freundlicher Bezeichner, automatisch aus dem Namen generiert",
   "subject": "Betreff",

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

@@ -9,6 +9,7 @@
   "native_name": "Eigenname",
   "create_title": "Sprache erstellen",
   "edit_title": "Sprache bearbeiten",
+  "view_title": "Sprache ansehen",
   "created_success": "Sprache erfolgreich erstellt.",
   "updated_success": "Sprache erfolgreich aktualisiert.",
   "iso_639_1": "ISO 639-1 Code",

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

@@ -8,6 +8,7 @@
   "position": "Position",
   "create_title": "Berechtigungsgruppe erstellen",
   "edit_title": "Berechtigungsgruppe bearbeiten",
+  "view_title": "Berechtigungsgruppe ansehen",
   "created_success": "Berechtigungsgruppe erfolgreich erstellt.",
   "updated_success": "Berechtigungsgruppe erfolgreich aktualisiert.",
   "group_permissions": "Berechtigungen"

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

@@ -8,6 +8,7 @@
   "permissions": "Berechtigungen",
   "create_title": "Rolle erstellen",
   "edit_title": "Rolle bearbeiten",
+  "view_title": "Rolle ansehen",
   "created_success": "Rolle erfolgreich erstellt.",
   "updated_success": "Rolle erfolgreich aktualisiert.",
   "guard_name": "Guard-Name",

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

@@ -10,6 +10,7 @@
   "permissions": "Berechtigungen",
   "create_title": "Benutzer erstellen",
   "edit_title": "Benutzer bearbeiten",
+  "view_title": "Benutzer ansehen",
   "created_success": "Benutzer wurde erfolgreich erstellt",
   "updated_success": "Benutzer wurde erfolgreich aktualisiert",
   "password": "Passwort",

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

@@ -7,6 +7,7 @@
   "prompt_description": "The system prompt text sent to the AI model",
   "create_title": "Create AI System Prompt",
   "edit_title": "Edit AI System Prompt",
+  "view_title": "View AI System Prompt",
   "created_success": "AI system prompt created successfully.",
   "updated_success": "AI system prompt updated successfully."
 }

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

@@ -5,6 +5,7 @@
   "add": "Add Category",
   "create_title": "Create Category",
   "edit_title": "Edit Category",
+  "view_title": "View Category",
   "created_success": "Category was created successfully",
   "updated_success": "Category was updated successfully",
   "parent": "Parent Category",

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

@@ -6,6 +6,7 @@
   "add": "Add Category Tree",
   "create_title": "Create Category Tree",
   "edit_title": "Edit Category Tree",
+  "view_title": "View Category Tree",
   "created_success": "Category tree was created successfully",
   "updated_success": "Category tree was updated successfully",
   "children": "Children",

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

@@ -6,6 +6,7 @@
   "add": "Add Client",
   "create_title": "Create Client",
   "edit_title": "Edit Client",
+  "view_title": "View Client",
   "created_success": "Client successfully created.",
   "updated_success": "Client successfully updated.",
   "slug": "Slug",

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

@@ -9,6 +9,7 @@
   "is_invisible": "Hidden",
   "create_title": "Create Config Variable",
   "edit_title": "Edit Config Variable",
+  "view_title": "View Config Variable",
   "created_success": "Config variable created successfully.",
   "updated_success": "Config variable updated successfully."
 }

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

@@ -5,6 +5,7 @@
   "add": "Add Domain",
   "create_title": "Create Domain",
   "edit_title": "Edit Domain",
+  "view_title": "View Domain",
   "created_success": "Domain successfully created.",
   "updated_success": "Domain successfully updated.",
   "host": "Host",

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

@@ -5,6 +5,7 @@
   "add": "Add Email Template",
   "create_title": "Create Email Template",
   "edit_title": "Edit Email Template",
+  "view_title": "View Email Template",
   "slug": "Slug",
   "slug_description": "URL-friendly identifier, auto-generated from name",
   "subject": "Subject",

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

@@ -9,6 +9,7 @@
   "native_name": "Native Name",
   "create_title": "Create Language",
   "edit_title": "Edit Language",
+  "view_title": "View Language",
   "created_success": "Language created successfully.",
   "updated_success": "Language updated successfully.",
   "iso_639_1": "ISO 639-1 Code",

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

@@ -8,6 +8,7 @@
   "position": "Position",
   "create_title": "Create Permission Group",
   "edit_title": "Edit Permission Group",
+  "view_title": "View Permission Group",
   "created_success": "Permission group created successfully.",
   "updated_success": "Permission group updated successfully.",
   "group_permissions": "Permissions"

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

@@ -8,6 +8,7 @@
   "permissions": "Permissions",
   "create_title": "Create Role",
   "edit_title": "Edit Role",
+  "view_title": "View Role",
   "created_success": "Role created successfully.",
   "updated_success": "Role updated successfully.",
   "guard_name": "Guard Name",

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

@@ -10,6 +10,7 @@
   "permissions": "Permissions",
   "create_title": "Create User",
   "edit_title": "Edit User",
+  "view_title": "View User",
   "created_success": "User was created successfully",
   "updated_success": "User was updated successfully",
   "password": "Password",

package/app/pages/motor-admin/ai-system-prompts/[id]/edit.vue

@@ -3,11 +3,10 @@
 import { aISystemPromptFormMeta } from '../../../../types/generated/form-meta'
 import { aiSystemPromptFormConfig, aiSystemPromptSelectOptionConfigs } from '@motor-cms/ui-core/app/types/config/ai-system-prompt'
 
-definePageMeta({ layout: 'default', permission: 'ai-system-prompts.write' })
+definePageMeta({ layout: 'default', permission: 'ai-system-prompts.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/ai-system-prompts',
   routePrefix: '/motor-admin/ai-system-prompts',
   translationPrefix: 'motor-admin.ai_system_prompts',
@@ -21,13 +20,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, s
 
 <template>
   <FormPage
-    :title="t('motor-admin.ai_system_prompts.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/ai-system-prompts"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/category-trees/[id]/categories/[categoryId]/edit.vue

@@ -3,14 +3,14 @@
 import { categoryFormMeta } from '@motor-cms/ui-core/app/types/generated/form-meta'
 import { categoryFormConfig } from '@motor-cms/ui-core/app/types/config/category'
 
-definePageMeta({ layout: 'default', permission: 'categories.write' })
+definePageMeta({ layout: 'default', permission: 'categories.read' })
 
 const route = useRoute()
 const { t } = useI18n()
 const treeId = route.params.id as string
 const categoryId = route.params.categoryId as string
 
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: `/api/v2/category-trees/${treeId}/categories`,
   routePrefix: `/motor-admin/category-trees/${treeId}`,
   translationPrefix: 'motor-admin.categories',
@@ -26,13 +26,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, s
 
 <template>
   <FormPage
-    :title="t('motor-admin.categories.edit_title')"
+    :title="pageTitle"
     :back-route="`/motor-admin/category-trees/${treeId}`"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/category-trees/[id]/edit.vue

@@ -3,11 +3,10 @@
 import { categoryTreeFormMeta } from '@motor-cms/ui-core/app/types/generated/form-meta'
 import { categoryTreeEditFormConfig } from '@motor-cms/ui-core/app/types/config/category-tree'
 
-definePageMeta({ layout: 'default', permission: 'category-trees.write' })
+definePageMeta({ layout: 'default', permission: 'category-trees.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/category-trees',
   routePrefix: '/motor-admin/category-trees',
   translationPrefix: 'motor-admin.category_trees',
@@ -20,13 +19,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, o
 
 <template>
   <FormPage
-    :title="t('motor-admin.category_trees.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/category-trees"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/clients/[id]/edit.vue

@@ -3,11 +3,10 @@
 import { clientFormMeta } from '../../../../types/generated/form-meta'
 import { clientFormConfig } from '@motor-cms/ui-core/app/types/config/client'
 
-definePageMeta({ layout: 'default', permission: 'clients.write' })
+definePageMeta({ layout: 'default', permission: 'clients.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/clients',
   routePrefix: '/motor-admin/clients',
   translationPrefix: 'motor-admin.clients',
@@ -20,13 +19,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, o
 
 <template>
   <FormPage
-    :title="t('motor-admin.clients.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/clients"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/config-variables/[id]/edit.vue

@@ -2,11 +2,10 @@
 import { configVariableFormMeta } from '../../../../types/generated/form-meta'
 import { configVariableFormConfig } from '@motor-cms/ui-core/app/types/config/config-variable'
 
-definePageMeta({ layout: 'default', permission: 'config-variables.write' })
+definePageMeta({ layout: 'default', permission: 'config-variables.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/config-variables',
   routePrefix: '/motor-admin/config-variables',
   translationPrefix: 'motor-admin.config_variables',
@@ -19,13 +18,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, o
 
 <template>
   <FormPage
-    :title="t('motor-admin.config_variables.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/config-variables"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/domains/[id]/edit.vue

@@ -3,12 +3,11 @@
 import { domainFormMeta } from '../../../../types/generated/form-meta'
 import { domainFormConfig, domainSelectOptionConfigs, domainProtocolOptions } from '@motor-cms/ui-core/app/types/config/domain'
 
-definePageMeta({ layout: 'default', permission: 'domains.write' })
+definePageMeta({ layout: 'default', permission: 'domains.read' })
 
 const route = useRoute()
-const { t } = useI18n()
 
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/domains',
   routePrefix: '/motor-admin/domains',
   translationPrefix: 'motor-admin.domains',
@@ -27,13 +26,14 @@ const mergedSelectOptions = computed(() => ({
 
 <template>
   <FormPage
-    :title="t('motor-admin.domains.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/domains"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/email-templates/[id]/edit.vue

@@ -3,11 +3,10 @@
 import { emailTemplateFormMeta } from '../../../../types/generated/form-meta'
 import { emailTemplateFormConfig, emailTemplateSelectOptionConfigs } from '@motor-cms/ui-core/app/types/config/email-template'
 
-definePageMeta({ layout: 'default', permission: 'email-templates.write' })
+definePageMeta({ layout: 'default', permission: 'email-templates.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields: rawFields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields: rawFields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/email-templates',
   routePrefix: '/motor-admin/email-templates',
   translationPrefix: 'motor-admin.email_templates',
@@ -29,13 +28,14 @@ if (bodyHtmlField) {
 
 <template>
   <FormPage
-    :title="t('motor-admin.email_templates.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/email-templates"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/languages/[id]/edit.vue

@@ -2,11 +2,10 @@
 import { languageFormMeta } from '../../../../types/generated/form-meta'
 import { languageFormConfig } from '@motor-cms/ui-core/app/types/config/language'
 
-definePageMeta({ layout: 'default', permission: 'languages.write' })
+definePageMeta({ layout: 'default', permission: 'languages.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/languages',
   routePrefix: '/motor-admin/languages',
   translationPrefix: 'motor-admin.languages',
@@ -19,13 +18,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, o
 
 <template>
   <FormPage
-    :title="t('motor-admin.languages.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/languages"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/permission-groups/[id]/edit.vue

@@ -2,11 +2,10 @@
 import { permissionGroupFormMeta } from '../../../../types/generated/form-meta'
 import { permissionGroupFormConfig, permissionGroupSelectOptionConfigs, permissionGroupExtraFields } from '@motor-cms/ui-core/app/types/config/permission-group'
 
-definePageMeta({ layout: 'default', permission: 'permission-groups.write' })
+definePageMeta({ layout: 'default', permission: 'permission-groups.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/permission-groups',
   routePrefix: '/motor-admin/permission-groups',
   translationPrefix: 'motor-admin.permissions',
@@ -22,13 +21,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, s
 
 <template>
   <FormPage
-    :title="t('motor-admin.permissions.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/permission-groups"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/roles/[id]/edit.vue

@@ -2,11 +2,10 @@
 import { roleFormMeta } from '../../../../types/generated/form-meta'
 import { roleFormConfig, roleSelectOptionConfigs } from '@motor-cms/ui-core/app/types/config/role'
 
-definePageMeta({ layout: 'default', permission: 'roles.write' })
+definePageMeta({ layout: 'default', permission: 'roles.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/roles',
   routePrefix: '/motor-admin/roles',
   translationPrefix: 'motor-admin.roles',
@@ -20,13 +19,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, s
 
 <template>
   <FormPage
-    :title="t('motor-admin.roles.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/roles"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/users/[id]/edit.vue

@@ -3,12 +3,12 @@
 import { userFormMeta } from '../../../../types/generated/form-meta'
 import { userEditFormConfig, userSelectOptionConfigs, userEditExtraFields } from '@motor-cms/ui-core/app/types/config/user'
 
-definePageMeta({ layout: 'default', permission: 'users.write' })
+definePageMeta({ layout: 'default', permission: 'users.read' })
 
 const route = useRoute()
 const { t } = useI18n()
 
-const { fields: rawFields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields: rawFields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/users',
   routePrefix: '/motor-admin/users',
   translationPrefix: 'motor-admin.users',
@@ -56,13 +56,14 @@ watchEffect(() => {
 
 <template>
   <FormPage
-    :title="t('motor-admin.users.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/users"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="refinedSchema"

package/app/pages/search.vue

@@ -4,6 +4,11 @@ import type { SearchGridRow } from '@motor-cms/ui-core/app/types/search'
 import type { PaginatedResponse, PaginationMeta } from '@motor-cms/ui-core/app/types/grid'
 import { watchDebounced } from '@vueuse/core'
 
+definePageMeta({
+  layout: 'default',
+  permission: 'search.read'
+})
+
 const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motor-cms/ui-admin",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -17,7 +17,7 @@
     "@vueuse/core": "^14.0.0",
     "sortablejs": "^1.15.0",
     "zod": "^4.0.0",
-    "@motor-cms/ui-core": "1.6.0"
+    "@motor-cms/ui-core": "1.7.0"
   },
   "peerDependencies": {
     "nuxt": "^4.0.0",