From d29e2dc6b7a75e10c6331c6e34226c1011ca6778 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Wed, 19 Mar 2025 11:46:09 +0100
Subject: [PATCH 01/18] refactor: fast create in side panel

---
 .../components/fast-create/fast-create.vue    | 193 ++++++++++--------
 templates/Element/Form/relation.twig          |  20 +-
 2 files changed, 113 insertions(+), 100 deletions(-)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index f6ce0e866..696440a63 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -1,85 +1,97 @@
 <template>
     <div class="fast-create">
-        <div
-            class="start"
-            @click="reset(); clicked = true"
-            v-if="!clicked"
-        >
-            {{ msgFastCreate }}. {{ msgClickHereToStart }}
+        <div>
+            <button
+                class="button button-primary is-width-auto"
+                :disabled="loading || clicked"
+                @click.prevent.stop="reset(); clicked = true"
+            >
+                <app-icon icon="carbon:add" />
+                <span class="ml-05">{{ msgCreateObject }}</span>
+            </button>
         </div>
-        <template v-else>
-            <header class="is-flex space-between align-center is-expanded">
-                <span class="mb-1">{{ msgFastCreate }} {{ moduleName() }}</span>
-                <span
-                    class="mb-1 close"
-                    :title="msgClose"
-                    @click.prevent="reset()"
-                >
-                    <app-icon icon="carbon:close" />
-                </span>
-            </header>
-            <fieldset>
-                <div v-show="!autoType">
-                    <label for="objectType">{{ msgChooseType }}</label>
-                    <select
-                        v-model="objectType"
-                        @change="changeType"
-                    >
-                        <option
-                            v-for="item in items"
-                            :value="item"
-                            :key="item"
+        <aside
+            class="main-panel-container"
+            :class="clicked ? 'on' : ''"
+        >
+            <div class="main-panel">
+                <div class="fast-create-form-container">
+                    <header class="is-flex space-between align-center is-expanded">
+                        <span class="mb-1">{{ msgFastCreate }} {{ moduleName() }}</span>
+                        <span
+                            class="mb-1 close"
+                            :title="msgClose"
+                            @click.prevent="reset()"
                         >
-                            {{ t(capitalize(item)) }}
-                        </option>
-                    </select>
-                </div>
-                <template v-if="objectType">
-                    <div
-                        v-for="field in fields"
-                        :key="field"
-                    >
-                        <form-field
-                            :abstract-type="abstractType"
-                            :field="fieldKey(field)"
-                            :render-as="fieldType(field)"
-                            :json-schema="schemasByType?.[objectType]?.properties?.[fieldKey(field)] || {}"
-                            :is-uploadable="isUploadable"
-                            :languages="languages"
-                            :object-type="objectType"
-                            :required="required?.includes(fieldKey(field))"
-                            :val="schemasByType?.[objectType]?.[fieldKey(field)] || null"
-                            v-model="payload[fieldKey(field)]"
-                            @error="err"
-                            @update="update"
-                            @success="success"
-                        />
-                    </div>
-                </template>
-                <div v-if="objectType">
-                    <button
-                        :class="{'is-loading-spinner': loading}"
-                        :disabled="loading || invalidFields?.length > 0"
-                        @click.prevent="save"
-                    >
-                        <app-icon icon="carbon:save" />
-                        <span class="ml-05">{{ msgSave }}</span>
-                    </button>
-                    <button @click.prevent="reset()">
-                        <app-icon icon="carbon:close" />
-                        <span class="ml-05">{{ msgClose }}</span>
-                    </button>
-                </div>
-                <div class="error" v-if="error">
-                    <app-icon icon="carbon:error" />
-                    <span class="ml-05">{{ error }}</span>
-                </div>
-                <div v-if="message">
-                    <app-icon icon="carbon:checkmark" />
-                    <span class="ml-05">{{ message }}</span>
+                            <app-icon icon="carbon:close" />
+                        </span>
+                    </header>
+                    <fieldset>
+                        <div v-show="!autoType">
+                            <label for="objectType">{{ msgChooseType }}</label>
+                            <select
+                                v-model="objectType"
+                                @change="changeType"
+                            >
+                                <option
+                                    v-for="item in items"
+                                    :value="item"
+                                    :key="item"
+                                >
+                                    {{ t(capitalize(item)) }}
+                                </option>
+                            </select>
+                        </div>
+                        <template v-if="objectType">
+                            <div
+                                v-for="field in fields"
+                                :key="field"
+                            >
+                                <form-field
+                                    :abstract-type="abstractType"
+                                    :field="fieldKey(field)"
+                                    :render-as="fieldType(field)"
+                                    :json-schema="schemasByType?.[objectType]?.properties?.[fieldKey(field)] || {}"
+                                    :is-uploadable="isUploadable"
+                                    :languages="languages"
+                                    :object-type="objectType"
+                                    :required="required?.includes(fieldKey(field))"
+                                    :val="schemasByType?.[objectType]?.[fieldKey(field)] || null"
+                                    v-model="payload[fieldKey(field)]"
+                                    @error="err"
+                                    @update="update"
+                                    @success="success" />
+                            </div>
+                        </template>
+                        <div v-if="objectType">
+                            <button
+                                :class="{ 'is-loading-spinner': loading }"
+                                :disabled="loading || invalidFields?.length > 0"
+                                @click.prevent="save"
+                            >
+                                <app-icon icon="carbon:save" />
+                                <span class="ml-05">{{ msgSave }}</span>
+                            </button>
+                            <button @click.prevent="reset()">
+                                <app-icon icon="carbon:close" />
+                                <span class="ml-05">{{ msgClose }}</span>
+                            </button>
+                        </div>
+                        <div
+                            class="error"
+                            v-if="error"
+                        >
+                            <app-icon icon="carbon:error" />
+                            <span class="ml-05">{{ error }}</span>
+                        </div>
+                        <div v-if="message">
+                            <app-icon icon="carbon:checkmark" />
+                            <span class="ml-05">{{ message }}</span>
+                        </div>
+                    </fieldset>
                 </div>
-            </fieldset>
-        </template>
+            </div>
+        </aside>
     </div>
 </template>
 <script>
