silva
/
adrema-form
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add keine Angabe

This commit is contained in:
philipp lang 2024-04-25 21:59:54 +02:00
parent a37521eada
commit 1723135be5
3 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/fields/Checkboxes.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="relative"> <div class="relative">
<field-label :name="field.name" :required="field.required" :hint="field.hint" inline></field-label> <field-label :name="field.name" :required="false" :hint="field.hint" inline></field-label>
<div class="grid grid-cols-1 gap-2 pt-1"> <div class="grid grid-cols-1 gap-2 pt-1">
<label v-for="(option, index) in field.options" :key="index" :for="`${innerId}-${index}`" class="block relative flex items-start"> <label v-for="(option, index) in field.options" :key="index" :for="`${innerId}-${index}`" class="block relative flex items-start">
<input :id="`${innerId}-${index}`" v-model="inner" type="checkbox" :name="field.key" :value="option" class="peer absolute invisible" /> <input :id="`${innerId}-${index}`" v-model="inner" type="checkbox" :name="field.key" :value="option" class="peer absolute invisible" />
@ -25,8 +25,7 @@ const props = defineProps({
field: { field: {
required: true, required: true,
validator: (value) => validator: (value) =>
hasKeys(value, [...globalFieldRules(), 'required', 'options']) && hasKeys(value, [...globalFieldRules(), 'options']) &&
typeof value.required === 'boolean' &&
typeof value.key === 'string' && typeof value.key === 'string' &&
value.key.length > 0 && value.key.length > 0 &&
typeof value.name === 'string' && typeof value.name === 'string' &&

4
src/components/fields/Group.vue
View File

@ -7,7 +7,7 @@
:name="field.key" :name="field.key"
class="bg-white rounded-lg focus:outline-none text-gray-600 text-left peer py-1 px-2 @sm:py-2 text-sm @sm:text-base @sm:px-3 w-full" class="bg-white rounded-lg focus:outline-none text-gray-600 text-left peer py-1 px-2 @sm:py-2 text-sm @sm:text-base @sm:px-3 w-full"
> >
<option :value="null">-- kein --</option> <option :value="null">-- keine Angabe --</option>
<option v-for="(option, index) in options" :key="index" :value="option.id" v-text="option.name"></option> <option v-for="(option, index) in options" :key="index" :value="option.id" v-text="option.name"></option>
<option v-if="field.has_empty_option" :value="-1" v-text="field.empty_option_value"></option> <option v-if="field.has_empty_option" :value="-1" v-text="field.empty_option_value"></option>
</select> </select>
@ -31,7 +31,7 @@ const props = defineProps({
hasKeys(value, [...globalFieldRules(), 'required', 'parent_field', 'parent_group', 'has_empty_option', 'empty_option_value']) && hasKeys(value, [...globalFieldRules(), 'required', 'parent_field', 'parent_group', 'has_empty_option', 'empty_option_value']) &&
typeof value.required === 'boolean' && typeof value.required === 'boolean' &&
typeof value.has_empty_option === 'boolean' && typeof value.has_empty_option === 'boolean' &&
typeof value.empty_option_value === 'string' && (value.empty_option_value === null || typeof value.empty_option_value === 'string') &&
typeof value.key === 'string' && typeof value.key === 'string' &&
value.key.length > 0 && value.key.length > 0 &&
typeof value.name === 'string' && typeof value.name === 'string' &&

2
src/components/fields/VDropdown.vue
View File

@ -7,7 +7,7 @@
:name="name" :name="name"
class="bg-white group-[.info]:bg-blue-200 rounded-lg focus:outline-none text-gray-600 text-left py-1 px-2 @sm:py-2 @sm:group-[.info]:py-1 text-sm @sm:text-base @sm:group-[.info]:text-sm @sm:px-3 @sm:group-[.info]:px-2 w-full" class="bg-white group-[.info]:bg-blue-200 rounded-lg focus:outline-none text-gray-600 text-left py-1 px-2 @sm:py-2 @sm:group-[.info]:py-1 text-sm @sm:text-base @sm:group-[.info]:text-sm @sm:px-3 @sm:group-[.info]:px-2 w-full"
> >
<option :value="null">-- kein --</option> <option :value="null">-- keine Angabe --</option>
<option v-for="(option, index) in options" :key="index" :value="option.id" v-text="option.name"></option> <option v-for="(option, index) in options" :key="index" :value="option.id" v-text="option.name"></option>
</select> </select>
<input <input