@motor-cms/ui-admin 1.0.1-alpha.0

package/app/pages/motor-admin/roles/create.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+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' })
+
+const { t } = useI18n()
+const { fields, schema, groups, state, loading, selectOptions, selectOptionsLoading, formRef, onSubmit, onSaveAndNew } = await useEntityForm({
+  apiEndpoint: '/api/v2/roles',
+  routePrefix: '/motor-admin/roles',
+  translationPrefix: 'motor-admin.roles',
+  formMeta: roleFormMeta,
+  formConfig: roleFormConfig,
+  mode: 'create',
+  selectOptionConfigs: roleSelectOptionConfigs,
+  extraState: { guard_name: 'web' }
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.roles.create_title')"
+    back-route="/motor-admin/roles"
+  >
+    <FormBase
+      ref="formRef"
+      v-model:state="state"
+      :fields="fields"
+      :schema="schema"
+      :groups="groups"
+      :select-options="selectOptions"
+      :select-options-loading="selectOptionsLoading"
+      :loading="loading"
+      cancel-route="/motor-admin/roles"
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-new="onSaveAndNew"
+    />
+  </FormPage>
+</template>

package/app/pages/motor-admin/roles/index.vue

@@ -0,0 +1,45 @@
+<!-- app/pages/motor-admin/roles/index.vue -->
+<script setup lang="ts">
+import type { components } from '@motor-cms/ui-core/app/types/generated/api'
+import { roleMeta } from '../../../types/generated/grid-meta'
+
+definePageMeta({ permission: 'roles.read' })
+
+type Role = components['schemas']['RoleResource']
+
+const { t } = useI18n()
+
+const columns = columnsFromMeta<Role>(roleMeta, t, {
+  pick: ['name', 'guard_name', 'permissions'],
+  overrides: {
+    guard_name: { renderer: 'badge' }
+  }
+})
+
+columns.push(createdAtColumn(t))
+
+const filters = [useGuardNameFilter()]
+
+const { fetch: fetchRoles } = useGridData<Role>('/api/v2/roles')
+</script>
+
+<template>
+  <GridPage
+    :title="t('motor-admin.roles.title')"
+    :subtitle="t('motor-admin.roles.subtitle')"
+    add-route="/motor-admin/roles/create"
+    :add-label="t('motor-admin.roles.add')"
+    write-permission="roles.write"
+  >
+    <GridBase
+      id="roles-grid"
+      :fetch="fetchRoles"
+      :columns="columns"
+      :filters="filters"
+      base-path="/motor-admin/roles"
+      :row-click-to="(row: any) => `/motor-admin/roles/${row.id}/edit`"
+      write-permission="roles.write"
+      delete-permission="roles.delete"
+    />
+  </GridPage>
+</template>

package/app/pages/motor-admin/theme-preview/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>