Fast create in side panel

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 "Click here to start"
-msgstr ""
-
-msgid "Fast create"
+msgid "Create new for"
 msgstr ""
 
 msgid "Insert date(s)"

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 "Click here to start"
-msgstr ""
-
-msgid "Fast create"
+msgid "Create new for"
 msgstr ""
 
 msgid "Insert date(s)"

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 "Click here to start"
-msgstr "Clicca qui per iniziare"
-
-msgid "Fast create"
-msgstr "Creazione rapida"
+msgid "Create new for"
+msgstr "Crea nuovo per"
 
 msgid "Insert date(s)"
 msgstr "Inserire data(e)"

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);

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)
         },
 

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: () => ({}),

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"
                 :readonly="readonly"
                 :source="dateRanges[index]"
@@ -38,6 +39,10 @@ export default {
     },
 
     props: {
+        compact: {
+            type: Boolean,
+            default: false,
+        },
         ranges: {
             type: String,
             default: undefined,

resources/js/app/components/fast-create/fast-create-container.vue

@@ -0,0 +1,74 @@
+<template>
+    <div class="fast-create-container">
+        <fast-create
+            :auto-type="autoType"
+            :fields-by-type="fieldsByType"
+            :items="items"
+            :languages="languages"
+            :relation-label="relationLabel"
+            :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: () => {},
+        },
+        relationLabel: {
+            type: String,
+            required: true,
+        },
+        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>