fix(admin): render visual editor as ui field inside default form
All checks were successful
Build & Deploy to K3s / build-and-deploy (push) Successful in 2m48s
All checks were successful
Build & Deploy to K3s / build-and-deploy (push) Successful in 2m48s
The views.edit.default override replaced Payload's <Form> wrapper, so useField had no form-state context — every field returned undefined and setValue threw "N is not a function" during autosave. Flatten the collection into a single ui field that renders ProductPreviewEditor, with every real field marked admin.hidden:true. The panel now lives inside Payload's default form, so useField gets real values and autosave works. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
ordinarthur
parent
8f3a26e883
commit
94fdb37dc3
@ -10,15 +10,6 @@ export const Products: CollectionConfig = {
|
|||||||
useAsTitle: 'productDisplayName',
|
useAsTitle: 'productDisplayName',
|
||||||
defaultColumns: ['productDisplayName', 'index', 'type', 'price', 'isPublished'],
|
defaultColumns: ['productDisplayName', 'index', 'type', 'price', 'isPublished'],
|
||||||
group: 'Contenu',
|
group: 'Contenu',
|
||||||
components: {
|
|
||||||
views: {
|
|
||||||
edit: {
|
|
||||||
default: {
|
|
||||||
Component: '@/components/admin/ProductPreviewEditor#default',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
access: {
|
access: {
|
||||||
read: () => true,
|
read: () => true,
|
||||||
@ -40,183 +31,168 @@ export const Products: CollectionConfig = {
|
|||||||
},
|
},
|
||||||
fields: [
|
fields: [
|
||||||
{
|
{
|
||||||
type: 'tabs',
|
name: 'previewPanel',
|
||||||
tabs: [
|
type: 'ui',
|
||||||
{
|
admin: {
|
||||||
label: 'Identité',
|
components: {
|
||||||
fields: [
|
Field: '@/components/admin/ProductPreviewEditor#default',
|
||||||
{
|
|
||||||
name: 'productDisplayName',
|
|
||||||
label: 'Nom affiché',
|
|
||||||
type: 'text',
|
|
||||||
required: true,
|
|
||||||
admin: { description: 'Le nom visible par le public (ex: Solar Altar)' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'name',
|
|
||||||
label: 'Nom technique',
|
|
||||||
type: 'text',
|
|
||||||
required: true,
|
|
||||||
admin: { description: 'Nom interne sans espaces (ex: Solar_Altar)' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'slug',
|
|
||||||
label: 'URL (slug)',
|
|
||||||
type: 'text',
|
|
||||||
required: true,
|
|
||||||
unique: true,
|
|
||||||
index: true,
|
|
||||||
admin: { description: 'Ex: solar-altar → /collection/solar-altar' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'index',
|
|
||||||
label: 'Index projet',
|
|
||||||
type: 'text',
|
|
||||||
required: true,
|
|
||||||
admin: { description: 'Ex: PROJET_001' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'type',
|
|
||||||
label: 'Type',
|
|
||||||
type: 'text',
|
|
||||||
required: true,
|
|
||||||
admin: { description: 'Ex: LAMPE DE TABLE' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'materials',
|
|
||||||
label: 'Matériaux',
|
|
||||||
type: 'text',
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'year',
|
|
||||||
label: 'Année',
|
|
||||||
type: 'text',
|
|
||||||
required: true,
|
|
||||||
defaultValue: '2026',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'status',
|
|
||||||
label: 'Statut',
|
|
||||||
type: 'text',
|
|
||||||
required: true,
|
|
||||||
admin: { description: 'Ex: PROTOTYPE [80%]' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'sortOrder',
|
|
||||||
label: 'Ordre d\u2019affichage',
|
|
||||||
type: 'number',
|
|
||||||
defaultValue: 0,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'isPublished',
|
|
||||||
label: 'Publié',
|
|
||||||
type: 'checkbox',
|
|
||||||
defaultValue: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'productDisplayName',
|
||||||
|
label: 'Nom affiché',
|
||||||
|
type: 'text',
|
||||||
|
required: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'name',
|
||||||
|
label: 'Nom technique',
|
||||||
|
type: 'text',
|
||||||
|
required: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'slug',
|
||||||
|
label: 'URL (slug)',
|
||||||
|
type: 'text',
|
||||||
|
required: true,
|
||||||
|
unique: true,
|
||||||
|
index: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'index',
|
||||||
|
label: 'Index projet',
|
||||||
|
type: 'text',
|
||||||
|
required: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'type',
|
||||||
|
label: 'Type',
|
||||||
|
type: 'text',
|
||||||
|
required: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'materials',
|
||||||
|
label: 'Matériaux',
|
||||||
|
type: 'text',
|
||||||
|
required: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'year',
|
||||||
|
label: 'Année',
|
||||||
|
type: 'text',
|
||||||
|
required: true,
|
||||||
|
defaultValue: '2026',
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'status',
|
||||||
|
label: 'Statut',
|
||||||
|
type: 'text',
|
||||||
|
required: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'sortOrder',
|
||||||
|
label: 'Ordre d\u2019affichage',
|
||||||
|
type: 'number',
|
||||||
|
defaultValue: 0,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'isPublished',
|
||||||
|
label: 'Publié',
|
||||||
|
type: 'checkbox',
|
||||||
|
defaultValue: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'description',
|
||||||
|
label: 'Description',
|
||||||
|
type: 'textarea',
|
||||||
|
required: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'specs',
|
||||||
|
label: 'Spécifications',
|
||||||
|
type: 'textarea',
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'notes',
|
||||||
|
label: 'Notes',
|
||||||
|
type: 'textarea',
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'images',
|
||||||
|
label: 'Images',
|
||||||
|
type: 'array',
|
||||||
|
minRows: 1,
|
||||||
|
required: true,
|
||||||
|
admin: { hidden: true },
|
||||||
|
fields: [
|
||||||
{
|
{
|
||||||
label: 'Contenu',
|
name: 'image',
|
||||||
fields: [
|
type: 'upload',
|
||||||
{
|
relationTo: 'media',
|
||||||
name: 'description',
|
required: true,
|
||||||
label: 'Description',
|
|
||||||
type: 'textarea',
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'specs',
|
|
||||||
label: 'Spécifications',
|
|
||||||
type: 'textarea',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'notes',
|
|
||||||
label: 'Notes',
|
|
||||||
type: 'textarea',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Images',
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'images',
|
|
||||||
label: 'Images',
|
|
||||||
type: 'array',
|
|
||||||
minRows: 1,
|
|
||||||
required: true,
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'image',
|
|
||||||
type: 'upload',
|
|
||||||
relationTo: 'media',
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Commerce',
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'price',
|
|
||||||
label: 'Prix (en centimes)',
|
|
||||||
type: 'number',
|
|
||||||
admin: {
|
|
||||||
description: '180000 = 1 800 EUR. Vide = non disponible à la vente.',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'currency',
|
|
||||||
label: 'Devise',
|
|
||||||
type: 'select',
|
|
||||||
defaultValue: 'EUR',
|
|
||||||
options: [
|
|
||||||
{ label: 'EUR', value: 'EUR' },
|
|
||||||
{ label: 'USD', value: 'USD' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'availability',
|
|
||||||
label: 'Disponibilité (schema.org)',
|
|
||||||
type: 'select',
|
|
||||||
defaultValue: 'https://schema.org/InStock',
|
|
||||||
options: [
|
|
||||||
{ label: 'En stock', value: 'https://schema.org/InStock' },
|
|
||||||
{ label: 'Disponibilité limitée', value: 'https://schema.org/LimitedAvailability' },
|
|
||||||
{ label: 'Sur commande', value: 'https://schema.org/PreOrder' },
|
|
||||||
{ label: 'Indisponible', value: 'https://schema.org/OutOfStock' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'stripeProductID',
|
|
||||||
type: 'text',
|
|
||||||
admin: {
|
|
||||||
readOnly: true,
|
|
||||||
description: 'Synchronisé automatiquement avec Stripe',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'SEO',
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'seoTitle',
|
|
||||||
label: 'Titre SEO',
|
|
||||||
type: 'text',
|
|
||||||
admin: { description: 'Laissez vide pour utiliser le nom du produit' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'seoDescription',
|
|
||||||
label: 'Description SEO',
|
|
||||||
type: 'textarea',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: 'price',
|
||||||
|
label: 'Prix (en centimes)',
|
||||||
|
type: 'number',
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'currency',
|
||||||
|
label: 'Devise',
|
||||||
|
type: 'select',
|
||||||
|
defaultValue: 'EUR',
|
||||||
|
options: [
|
||||||
|
{ label: 'EUR', value: 'EUR' },
|
||||||
|
{ label: 'USD', value: 'USD' },
|
||||||
|
],
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'availability',
|
||||||
|
label: 'Disponibilité (schema.org)',
|
||||||
|
type: 'select',
|
||||||
|
defaultValue: 'https://schema.org/InStock',
|
||||||
|
options: [
|
||||||
|
{ label: 'En stock', value: 'https://schema.org/InStock' },
|
||||||
|
{ label: 'Disponibilité limitée', value: 'https://schema.org/LimitedAvailability' },
|
||||||
|
{ label: 'Sur commande', value: 'https://schema.org/PreOrder' },
|
||||||
|
{ label: 'Indisponible', value: 'https://schema.org/OutOfStock' },
|
||||||
|
],
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'stripeProductID',
|
||||||
|
type: 'text',
|
||||||
|
admin: { hidden: true, readOnly: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'seoTitle',
|
||||||
|
label: 'Titre SEO',
|
||||||
|
type: 'text',
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'seoDescription',
|
||||||
|
label: 'Description SEO',
|
||||||
|
type: 'textarea',
|
||||||
|
admin: { hidden: true },
|
||||||
|
},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user