@@ -128,6 +140,7 @@ export default {
             msgChooseType: t`Choose a type`,
             msgClickHereToStart: t`Click here to start`,
             msgCreated: t`Created`,
+            msgCreateObject: t`Create object`,
             msgFastCreate: t`Fast create`,
             msgSave: t`Save`,
             objectType: null,
@@ -265,48 +278,50 @@ export default {
 </script>
 <style scoped>
 div.fast-create {
+    display: inline-block;
+}
+div.fast-create > div.fast-create-form-container {
     display: flex;
     flex-direction: column;
     margin: 1rem 0;
     padding: 1rem 0;
-    border: solid 1px white;
 }
-div.fast-create > div {
+div.fast-create > div.fast-create-form-container > div {
     margin: 0.5rem 1rem 0.5rem 1rem;
     display: inline-block;
 }
-div.fast-create > div.start {
+div.fast-create > div.fast-create-form-container > div.start {
     cursor: pointer;
     text-align: center;
     width: 100%;
 }
-div.fast-create > fieldset {
+div.fast-create > div.fast-create-form-container > fieldset {
     margin: 1rem;
 }
-div.fast-create > fieldset > div {
+div.fast-create > div.fast-create-form-container > fieldset > div {
     margin: 1rem;
 }
-div.fast-create > fieldset > div > label {
+div.fast-create > div.fast-create-form-container > fieldset > div > label {
     display: block;
 }
-div.fast-create > fieldset > div > input {
+div.fast-create > div.fast-create-form-container > fieldset > div > input {
     width: 100%;
 }
-div.fast-create > div > button {
+div.fast-create > div.fast-create-form-container > div > button {
     margin: 1rem;
 }
-div.fast-create div.error {
+div.fast-create > div.fast-create-form-container div.error {
     color: red;
 }
-div.fast-create div.close {
+div.fast-create > div.fast-create-form-container div.close {
     position: fixed;
     right: 0;
     cursor: pointer;
 }
-div.fast-create span.close {
+div.fast-create > div.fast-create-form-container span.close {
     cursor: pointer;
 }
-div.fast-create header {
+div.fast-create > div.fast-create-form-container header {
     margin: auto;
     padding: 1rem 4rem 0rem 4rem;
     font-style: italic;
diff --git a/templates/Element/Form/relation.twig b/templates/Element/Form/relation.twig
index 6572c946d..381650222 100644
--- a/templates/Element/Form/relation.twig
+++ b/templates/Element/Form/relation.twig
@@ -24,17 +24,6 @@
         {% else %}
 
         <div class="related-list-container">
-            {% if Perms.canSave() and not readonly %}
-                {# FastCreate #}
-                {{ element(
-                    config('UI.fast_create_form._element')|default('Form/fast_create'),
-                    {
-                        'relationSchema': relationSchema,
-                        'schemasByType': schemasByType,
-                    }
-            ) }}
-            {% endif %}
-
             {# FilterBoxView #}
             <div class="mb-1" v-show="showFilter">
                 {% set fbt = filtersByType ? filtersByType : [] %}
@@ -191,6 +180,15 @@
                         <app-icon icon="carbon:add"></app-icon>
                         <span class="ml-05">{{ __('add objects') }}</span>
                     </button>
+
+                    {# FastCreate #}
+                    {{ element(
+                            config('UI.fast_create_form._element')|default('Form/fast_create'),
+                            {
+                                'relationSchema': relationSchema,
+                                'schemasByType': schemasByType,
+                            }
+                    ) }}
                 </template>
             </div>
         </div>

From 8868a40f67d299053df9cb44e0701d9a67bb23c4 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Wed, 19 Mar 2025 12:06:01 +0100
Subject: [PATCH 02/18] chore fix: update i18n

---
 locales/default.pot                                  | 10 +++++-----
 locales/en_US/default.po                             | 10 +++++-----
 locales/it_IT/default.po                             | 12 ++++++------
 .../js/app/components/fast-create/fast-create.vue    |  1 -
 4 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/locales/default.pot b/locales/default.pot
index 07fee79ea..6a27705e5 100644
--- a/locales/default.pot
+++ b/locales/default.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita 4 \n"
-"POT-Creation-Date: 2025-02-13 09:15:27 \n"
+"POT-Creation-Date: 2025-03-19 11:05:13 \n"
 "MIME-Version: 1.0 \n"
 "Content-Transfer-Encoding: 8bit \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -1734,15 +1734,15 @@ msgid ""
 "saving). Are you sure?"
 msgstr ""
 
-msgid "version by"
-msgstr ""
-
 msgid "date"
 msgstr ""
 
 msgid "Trashed"
 msgstr ""
 
+msgid "version by"
+msgstr ""
+
 msgid "Latitude"
 msgstr ""
 
@@ -1773,7 +1773,7 @@ msgstr ""
 msgid "Choose a type"
 msgstr ""
 
-msgid "Click here to start"
+msgid "Create object"
 msgstr ""
 
 msgid "Fast create"
diff --git a/locales/en_US/default.po b/locales/en_US/default.po
index ec3c4ed5e..926111ddc 100644
--- a/locales/en_US/default.po
+++ b/locales/en_US/default.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita Manager \n"
-"POT-Creation-Date: 2025-02-13 09:15:27 \n"
+"POT-Creation-Date: 2025-03-19 11:05:13 \n"
 "PO-Revision-Date:  \n"
 "Last-Translator:  \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -1737,15 +1737,15 @@ msgid ""
 "saving). Are you sure?"
 msgstr ""
 
-msgid "version by"
-msgstr ""
-
 msgid "date"
 msgstr ""
 
 msgid "Trashed"
 msgstr ""
 
+msgid "version by"
+msgstr ""
+
 msgid "Latitude"
 msgstr ""
 
@@ -1776,7 +1776,7 @@ msgstr ""
 msgid "Choose a type"
 msgstr ""
 
-msgid "Click here to start"
+msgid "Create object"
 msgstr ""
 
 msgid "Fast create"
diff --git a/locales/it_IT/default.po b/locales/it_IT/default.po
index b4fe6f4c6..0ee93e1b7 100644
--- a/locales/it_IT/default.po
+++ b/locales/it_IT/default.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita Manager \n"
-"POT-Creation-Date: 2025-02-13 09:15:27 \n"
+"POT-Creation-Date: 2025-03-19 11:05:13 \n"
 "PO-Revision-Date:  \n"
 "Last-Translator:  \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -1760,15 +1760,15 @@ msgstr ""
 "I dati recuperati sostiruiranno quelli attuali (potrai comunque controllarli "
 "prima di salvare). Vuoi procedere?"
 
-msgid "version by"
-msgstr "versione di"
-
 msgid "date"
 msgstr "data"
 
 msgid "Trashed"
 msgstr "Rimosso"
 
+msgid "version by"
+msgstr "versione di"
+
 msgid "Latitude"
 msgstr "Latitudine"
 
@@ -1799,8 +1799,8 @@ msgstr "Caricamento riuscito"
 msgid "Choose a type"
 msgstr "Selezionare un tipo"
 
-msgid "Click here to start"
-msgstr "Clicca qui per iniziare"
+msgid "Create object"
+msgstr "Crea oggetto"
 
 msgid "Fast create"
 msgstr "Creazione rapida"
diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 696440a63..9d8736131 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -138,7 +138,6 @@ export default {
             message: '',
             msgClose: t`Close`,
             msgChooseType: t`Choose a type`,
-            msgClickHereToStart: t`Click here to start`,
             msgCreated: t`Created`,
             msgCreateObject: t`Create object`,
             msgFastCreate: t`Fast create`,

From 7457d394ff85026b578b45a60aa1580001b57554 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Wed, 19 Mar 2025 12:11:33 +0100
Subject: [PATCH 03/18] chore ui: better title in fast create

---
 resources/js/app/components/fast-create/fast-create.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 9d8736131..816c4eebb 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -16,8 +16,10 @@
         >
             <div class="main-panel">
                 <div class="fast-create-form-container">
-                    <header class="is-flex space-between align-center is-expanded">
-                        <span class="mb-1">{{ msgFastCreate }} {{ moduleName() }}</span>
+                    <header class="mx-1 tab tab-static unselectable">
+                        <h2>
+                            <span class="mb-1"><strong>{{ msgFastCreate }} {{ moduleName() }}</strong></span>
+                        </h2>
                         <span
                             class="mb-1 close"
                             :title="msgClose"

From a75bc1d8d79b897df312ed5ae76f7d4669b8027f Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Wed, 19 Mar 2025 12:24:12 +0100
Subject: [PATCH 04/18] fix ui: backdrop div on click

---
 .../components/fast-create/fast-create.vue    | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 816c4eebb..e37ea32c3 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -1,5 +1,9 @@
 <template>
     <div class="fast-create">
+        <div
+            class="backdrop"
+            v-if="clicked"
+        />
         <div>
             <button
                 class="button button-primary is-width-auto"
@@ -327,4 +331,25 @@ div.fast-create > div.fast-create-form-container header {
     padding: 1rem 4rem 0rem 4rem;
     font-style: italic;
 }
+div.fast-create > div.backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: block;
+    z-index: 1;
+}
+div.fast-create > div.fade-enter-active,
+div.fast-create > div.fade-leave-active {
+    transition: opacity .5s;
+}
+div.fast-create > div.fade-enter,
+div.fast-create > div.fade-leave-to {
+    opacity: 0;
+}
+div.fast-create > div.fade-enter-to,
+div.fast-create > div.fade-leave {
+    opacity: 0.75;
+}
 </style>

From 15e061c9db5fd0d5fad08ca6efd6a232536a6769 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Thu, 20 Mar 2025 07:46:15 +0100
Subject: [PATCH 05/18] fix: fast create ui + validation for required

---
 .../components/fast-create/fast-create.vue    | 48 +++++++++++++------
 .../app/components/fast-create/form-field.vue |  8 +---
 2 files changed, 35 insertions(+), 21 deletions(-)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index e37ea32c3..41e05060c 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -20,20 +20,29 @@
         >
             <div class="main-panel">
                 <div class="fast-create-form-container">
-                    <header class="mx-1 tab tab-static unselectable">
+                    <header
+                        class="mx-1 tab tab-static unselectable"
+                        style="padding-left: 0px !important"
+                    >
                         <h2>
                             <span class="mb-1"><strong>{{ msgFastCreate }} {{ moduleName() }}</strong></span>
                         </h2>
                         <span
-                            class="mb-1 close"
+                            class="close"
                             :title="msgClose"
                             @click.prevent="reset()"
                         >
-                            <app-icon icon="carbon:close" />
+                            <app-icon
+                                icon="carbon:close"
+                                class="hw-30"
+                            />
                         </span>
                     </header>
                     <fieldset>
-                        <div v-show="!autoType">
+                        <div
+                            class="mb-1"
+                            v-show="!autoType"
+                        >
                             <label for="objectType">{{ msgChooseType }}</label>
                             <select
                                 v-model="objectType"
@@ -63,16 +72,17 @@
                                     :object-type="objectType"
                                     :required="required?.includes(fieldKey(field))"
                                     :val="schemasByType?.[objectType]?.[fieldKey(field)] || null"
-                                    v-model="payload[fieldKey(field)]"
+                                    v-model="formFieldProperties[fieldKey(field)]"
                                     @error="err"
                                     @update="update"
-                                    @success="success" />
+                                    @success="success"
+                                />
                             </div>
                         </template>
                         <div v-if="objectType">
                             <button
                                 :class="{ 'is-loading-spinner': loading }"
-                                :disabled="loading || invalidFields?.length > 0"
+                                :disabled="saveDisabled"
                                 @click.prevent="save"
                             >
                                 <app-icon icon="carbon:save" />
@@ -150,9 +160,15 @@ export default {
             msgSave: t`Save`,
             objectType: null,
             payload: {},
+            formFieldProperties: {},
             required: [],
         }
     },
+    computed: {
+        saveDisabled() {
+            return this.invalidFields.length > 0 || this.loading;
+        },
+    },
     mounted() {
         this.$nextTick(() => {
             this.isUploadable = BEDITA.uploadable.includes(this.objectType);
@@ -161,6 +177,12 @@ export default {
                 this.objectType = this.autoType;
                 this.changeType();
             }
+            if (this.objectType) {
+                for (const field of this.fields) {
+                    this.payload[this.fieldKey(field)] = this.schemasByType?.[this.objectType]?.[this.fieldKey(field)] || null;
+                }
+            }
+            this.formFieldProperties = Object.assign({}, this.payload);
         });
     },
     methods: {
@@ -194,7 +216,6 @@ export default {
             }
             this.isUploadable = BEDITA.uploadable.includes(this.objectType);
             this.abstractType = this.isUploadable ? 'media' : 'objects';
-            this.invalidFields = this.required.filter(f => !this.payload[f]);
             if (this.fields?.length === 0) {
                 // set defaults
                 this.fields = ['title', 'status'];
@@ -207,6 +228,7 @@ export default {
                     this.required = ['title', 'name'];
                 }
             }
+            this.invalidFields = this.required.filter(f => !this.payload[f]);
         },
         err(val) {
             this.error = val;
@@ -243,6 +265,7 @@ export default {
         async save() {
             try {
                 this.loading = true;
+                this.payload = Object.assign({}, this.formFieldProperties[this.objectType]);
                 this.payload.objectType = this.objectType;
                 const url = `/${this.objectType}/save`;
                 const options = {
@@ -275,8 +298,8 @@ export default {
             this.$emit('created', [objectData]);
         },
         update(k,v) {
-            this.payload[k] = v;
-            this.invalidFields = this.required.filter(f => !this.payload[f]);
+            this.formFieldProperties[k] = v;
+            this.invalidFields = this.required.filter(f => !this.formFieldProperties[f]);
         },
     },
 }
@@ -326,11 +349,6 @@ div.fast-create > div.fast-create-form-container div.close {
 div.fast-create > div.fast-create-form-container span.close {
     cursor: pointer;
 }
-div.fast-create > div.fast-create-form-container header {
-    margin: auto;
-    padding: 1rem 4rem 0rem 4rem;
-    font-style: italic;
-}
 div.fast-create > div.backdrop {
     position: fixed;
     top: 0;
diff --git a/resources/js/app/components/fast-create/form-field.vue b/resources/js/app/components/fast-create/form-field.vue
index 785758841..5f2f33e38 100644
--- a/resources/js/app/components/fast-create/form-field.vue
+++ b/resources/js/app/components/fast-create/form-field.vue
@@ -198,12 +198,8 @@ export default {
     },
     mounted() {
         this.$nextTick(() => {
-            if (this.jsonSchema?.default) {
-                this.value = this.jsonSchema.default;
-                if (this.value) {
-                    this.update(this.value);
-                }
-            }
+            this.value = this.val || this.jsonSchema?.default || null;
+            this.update(this.value);
             this.fieldType = this.resetFieldType();
         });
     },

From 01b753351959b3aa2ebcfafb029e8f769eb39ae3 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Thu, 20 Mar 2025 08:33:54 +0100
Subject: [PATCH 06/18] fix: render richtext

---
 resources/js/app/components/fast-create/fast-create.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 41e05060c..2236940ed 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -17,6 +17,7 @@
         <aside
             class="main-panel-container"
             :class="clicked ? 'on' : ''"
+            v-if="clicked"
         >
             <div class="main-panel">
                 <div class="fast-create-form-container">

From cb064bab6607f2ea42d47de16123e05d349567f3 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Tue, 1 Apr 2025 12:27:18 +0200
Subject: [PATCH 07/18] refactor: fast create container + form + fields

---
 resources/js/app/app.js                       |   3 +
 .../app/components/date-range/date-range.vue  |   8 +-
 .../date-ranges-view/date-ranges-view.vue     |   5 +
 .../fast-create/fast-create-container.vue     |  69 +++++
 .../components/fast-create/fast-create.vue    | 244 ++++++------------
 .../app/components/fast-create/form-field.vue |  16 ++
 .../components/form/field-geo-coordinates.vue |   9 +
 .../app/components/form/field-plaintext.vue   |  39 +++
 .../js/app/components/form/field-radio.vue    |   2 +
 .../relation-view/relation-view.vue           |   1 -
 .../components/relation-view/relations-add.js |   8 +
 templates/Element/Form/fast_create.twig       |  25 +-
 templates/Element/Form/relation.twig          |   9 -
 templates/Element/Panel/relations_add.twig    |   4 +
 14 files changed, 249 insertions(+), 193 deletions(-)
 create mode 100644 resources/js/app/components/fast-create/fast-create-container.vue
 create mode 100644 resources/js/app/components/form/field-plaintext.vue

diff --git a/resources/js/app/app.js b/resources/js/app/app.js
index fdc527f5b..4c6c1eb9c 100644
--- a/resources/js/app/app.js
+++ b/resources/js/app/app.js
@@ -95,6 +95,7 @@ const _vueInstance = new Vue({
         SortRelated: () => import(/* webpackChunkName: "sort-related" */'app/components/sort-related/sort-related'),
         MediaItem: () => import(/* webpackChunkName: "media-item" */'app/components/media-item/media-item'),
         FastCreate: () => import(/* webpackChunkName: "fast-create" */'app/components/fast-create/fast-create'),
+        FastCreateContainer: () => import(/* webpackChunkName: "fast-create-container" */'app/components/fast-create/fast-create-container'),
         FormField: () => import(/* webpackChunkName: "form-field" */'app/components/fast-create/form-field'),
         FileUpload: () => import(/* webpackChunkName: "file-upload" */'app/components/file-upload/file-upload'),
         FieldCheckbox: () => import(/* webpackChunkName: "field-checkbox" */'app/components/form/field-checkbox'),
@@ -103,6 +104,7 @@ const _vueInstance = new Vue({
         FieldInteger: () => import(/* webpackChunkName: "field-integer" */'app/components/form/field-integer'),
         FieldJson: () => import(/* webpackChunkName: "field-json" */'app/components/form/field-json'),
         FieldNumber: () => import(/* webpackChunkName: "field-number" */'app/components/form/field-number'),
+        FieldPlaintext: () => import(/* webpackChunkName: "field-plaintext" */'app/components/form/field-plaintext'),
         FieldRadio: () => import(/* webpackChunkName: "field-radio" */'app/components/form/field-radio'),
         FieldSelect: () => import(/* webpackChunkName: "field-select" */'app/components/form/field-select'),
         FieldString: () => import(/* webpackChunkName: "field-string" */'app/components/form/field-string'),
@@ -624,6 +626,7 @@ Vue.component('FieldDate', _vueInstance.$options.components.FieldDate);
 Vue.component('FieldInteger', _vueInstance.$options.components.FieldInteger);
 Vue.component('FieldJson', _vueInstance.$options.components.FieldJson);
 Vue.component('FieldNumber', _vueInstance.$options.components.FieldNumber);
+Vue.component('FieldPlaintext', _vueInstance.$options.components.FieldPlaintext);
 Vue.component('FieldRadio', _vueInstance.$options.components.FieldRadio);
 Vue.component('FieldSelect', _vueInstance.$options.components.FieldSelect);
 Vue.component('FieldString', _vueInstance.$options.components.FieldString);
diff --git a/resources/js/app/components/date-range/date-range.vue b/resources/js/app/components/date-range/date-range.vue
index 1b89d470b..858dc52f6 100644
--- a/resources/js/app/components/date-range/date-range.vue
+++ b/resources/js/app/components/date-range/date-range.vue
@@ -136,13 +136,13 @@
         </div>
         <div
             class="icon-error"
-            v-show="!start_date"
+            v-show="!compact && !start_date"
         >
             {{ msgEmptyDateRange }}
         </div>
         <div
             class="icon-error"
-            v-show="validate() === false"
+            v-show="!compact && validate() === false"
         >
             {{ msgInvalidDateRange }}
         </div>
@@ -155,6 +155,10 @@ import { t } from 'ttag';
 export default {
     name: 'DateRange',
     props: {
+        compact: {
+            type: Boolean,
+            default: false,
+        },
         options: {
             type: Object,
             default: () => ({}),
diff --git a/resources/js/app/components/date-ranges-view/date-ranges-view.vue b/resources/js/app/components/date-ranges-view/date-ranges-view.vue
index 5e7932c85..62947da8b 100644
--- a/resources/js/app/components/date-ranges-view/date-ranges-view.vue
+++ b/resources/js/app/components/date-ranges-view/date-ranges-view.vue
@@ -4,6 +4,7 @@
             <DateRange
                 v-for="(dateRange, index) in dateRanges"
                 :key="index"
+                :compact="compact"
                 :options="options"
                 :source="dateRanges[index]"
                 @remove="remove"
@@ -36,6 +37,10 @@ export default {
     },
 
     props: {
+        compact: {
+            type: Boolean,
+            default: false,
+        },
         ranges: {
             type: String,
             default: undefined,
diff --git a/resources/js/app/components/fast-create/fast-create-container.vue b/resources/js/app/components/fast-create/fast-create-container.vue
new file mode 100644
index 000000000..be1a58814
--- /dev/null
+++ b/resources/js/app/components/fast-create/fast-create-container.vue
@@ -0,0 +1,69 @@
+<template>
+    <div class="fast-create-container">
+        <fast-create
+            :auto-type="autoType"
+            :fields-by-type="fieldsByType"
+            :items="items"
+            :languages="languages"
+            :relation-name="relationName"
+            :schemas-by-type="schemasByType"
+            @created="created"
+            v-if="items.length"
+        />
+    </div>
+</template>
+<script>
+export default {
+    name: 'FastCreateContainer',
+    components: {
+        FastCreate: () => import(/* webpackChunkName: "fast-create" */'app/components/fast-create/fast-create'),
+    },
+    props: {
+        allowedTypes: {
+            type: Array,
+            default: () => [],
+        },
+        fieldsByType: {
+            type: Object,
+            required: true,
+        },
+        languages: {
+            type: Object,
+            default: () => {},
+        },
+        relationName: {
+            type: String,
+            required: true,
+        },
+        relationsSchema: {
+            type: Object,
+            required: true,
+        },
+        schemasByType: {
+            type: Object,
+            required: true
+        },
+    },
+    data() {
+        return {
+            autoType: null,
+            items: [],
+            relationSchema: {},
+        };
+    },
+    mounted() {
+        this.$nextTick(() => {
+            this.relationSchema = this.relationsSchema[this.relationName] || {};
+            this.autoType = this.relationSchema?.right?.length === 1 ? this.relationSchema.right[0] : null;
+            this.items = (this.relationSchema?.right || []).filter(
+                (item) => this.allowedTypes.includes(item)
+            );
+        });
+    },
+    methods: {
+        created(item) {
+            this.$emit('created', item);
+        },
+    },
+};
+</script>
diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 2236940ed..2dccb6c84 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -1,115 +1,46 @@
 <template>
-    <div class="fast-create">
-        <div
-            class="backdrop"
-            v-if="clicked"
-        />
-        <div>
-            <button
-                class="button button-primary is-width-auto"
-                :disabled="loading || clicked"
-                @click.prevent.stop="reset(); clicked = true"
-            >
-                <app-icon icon="carbon:add" />
-                <span class="ml-05">{{ msgCreateObject }}</span>
-            </button>
-        </div>
-        <aside
-            class="main-panel-container"
-            :class="clicked ? 'on' : ''"
-            v-if="clicked"
-        >
-            <div class="main-panel">
-                <div class="fast-create-form-container">
-                    <header
-                        class="mx-1 tab tab-static unselectable"
-                        style="padding-left: 0px !important"
-                    >
-                        <h2>
-                            <span class="mb-1"><strong>{{ msgFastCreate }} {{ moduleName() }}</strong></span>
-                        </h2>
-                        <span
-                            class="close"
-                            :title="msgClose"
-                            @click.prevent="reset()"
-                        >
-                            <app-icon
-                                icon="carbon:close"
-                                class="hw-30"
-                            />
-                        </span>
-                    </header>
-                    <fieldset>
-                        <div
-                            class="mb-1"
-                            v-show="!autoType"
-                        >
-                            <label for="objectType">{{ msgChooseType }}</label>
-                            <select
-                                v-model="objectType"
-                                @change="changeType"
-                            >
-                                <option
-                                    v-for="item in items"
-                                    :value="item"
-                                    :key="item"
-                                >
-                                    {{ t(capitalize(item)) }}
-                                </option>
-                            </select>
-                        </div>
-                        <template v-if="objectType">
-                            <div
-                                v-for="field in fields"
-                                :key="field"
-                            >
-                                <form-field
-                                    :abstract-type="abstractType"
-                                    :field="fieldKey(field)"
-                                    :render-as="fieldType(field)"
-                                    :json-schema="schemasByType?.[objectType]?.properties?.[fieldKey(field)] || {}"
-                                    :is-uploadable="isUploadable"
-                                    :languages="languages"
-                                    :object-type="objectType"
-                                    :required="required?.includes(fieldKey(field))"
-                                    :val="schemasByType?.[objectType]?.[fieldKey(field)] || null"
-                                    v-model="formFieldProperties[fieldKey(field)]"
-                                    @error="err"
-                                    @update="update"
-                                    @success="success"
-                                />
-                            </div>
-                        </template>
-                        <div v-if="objectType">
-                            <button
-                                :class="{ 'is-loading-spinner': loading }"
-                                :disabled="saveDisabled"
-                                @click.prevent="save"
-                            >
-                                <app-icon icon="carbon:save" />
-                                <span class="ml-05">{{ msgSave }}</span>
-                            </button>
-                            <button @click.prevent="reset()">
-                                <app-icon icon="carbon:close" />
-                                <span class="ml-05">{{ msgClose }}</span>
-                            </button>
-                        </div>
-                        <div
-                            class="error"
-                            v-if="error"
-                        >
-                            <app-icon icon="carbon:error" />
-                            <span class="ml-05">{{ error }}</span>
-                        </div>
-                        <div v-if="message">
-                            <app-icon icon="carbon:checkmark" />
-                            <span class="ml-05">{{ message }}</span>
-                        </div>
-                    </fieldset>
+    <fieldset class="fast-create fieldset">
+        <header class="tab" :class="{'open': open}" :open="open" @click="toggle">
+            <h2><span>{{ msgFastCreate }} <strong>"{{ relationName }}"</strong></span></h2>
+        </header>
+        <div class="fast-create-form-container" :open="open">
+            <div>
+                <div class="mb-1" v-show="!autoType">
+                    <label for="objectType">{{ msgChooseType }}</label>
+                    <select v-model="objectType" @change="changeType">
+                        <option v-for="item in items" :value="item" :key="item">
+                            {{ t(capitalize(item)) }}
+                        </option>
+                    </select>
+                </div>
+                <template v-if="objectType">
+                    <div v-for="field in fields" :key="field" class="form-field-container">
+                        <form-field :abstract-type="abstractType" :field="fieldKey(field)" :render-as="fieldType(field)"
+                            :json-schema="schemasByType?.[objectType]?.properties?.[fieldKey(field)] || {}"
+                            :is-uploadable="isUploadable" :languages="languages" :object-type="objectType"
+                            :required="required?.includes(fieldKey(field))"
+                            :val="schemasByType?.[objectType]?.[fieldKey(field)] || null"
+                            v-model="formFieldProperties[fieldKey(field)]" @error="err" @update="update"
+                            @success="success" />
+                    </div>
+                </template>
+                <div class="form-field-container" v-if="objectType">
+                    <button :class="{ 'is-loading-spinner': loading }" :disabled="saveDisabled" @click.prevent="save">
+                        <app-icon icon="carbon:save" />
+                        <span class="ml-05">{{ msgSave }}</span>
+                    </button>
+                </div>
+                <div class="error" v-if="error">
+                    <app-icon icon="carbon:error" />
+                    <span class="ml-05">{{ error }}</span>
+                </div>
+                <div v-if="message">
+                    <app-icon icon="carbon:checkmark" />
+                    <span class="ml-05">{{ message }}</span>
                 </div>
             </div>
-        </aside>
-    </div>
+        </div>
+    </fieldset>
 </template>
 <script>
 import { t } from 'ttag';
@@ -137,6 +68,10 @@ export default {
             type: Object,
             default: () => {},
         },
+        relationName: {
+            type: String,
+            required: true,
+        },
         schemasByType: {
             type: Object,
             required: true
@@ -145,7 +80,6 @@ export default {
     data() {
         return {
             abstractType: 'objects',
-            clicked: false,
             error: '',
             fields: [],
             fieldsMap: {},
@@ -157,9 +91,10 @@ export default {
             msgChooseType: t`Choose a type`,
             msgCreated: t`Created`,
             msgCreateObject: t`Create object`,
-            msgFastCreate: t`Fast create`,
+            msgFastCreate: t`Create new for`,
             msgSave: t`Save`,
             objectType: null,
+            open: false,
             payload: {},
             formFieldProperties: {},
             required: [],
@@ -183,7 +118,7 @@ export default {
                     this.payload[this.fieldKey(field)] = this.schemasByType?.[this.objectType]?.[this.fieldKey(field)] || null;
                 }
             }
-            this.formFieldProperties = Object.assign({}, this.payload);
+            this.formFieldProperties = {[this.objectType]: this.payload};
         });
     },
     methods: {
@@ -256,7 +191,6 @@ export default {
             this.payload = {};
             this.message = '';
             this.error = '';
-            this.clicked = false;
             if (!this.autoType) {
                 this.objectType = null;
             } else {
@@ -299,76 +233,52 @@ export default {
             this.$emit('created', [objectData]);
         },
         update(k,v) {
-            this.formFieldProperties[k] = v;
-            this.invalidFields = this.required.filter(f => !this.formFieldProperties[f]);
+            this.formFieldProperties[this.objectType][k] = v;
+            this.invalidFields = this.required.filter(f => !this.formFieldProperties[this.objectType][f]);
+        },
+        toggle() {
+            this.open = !this.open;
         },
     },
 }
 </script>
 <style scoped>
-div.fast-create {
-    display: inline-block;
-}
-div.fast-create > div.fast-create-form-container {
+fieldset.fast-create {
     display: flex;
     flex-direction: column;
-    margin: 1rem 0;
-    padding: 1rem 0;
+    margin-bottom: 1rem;
 }
-div.fast-create > div.fast-create-form-container > div {
-    margin: 0.5rem 1rem 0.5rem 1rem;
-    display: inline-block;
-}
-div.fast-create > div.fast-create-form-container > div.start {
+fieldset.fast-create > header {
     cursor: pointer;
-    text-align: center;
-    width: 100%;
-}
-div.fast-create > div.fast-create-form-container > fieldset {
-    margin: 1rem;
+    font-size: 1rem;
+    margin: 0rem 0.4rem;
 }
-div.fast-create > div.fast-create-form-container > fieldset > div {
-    margin: 1rem;
+fieldset.fast-create div.fast-create-form-container > div {
+    list-style-type: none;
+    outline: none;
+    font-size: 1rem;
+    margin: 1rem 0.4rem;
 }
-div.fast-create > div.fast-create-form-container > fieldset > div > label {
-    display: block;
+fieldset.fast-create div.fast-create-form-container > div::-webkit-details-marker {
+    display: none;
 }
-div.fast-create > div.fast-create-form-container > fieldset > div > input {
-    width: 100%;
-}
-div.fast-create > div.fast-create-form-container > div > button {
-    margin: 1rem;
-}
-div.fast-create > div.fast-create-form-container div.error {
-    color: red;
-}
-div.fast-create > div.fast-create-form-container div.close {
-    position: fixed;
-    right: 0;
-    cursor: pointer;
+fieldset.fast-create div.fast-create-form-container:is([open]) > div {
+    flex-direction: column;
+    /* margin: 1rem 0; */
 }
-div.fast-create > div.fast-create-form-container span.close {
-    cursor: pointer;
+fieldset.fast-create div.fast-create-form-container:not([open]) > div {
+    display: none;
 }
-div.fast-create > div.backdrop {
-    position: fixed;
-    top: 0;
-    left: 0;
+fieldset.fast-create .form-field-container {
+    display: flex;
+    flex-direction: row;
+    margin: 0;
     width: 100%;
-    height: 100%;
-    display: block;
-    z-index: 1;
 }
-div.fast-create > div.fade-enter-active,
-div.fast-create > div.fade-leave-active {
-    transition: opacity .5s;
-}
-div.fast-create > div.fade-enter,
-div.fast-create > div.fade-leave-to {
-    opacity: 0;
+fieldset.fast-create input {
+    width: 100%;
 }
-div.fast-create > div.fade-enter-to,
-div.fast-create > div.fade-leave {
-    opacity: 0.75;
+fieldset.fast-create .error {
+    color: red;
 }
 </style>
diff --git a/resources/js/app/components/fast-create/form-field.vue b/resources/js/app/components/fast-create/form-field.vue
index 5f2f33e38..f2e109370 100644
--- a/resources/js/app/components/fast-create/form-field.vue
+++ b/resources/js/app/components/fast-create/form-field.vue
@@ -44,6 +44,7 @@
             />
             <!-- date ranges -->
             <date-ranges-view
+                :compact="true"
                 :ranges="value"
                 @update="update"
                 v-if="fieldType === 'calendar'"
@@ -94,6 +95,16 @@
                 @change="update"
                 v-if="fieldType === 'textarea'"
             />
+            <!-- plaintext -->
+            <field-plaintext
+                :id="`fast-create-${field}`"
+                :name="`fast-${objectType}-${field}`"
+                :field="field"
+                :reference="`fast-create-${objectType}`"
+                :value="value"
+                @change="update"
+                v-if="fieldType === 'plaintext'"
+            />
             <!-- geo-coordinates -->
             <field-geo-coordinates
                 :id="`fast-create-${field}`"
@@ -273,6 +284,11 @@ export default {
 <style scoped>
 div.form-field {
     margin-bottom: 1em;
+    width: 100%;
+}
+div.form-field > div {
+    display: flex;
+    flex-direction: column;
 }
 div.form-field .file {
     display: block !important;
diff --git a/resources/js/app/components/form/field-geo-coordinates.vue b/resources/js/app/components/form/field-geo-coordinates.vue
index a6dc9bda3..450590c94 100644
--- a/resources/js/app/components/form/field-geo-coordinates.vue
+++ b/resources/js/app/components/form/field-geo-coordinates.vue
@@ -103,3 +103,12 @@ export default {
     },
 }
 </script>
+<style scoped>
+.field-geo-coordinates {
+    display: flex;
+    flex-direction: column;
+}
+.field-geo-coordinates label {
+    margin-bottom: 0.5rem;
+}
+</style>
diff --git a/resources/js/app/components/form/field-plaintext.vue b/resources/js/app/components/form/field-plaintext.vue
new file mode 100644
index 000000000..59a6f5dd8
--- /dev/null
+++ b/resources/js/app/components/form/field-plaintext.vue
@@ -0,0 +1,39 @@
+<template>
+    <textarea
+        :id="id"
+        :name="name"
+        :data-ref="reference"
+        :value="value"
+        class="field-plaintext"
+        type="text"
+        @change="change($event.target.value)"
+    />
+</template>
+<script>
+export default {
+    name: 'FieldPlaintext',
+    props: {
+        id: {
+            type: String,
+            required: true
+        },
+        name: {
+            type: String,
+            required: true
+        },
+        reference: {
+            type: String,
+            default: ''
+        },
+        value: {
+            type: String,
+            default: ''
+        },
+    },
+    methods: {
+        change(value) {
+            this.$emit('change', value);
+        },
+    },
+}
+</script>
diff --git a/resources/js/app/components/form/field-radio.vue b/resources/js/app/components/form/field-radio.vue
index 33ee18cee..b09fff4d8 100644
--- a/resources/js/app/components/form/field-radio.vue
+++ b/resources/js/app/components/form/field-radio.vue
@@ -62,6 +62,8 @@ export default {
 <style scoped>
 .field-radio {
     display: flex;
+    flex-direction: row;
+    width: fit-content;
 }
 .field-radio > label {
     flex: auto !important;
diff --git a/resources/js/app/components/relation-view/relation-view.vue b/resources/js/app/components/relation-view/relation-view.vue
index e60ad3224..53280cc76 100644
--- a/resources/js/app/components/relation-view/relation-view.vue
+++ b/resources/js/app/components/relation-view/relation-view.vue
@@ -34,7 +34,6 @@ export default {
         Thumbnail:() => import(/* webpackChunkName: "thumbnail" */'app/components/thumbnail/thumbnail'),
         ClipboardItem: () => import(/* webpackChunkName: "clipboard-item" */'app/components/clipboard-item/clipboard-item'),
         SortRelated: () => import(/* webpackChunkName: "sort-related" */'app/components/sort-related/sort-related'),
-        FastCreate: () => import(/* webpackChunkName: "fast-create" */'app/components/fast-create/fast-create'),
     },
 
     mixins: [
diff --git a/resources/js/app/components/relation-view/relations-add.js b/resources/js/app/components/relation-view/relations-add.js
index 5c2a6e6e3..94510e6c0 100644
--- a/resources/js/app/components/relation-view/relations-add.js
+++ b/resources/js/app/components/relation-view/relations-add.js
@@ -37,6 +37,8 @@ export default {
         FilterBoxView: () => import(/* webpackChunkName: "filter-box-view" */'app/components/filter-box'),
         Thumbnail:() => import(/* webpackChunkName: "thumbnail" */'app/components/thumbnail/thumbnail'),
         ClipboardItem: () => import(/* webpackChunkName: "clipboard-item" */'app/components/clipboard-item/clipboard-item'),
+        FastCreate: () => import(/* webpackChunkName: "fast-create" */'app/components/fast-create/fast-create'),
+        FastCreateContainer: () => import(/* webpackChunkName: "fast-create-container" */'app/components/fast-create/fast-create-container'),
     },
 
     props: {
@@ -231,6 +233,12 @@ export default {
             this.toPage(page, this.activeFilter);
         },
 
+        addCreated(object) {
+            let createdObjects = (Array.isArray(object) ? object : [object]) || [];
+            this.objects = createdObjects.concat(this.objects);
+            this.selectedObjects = createdObjects.concat(this.selectedObjects);
+        },
+
         /**
          * send selected objects to relation view
          *
diff --git a/templates/Element/Form/fast_create.twig b/templates/Element/Form/fast_create.twig
index 9b337ad0b..fd0bb556a 100644
--- a/templates/Element/Form/fast_create.twig
+++ b/templates/Element/Form/fast_create.twig
@@ -1,17 +1,14 @@
 {% set allowed = Perms.canCreateModules() %}
 {% if allowed is not empty %}
-    {% set allItems = relationSchema['right']|default([]) %}
-    {% set items = allItems|filter((item) => item in allowed) %}
-    {% set autoType = allItems|length == 1 ? allItems[0] : null %}
-    {% if items is not empty and (not autoType or (autoType in allowed)) %}
-        <fast-create
-            auto-type="{{ autoType }}"
-            :fields-by-type="{{ Property.fastCreateFieldsMap()|json_encode }}"
-            :items="{{ items|json_encode }}"
-            :languages="{{ config('Project.config.I18n.languages')|default([])|json_encode|escape('html_attr') }}"
-            :schemas-by-type="{{ schemasByType|json_encode }}"
-            @created="appendRelations"
-        >
-        </fast-create>
-    {% endif %}
+    <fast-create-container
+        :allowed-types="{{ allowed|json_encode }}"
+        :fields-by-type="{{ Property.fastCreateFieldsMap()|json_encode }}"
+        :languages="{{ config('Project.config.I18n.languages')|default([])|json_encode|escape('html_attr') }}"
+        :schemas-by-type="{{ schemasByType|json_encode }}"
+        :relation-name="relationName"
+        :relations-schema="{{ relationsSchema|json_encode }}"
+        @created="addCreated"
+        v-if="relationName"
+    >
+    </fast-create-container>
 {% endif %}
diff --git a/templates/Element/Form/relation.twig b/templates/Element/Form/relation.twig
index 381650222..4ab1190bb 100644
--- a/templates/Element/Form/relation.twig
+++ b/templates/Element/Form/relation.twig
@@ -180,15 +180,6 @@
                         <app-icon icon="carbon:add"></app-icon>
                         <span class="ml-05">{{ __('add objects') }}</span>
                     </button>
-
-                    {# FastCreate #}
-                    {{ element(
-                            config('UI.fast_create_form._element')|default('Form/fast_create'),
-                            {
-                                'relationSchema': relationSchema,
-                                'schemasByType': schemasByType,
-                            }
-                    ) }}
                 </template>
             </div>
         </div>
diff --git a/templates/Element/Panel/relations_add.twig b/templates/Element/Panel/relations_add.twig
index e50b3ab8d..8510f0c28 100644
--- a/templates/Element/Panel/relations_add.twig
+++ b/templates/Element/Panel/relations_add.twig
@@ -1,6 +1,10 @@
 {% set selectBaseClasses = "has-background-gray-700 has-border-gray-700 has-font-weight-light has-text-gray-200 has-text-size-smallest" %}
 
 <div class="relations-add">
+
+    {# FastCreate #}
+    {{ element(config('UI.fast_create_form._element')|default('Form/fast_create')) }}
+
     <section class="fieldset shrinks">
         <header class="mx-1 tab tab-static unselectable" v-bind:class="!objects || loading ? 'is-loading-spinner' : ''">
             <h2><span v-show="relationName"><strong>{{ __('add') }}</strong>&nbsp;{{ __('elements to') }}&nbsp;"<strong><: relationLabel :></strong>"</span></h2>

From 9b38f2e38d3b0c576550e33d62e3cde3dee20f18 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Tue, 1 Apr 2025 14:10:22 +0200
Subject: [PATCH 08/18] chore feat: update i18n

---
 locales/default.pot                                  | 10 +++++-----
 locales/en_US/default.po                             | 10 +++++-----
 locales/it_IT/default.po                             | 12 ++++++------
 .../js/app/components/fast-create/fast-create.vue    |  2 --
 4 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/locales/default.pot b/locales/default.pot
index fff48fe14..7802b1c4a 100644
--- a/locales/default.pot
+++ b/locales/default.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita 4 \n"
-"POT-Creation-Date: 2025-03-27 07:48:58 \n"
+"POT-Creation-Date: 2025-04-01 12:09:55 \n"
 "MIME-Version: 1.0 \n"
 "Content-Transfer-Encoding: 8bit \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -1628,6 +1628,9 @@ msgstr ""
 msgid "Show object info"
 msgstr ""
 
+msgid "Media URL"
+msgstr ""
+
 msgid "Search on categories"
 msgstr ""
 
@@ -1799,10 +1802,7 @@ msgstr ""
 msgid "Choose a type"
 msgstr ""
 
-msgid "Create object"
-msgstr ""
-
-msgid "Fast create"
+msgid "Create new for"
 msgstr ""
 
 msgid "Insert date(s)"
diff --git a/locales/en_US/default.po b/locales/en_US/default.po
index 5f297b749..d5e17954c 100644
--- a/locales/en_US/default.po
+++ b/locales/en_US/default.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita Manager \n"
-"POT-Creation-Date: 2025-03-27 07:48:58 \n"
+"POT-Creation-Date: 2025-04-01 12:09:55 \n"
 "PO-Revision-Date:  \n"
 "Last-Translator:  \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -1631,6 +1631,9 @@ msgstr ""
 msgid "Show object info"
 msgstr ""
 
+msgid "Media URL"
+msgstr ""
+
 msgid "Search on categories"
 msgstr ""
 
@@ -1802,10 +1805,7 @@ msgstr ""
 msgid "Choose a type"
 msgstr ""
 
-msgid "Create object"
-msgstr ""
-
-msgid "Fast create"
+msgid "Create new for"
 msgstr ""
 
 msgid "Insert date(s)"
diff --git a/locales/it_IT/default.po b/locales/it_IT/default.po
index 79432af2f..04584451c 100644
--- a/locales/it_IT/default.po
+++ b/locales/it_IT/default.po
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: BEdita Manager \n"
-"POT-Creation-Date: 2025-03-27 07:48:58 \n"
+"POT-Creation-Date: 2025-04-01 12:09:55 \n"
 "PO-Revision-Date:  \n"
 "Last-Translator:  \n"
 "Language-Team: BEdita I18N & I10N Team \n"
@@ -1650,6 +1650,9 @@ msgstr "Errore nella cancellazione della proprietà"
 msgid "Show object info"
 msgstr "Mostra informazioni"
 
+msgid "Media URL"
+msgstr "URL Media"
+
 msgid "Search on categories"
 msgstr "Cerca tra le categorie"
 
@@ -1827,11 +1830,8 @@ msgstr "Caricamento riuscito"
 msgid "Choose a type"
 msgstr "Selezionare un tipo"
 
-msgid "Create object"
-msgstr "Crea oggetto"
-
-msgid "Fast create"
-msgstr "Creazione rapida"
+msgid "Create new for"
+msgstr "Crea nuovo per"
 
 msgid "Insert date(s)"
 msgstr "Inserire data(e)"
diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 2dccb6c84..21c0f6142 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -87,10 +87,8 @@ export default {
             isUploadable: false,
             loading: false,
             message: '',
-            msgClose: t`Close`,
             msgChooseType: t`Choose a type`,
             msgCreated: t`Created`,
-            msgCreateObject: t`Create object`,
             msgFastCreate: t`Create new for`,
             msgSave: t`Save`,
             objectType: null,

From bc454c372c047abcafa8369053d496772ed00aa6 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Tue, 1 Apr 2025 14:33:39 +0200
Subject: [PATCH 09/18] chore fix: eslint

---
 .../components/fast-create/fast-create.vue    | 66 +++++++++++++++----
 1 file changed, 53 insertions(+), 13 deletions(-)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 21c0f6142..103a764d8 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -1,36 +1,76 @@
 <template>
     <fieldset class="fast-create fieldset">
-        <header class="tab" :class="{'open': open}" :open="open" @click="toggle">
+        <header
+            class="tab"
+            :class="{'open': open}"
+            :open="open"
+            @click="toggle"
+        >
             <h2><span>{{ msgFastCreate }} <strong>"{{ relationName }}"</strong></span></h2>
         </header>
-        <div class="fast-create-form-container" :open="open">
+        <div
+            class="fast-create-form-container"
+            :open="open"
+        >
             <div>
-                <div class="mb-1" v-show="!autoType">
+                <div
+                    class="mb-1"
+                    v-show="!autoType"
+                >
                     <label for="objectType">{{ msgChooseType }}</label>
-                    <select v-model="objectType" @change="changeType">
-                        <option v-for="item in items" :value="item" :key="item">
+                    <select
+                        v-model="objectType"
+                        @change="changeType"
+                    >
+                        <option
+                            v-for="item in items"
+                            :value="item"
+                            :key="item"
+                        >
                             {{ t(capitalize(item)) }}
                         </option>
                     </select>
                 </div>
                 <template v-if="objectType">
-                    <div v-for="field in fields" :key="field" class="form-field-container">
-                        <form-field :abstract-type="abstractType" :field="fieldKey(field)" :render-as="fieldType(field)"
+                    <div
+                        v-for="field in fields"
+                        :key="field"
+                        class="form-field-container"
+                    >
+                        <form-field
+                            :abstract-type="abstractType"
+                            :field="fieldKey(field)"
+                            :render-as="fieldType(field)"
                             :json-schema="schemasByType?.[objectType]?.properties?.[fieldKey(field)] || {}"
-                            :is-uploadable="isUploadable" :languages="languages" :object-type="objectType"
+                            :is-uploadable="isUploadable"
+                            :languages="languages"
+                            :object-type="objectType"
                             :required="required?.includes(fieldKey(field))"
                             :val="schemasByType?.[objectType]?.[fieldKey(field)] || null"
-                            v-model="formFieldProperties[fieldKey(field)]" @error="err" @update="update"
-                            @success="success" />
+                            v-model="formFieldProperties[fieldKey(field)]"
+                            @error="err"
+                            @update="update"
+                            @success="success"
+                        />
                     </div>
                 </template>
-                <div class="form-field-container" v-if="objectType">
-                    <button :class="{ 'is-loading-spinner': loading }" :disabled="saveDisabled" @click.prevent="save">
+                <div
+                    class="form-field-container"
+                    v-if="objectType"
+                >
+                    <button
+                        :class="{ 'is-loading-spinner': loading }"
+                        :disabled="saveDisabled"
+                        @click.prevent="save"
+                    >
                         <app-icon icon="carbon:save" />
                         <span class="ml-05">{{ msgSave }}</span>
                     </button>
                 </div>
-                <div class="error" v-if="error">
+                <div
+                    class="error"
+                    v-if="error"
+                >
                     <app-icon icon="carbon:error" />
                     <span class="ml-05">{{ error }}</span>
                 </div>

From 483182c5db0a6075544eb3f0c9387b695061b43d Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Tue, 1 Apr 2025 15:16:39 +0200
Subject: [PATCH 10/18] fix: change type

---
 .../js/app/components/fast-create/fast-create.vue   | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 103a764d8..4d3c19136 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -47,7 +47,7 @@
                             :object-type="objectType"
                             :required="required?.includes(fieldKey(field))"
                             :val="schemasByType?.[objectType]?.[fieldKey(field)] || null"
-                            v-model="formFieldProperties[fieldKey(field)]"
+                            v-model="formFieldProperties[objectType][fieldKey(field)]"
                             @error="err"
                             @update="update"
                             @success="success"
@@ -156,11 +156,14 @@ export default {
                     this.payload[this.fieldKey(field)] = this.schemasByType?.[this.objectType]?.[this.fieldKey(field)] || null;
                 }
             }
-            this.formFieldProperties = {[this.objectType]: this.payload};
+            if (this.objectType) {
+                this.formFieldProperties = {[this.objectType]: this.payload};
+            }
         });
     },
     methods: {
         changeType() {
+            this.formFieldProperties[this.objectType] = {};
             this.fields = [];
             this.fieldsMap = {};
             this.forceUploadable = false;
@@ -203,6 +206,12 @@ export default {
                 }
             }
             this.invalidFields = this.required.filter(f => !this.payload[f]);
+            if (this.objectType) {
+                for (const field of this.fields) {
+                    this.payload[this.fieldKey(field)] = this.schemasByType?.[this.objectType]?.[this.fieldKey(field)] || null;
+                }
+                this.formFieldProperties = {[this.objectType]: this.payload};
+            }
         },
         err(val) {
             this.error = val;

From a343ab64f3aedf2b4c58443cc40a96e34aafbc37 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Wed, 2 Apr 2025 15:46:01 +0200
Subject: [PATCH 11/18] chore fix: field-checkbox

---
 resources/js/app/components/form/field-checkbox.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/resources/js/app/components/form/field-checkbox.vue b/resources/js/app/components/form/field-checkbox.vue
index 38485db2f..25f077e8a 100644
--- a/resources/js/app/components/form/field-checkbox.vue
+++ b/resources/js/app/components/form/field-checkbox.vue
@@ -41,3 +41,9 @@ export default {
     },
 }
 </script>
+<style scoped>
+.field-checkbox {
+    width: fit-content;
+    cursor: pointer;
+}
+</style>

From ceee09d8dff1384e4350ce5efdad00f2c0ae9748 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Wed, 2 Apr 2025 15:53:02 +0200
Subject: [PATCH 12/18] fix: relation label

---
 .../js/app/components/fast-create/fast-create-container.vue | 5 +++++
 resources/js/app/components/fast-create/fast-create.vue     | 6 +++++-
 templates/Element/Form/fast_create.twig                     | 1 +
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/resources/js/app/components/fast-create/fast-create-container.vue b/resources/js/app/components/fast-create/fast-create-container.vue
index be1a58814..3087bd559 100644
--- a/resources/js/app/components/fast-create/fast-create-container.vue
+++ b/resources/js/app/components/fast-create/fast-create-container.vue
@@ -5,6 +5,7 @@
             :fields-by-type="fieldsByType"
             :items="items"
             :languages="languages"
+            :relation-label="relationLabel"
             :relation-name="relationName"
             :schemas-by-type="schemasByType"
             @created="created"
@@ -31,6 +32,10 @@ export default {
             type: Object,
             default: () => {},
         },
+        relationLabel: {
+            type: String,
+            required: true,
+        },
         relationName: {
             type: String,
             required: true,
diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 4d3c19136..42e2a66d8 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -6,7 +6,7 @@
             :open="open"
             @click="toggle"
         >
-            <h2><span>{{ msgFastCreate }} <strong>"{{ relationName }}"</strong></span></h2>
+            <h2><span>{{ msgFastCreate }} <strong>"{{ relationLabel }}"</strong></span></h2>
         </header>
         <div
             class="fast-create-form-container"
@@ -108,6 +108,10 @@ export default {
             type: Object,
             default: () => {},
         },
+        relationLabel: {
+            type: String,
+            required: true,
+        },
         relationName: {
             type: String,
             required: true,
diff --git a/templates/Element/Form/fast_create.twig b/templates/Element/Form/fast_create.twig
index fd0bb556a..16a2c985b 100644
--- a/templates/Element/Form/fast_create.twig
+++ b/templates/Element/Form/fast_create.twig
@@ -5,6 +5,7 @@
         :fields-by-type="{{ Property.fastCreateFieldsMap()|json_encode }}"
         :languages="{{ config('Project.config.I18n.languages')|default([])|json_encode|escape('html_attr') }}"
         :schemas-by-type="{{ schemasByType|json_encode }}"
+        :relation-label="relationLabel"
         :relation-name="relationName"
         :relations-schema="{{ relationsSchema|json_encode }}"
         @created="addCreated"

From de990a98ad0f0f3c2969a57bf31ed59986365c7b Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Wed, 2 Apr 2025 16:01:53 +0200
Subject: [PATCH 13/18] chore fix: styles

---
 resources/js/app/components/form/field-geo-coordinates.vue | 4 ++++
 resources/js/app/components/form/field-integer.vue         | 5 +++++
 resources/js/app/components/form/field-number.vue          | 5 +++++
 3 files changed, 14 insertions(+)

diff --git a/resources/js/app/components/form/field-geo-coordinates.vue b/resources/js/app/components/form/field-geo-coordinates.vue
index 450590c94..26766d136 100644
--- a/resources/js/app/components/form/field-geo-coordinates.vue
+++ b/resources/js/app/components/form/field-geo-coordinates.vue
@@ -111,4 +111,8 @@ export default {
 .field-geo-coordinates label {
     margin-bottom: 0.5rem;
 }
+.field-geo-coordinates input {
+    width: 200px;
+    margin-bottom: 1rem;
+}
 </style>
diff --git a/resources/js/app/components/form/field-integer.vue b/resources/js/app/components/form/field-integer.vue
index 03920efb9..c472c02a5 100644
--- a/resources/js/app/components/form/field-integer.vue
+++ b/resources/js/app/components/form/field-integer.vue
@@ -37,3 +37,8 @@ export default {
     },
 }
 </script>
+<style scoped>
+.field-integer {
+    width: 200px;
+}
+</style>
diff --git a/resources/js/app/components/form/field-number.vue b/resources/js/app/components/form/field-number.vue
index 971a9d60c..44176ee1e 100644
--- a/resources/js/app/components/form/field-number.vue
+++ b/resources/js/app/components/form/field-number.vue
@@ -38,3 +38,8 @@ export default {
     },
 }
 </script>
+<style scoped>
+.field-number {
+    width: 200px;
+}
+</style>

From 386097f4378184c492eb02a2b5f4d07892fb5af2 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Wed, 2 Apr 2025 16:08:51 +0200
Subject: [PATCH 14/18] chore fix: styles

---
 resources/js/app/components/file-upload/file-upload.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/app/components/file-upload/file-upload.vue b/resources/js/app/components/file-upload/file-upload.vue
index 8eba77d5e..c4bce2a1a 100644
--- a/resources/js/app/components/file-upload/file-upload.vue
+++ b/resources/js/app/components/file-upload/file-upload.vue
@@ -30,7 +30,7 @@
         </div>
         <div>
             <button
-                class="button button-primary"
+                class="button button-primary mt-1"
                 :class="loading ? 'is-loading-spinner' : 'button button-primary'"
                 :disabled="readonly || loading"
                 @click.prevent="upload()"

From 3bb3690b01fa8818870c3ec2db1db49f360ed7a3 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Thu, 3 Apr 2025 14:02:46 +0200
Subject: [PATCH 15/18] fix: reset form on save

---
 .../components/fast-create/fast-create.vue    | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 42e2a66d8..1f758bd77 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -38,6 +38,7 @@
                         class="form-field-container"
                     >
                         <form-field
+                            :key="reference"
                             :abstract-type="abstractType"
                             :field="fieldKey(field)"
                             :render-as="fieldType(field)"
@@ -68,13 +69,16 @@
                     </button>
                 </div>
                 <div
-                    class="error"
+                    class="error mt-1"
                     v-if="error"
                 >
                     <app-icon icon="carbon:error" />
                     <span class="ml-05">{{ error }}</span>
                 </div>
-                <div v-if="message">
+                <div
+                    class="mt-1"
+                    v-if="message"
+                >
                     <app-icon icon="carbon:checkmark" />
                     <span class="ml-05">{{ message }}</span>
                 </div>
@@ -127,6 +131,7 @@ export default {
             error: '',
             fields: [],
             fieldsMap: {},
+            formFieldProperties: {},
             invalidFields: [],
             isUploadable: false,
             loading: false,
@@ -138,8 +143,8 @@ export default {
             objectType: null,
             open: false,
             payload: {},
-            formFieldProperties: {},
             required: [],
+            reference: null,
         }
     },
     computed: {
@@ -163,6 +168,7 @@ export default {
             if (this.objectType) {
                 this.formFieldProperties = {[this.objectType]: this.payload};
             }
+            this.reference = Math.floor(Math.random() * 1000000);
         });
     },
     methods: {
@@ -247,6 +253,16 @@ export default {
             } else {
                 this.changeType();
             }
+            if (this.objectType) {
+                for (const field of this.fields) {
+                    this.payload[this.fieldKey(field)] = this.schemasByType?.[this.objectType]?.[this.fieldKey(field)] || null;
+                }
+            }
+            if (this.objectType) {
+                this.formFieldProperties = {[this.objectType]: this.payload};
+            }
+            // reset reference, to force re-render
+            this.reference = Math.floor(Math.random() * 1000000);
         },
         async save() {
             try {

From 604f812d37d2b1e1812d44752a31291ed0084c40 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Tue, 8 Apr 2025 10:23:03 +0200
Subject: [PATCH 16/18] chore fix: remove console log

---
 resources/js/app/components/clipboard-item/clipboard-item.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/resources/js/app/components/clipboard-item/clipboard-item.vue b/resources/js/app/components/clipboard-item/clipboard-item.vue
index 5340af3b8..d627f1ca1 100644
--- a/resources/js/app/components/clipboard-item/clipboard-item.vue
+++ b/resources/js/app/components/clipboard-item/clipboard-item.vue
@@ -40,7 +40,6 @@ export default {
         copy() {
             navigator.clipboard.writeText(this.text);
             this.msg = t`Copied!`;
-            console.log(this.msg);
             setTimeout(() => this.reset(), 2000)
         },
 

From e3a1a7977839570629b0b18cf679d25761151542 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Tue, 8 Apr 2025 10:26:17 +0200
Subject: [PATCH 17/18] chore ui: created feedback styles

---
 .../components/fast-create/fast-create.vue    | 32 +++++++++++++------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index 1f758bd77..e030c7f87 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -79,8 +79,14 @@
                     class="mt-1"
                     v-if="message"
                 >
-                    <app-icon icon="carbon:checkmark" />
-                    <span class="ml-05">{{ message }}</span>
+                    <app-icon
+                        icon="carbon:checkmark"
+                        color="green"
+                    />
+                    <span
+                        class="ml-05"
+                        v-html="message"
+                    />
                 </div>
             </div>
         </div>
@@ -179,8 +185,12 @@ export default {
             this.forceUploadable = false;
             this.required = [];
             this.payload = {};
-            this.message = '';
-            this.error = '';
+            setTimeout(() => {
+                this.$nextTick(() => {
+                    this.message = '';
+                    this.error = '';
+                });
+            }, 1000);
             if (this.fieldsByType?.[this.objectType]?.fields) {
                 const fields = this.fieldsByType[this.objectType].fields || [];
                 let ff = fields;
@@ -243,11 +253,15 @@ export default {
             return this.objectType ? BEDITA_I18N?.[this.objectType] || this.objectType : BEDITA_I18N?.['objects'] || 'objects';
         },
         reset() {
+            setTimeout(() => {
+                this.$nextTick(() => {
+                    this.message = '';
+                    this.error = '';
+                });
+            }, 5000);
             this.fields = [];
             this.required = [];
             this.payload = {};
-            this.message = '';
-            this.error = '';
             if (!this.autoType) {
                 this.objectType = null;
             } else {
@@ -285,9 +299,7 @@ export default {
                 if (responseJson?.error) {
                     throw new Error(responseJson.error);
                 }
-                this.reset();
-                this.message = this.msgCreated;
-                this.$emit('created', responseJson.data)
+                this.success(responseJson?.data?.[0]);
             } catch (error) {
                 this.error = error;
             } finally {
@@ -295,8 +307,8 @@ export default {
             }
         },
         success(objectData) {
+            this.message = `${this.msgCreated} <span class="tag has-background-module-${objectData?.type}">${objectData?.attributes?.title}</span>`;
             this.reset();
-            this.message = this.msgCreated;
             this.$emit('created', [objectData]);
         },
         update(k,v) {

From a6aa4e249cfe4f9cde63fa5bdf419626bdcaa300 Mon Sep 17 00:00:00 2001
From: dante di domenico <dante@didoda.com>
Date: Tue, 8 Apr 2025 10:28:52 +0200
Subject: [PATCH 18/18] fix: setTimeout 5 seconds

---
 resources/js/app/components/fast-create/fast-create.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/app/components/fast-create/fast-create.vue b/resources/js/app/components/fast-create/fast-create.vue
index e030c7f87..4b7a90491 100644
--- a/resources/js/app/components/fast-create/fast-create.vue
+++ b/resources/js/app/components/fast-create/fast-create.vue
@@ -190,7 +190,7 @@ export default {
                     this.message = '';
                     this.error = '';
                 });
-            }, 1000);
+            }, 5000);
             if (this.fieldsByType?.[this.objectType]?.fields) {
                 const fields = this.fieldsByType[this.objectType].fields || [];
                 let ff = fields;