feat: Enhance Dataset Index with Dynamic Legend and Improved State Management for submitter, editor and reviewer
Some checks failed
build.yaml / feat: Enhance Dataset Index with Dynamic Legend and Improved State Management for submitter, editor and reviewer (push) Failing after 0s

- Added a collapsible legend to display dataset states and available actions.
- Implemented localStorage persistence for legend visibility.
- Refactored dataset state handling with dynamic classes and labels.
- Improved table layout and styling for better user experience.
- Updated Tailwind CSS configuration to define new background colors for dataset states.
This commit is contained in:
Kaimbacher 2025-10-30 14:42:36 +01:00
commit 88e37bfee8
8 changed files with 785 additions and 465 deletions

View file

@ -39,9 +39,9 @@ const submit = async () => {
<CardBox form @submit.prevent="submit()" class="shadow-lg">
<div class="grid grid-cols-1 gap-6">
<FormField label="Label" help="Required. Displayed project label" :class="{ 'text-red-400': form.errors.label }">
<FormField label="Label" help="Lowercase letters, numbers, and hyphens only" :class="{ 'text-red-400': form.errors.label }">
<FormControl
v-model="form.label"
v-model="form.label"
type="text"
placeholder="e.g., my-awesome-project"
required
@ -56,7 +56,7 @@ const submit = async () => {
<FormField
label="Name"
help="Required. Project identifier (slug, lowercase, no spaces)"
help="Required. Project title shown to users"
:class="{ 'text-red-400': form.errors.name }"
>
<FormControl

View file

@ -48,11 +48,12 @@ const submit = async () => {
<div class="grid grid-cols-1 gap-6">
<FormField
label="Label"
help="Project label (read-only)"
help="Lowercase letters, numbers, and hyphens only"
>
<FormControl
v-model="form.label"
type="text"
help="Lowercase letters, numbers, and hyphens only"
:is-read-only=true
class="bg-gray-100 dark:bg-slate-800 cursor-not-allowed opacity-75"
/>
@ -60,7 +61,7 @@ const submit = async () => {
<FormField
label="Name"
help="Required. Project identifier (slug)"
help="Required. Project title shown to users"
:class="{ 'text-red-400': form.errors.name }"
>
<FormControl