fix: Update TablePersons components for improved event handling and layout consistency
Some checks failed
build.yaml / fix: Update TablePersons components for improved event handling and layout consistency (push) Failing after 0s

This commit is contained in:
Kaimbacher 2025-11-05 15:38:28 +01:00
commit 38c05f6714
4 changed files with 84 additions and 58 deletions

View file

@ -13,7 +13,7 @@
</NotificationBar>
<FormValidationErrors v-bind:errors="errors" />
<CardBox :form="true">
<CardBox>
<!-- <FormValidationErrors v-bind:errors="errors" /> -->
<div class="mb-4">
<div class="flex flex-col md:flex-row">

View file

@ -3,7 +3,6 @@
<LayoutAuthenticated>
<Head title="Edit dataset" />
<!-- Progress Bar for Unsaved Changes -->
<!-- Progress Bar for Unsaved Changes -->
<div v-if="hasUnsavedChanges" class="fixed top-0 left-0 right-0 z-50 bg-amber-500 text-white px-4 py-2.5 text-sm shadow-lg h-14">
<div class="container mx-auto flex items-center justify-between h-full">
@ -17,7 +16,7 @@
</svg>
<span class="font-medium">You have unsaved changes</span>
</div>
<BaseButton @click="submitAlternative" label="Save Now" color="white" small :disabled="form.processing" />
<BaseButton @click.prevent="submitAlternative" label="Save Now" color="white" small :disabled="form.processing" />
</div>
</div>
@ -47,18 +46,18 @@
{{ flash.message }}
</NotificationBar>
<FormValidationErrors v-bind:errors="errors" />
<!-- Main Form with Sections -->
<CardBox :form="true" class="shadow-lg">
<UnsavedChangesWarning
<UnsavedChangesWarning
:show="hasUnsavedChanges"
:changes-summary="getChangesSummary()"
:show-details="true"
:show-actions="false"
:show-auto-save-progress="true"
:auto-save-delay="30"
@save="submitAlternative"
@save.prevent="submitAlternative"
/>
<!-- Main Form with Sections -->
<CardBox class="shadow-lg">
<!-- Collapsible Sections for Better Organization -->
<!-- Section 1: Basic Information -->
@ -420,7 +419,7 @@
title="Creators"
:icon="mdiBookOpenPageVariant"
:header-icon="mdiPlusCircle"
@header-icon-click="addNewAuthor()"
v-on:header-icon-click="addNewAuthor()"
>
<div
class="mb-4 p-3 bg-blue-50 dark:bg-slate-800 rounded-lg text-sm text-blue-800 dark:text-blue-300 flex items-start gap-2"
@ -475,7 +474,7 @@
title="Contributors"
:icon="mdiBookOpenPageVariant"
:header-icon="mdiPlusCircle"
@header-icon-click="addNewContributor()"
v-on:header-icon-click="addNewContributor()"
>
<div class="mb-2 text-gray-600 text-sm flex items-center gap-2">
<span>Add contributors by searching existing persons or manually adding new ones.</span>