geolba/tethys.backend
geolba/tethys.backend
2
0
Fork 2
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat: Adjust z-index values for map components, enhance ISBN validation message, and add dynamic placeholders for reference inputs, add additional mimetypes
All checks were successful
CI / container-job (push) Successful in 38s
Details

Browse source
This commit is contained in:
Kaimbacher 2025-02-17 16:08:36 +01:00
parent a3031169ca
commit a41b091214
9 changed files with 314 additions and 400 deletions
Download patch file Download diff file Expand all files Collapse all files

27
resources/js/Components/FormCheckRadioGroup.vue
View file

@ -75,6 +75,21 @@ const addOption = () => {
newOption.value = '';
}
};
const inputElClass = computed(() => {
const base = [
'px-3 py-2 max-w-full focus:ring focus:outline-none border-gray-700 rounded w-full',
'dark:placeholder-gray-400',
'h-12',
'border',
'bg-transparent'
// props.isReadOnly ? 'bg-gray-50 dark:bg-slate-600' : 'bg-white dark:bg-slate-800',
];
// if (props.icon) {
// base.push('pl-10');
// }
return base;
});
</script>
<template>
@ -83,9 +98,15 @@ const addOption = () => {
<!-- :label="value" -->
<!-- :input-value="value.id"
:label="value.name" -->
<div v-if="allowManualAdding && type === 'checkbox'" class="flex items-center mt-2 mb-2">
<FormControl v-model="newOption" :placeholder="manualAddingPlaceholder" class="mr-2" />
<BaseButton small rounded-full color="info" :icon="mdiPlusCircle" @click.prevent="addOption" />
<div v-if="allowManualAdding && type === 'checkbox'" class="flex items-center mt-2 mb-2 relative">
<input v-model="newOption" :placeholder="manualAddingPlaceholder" :class="inputElClass"
@keydown.prevent.enter="addOption" />
<svg v-show="newOption.length >= 2" @click.prevent="addOption" xmlns="http://www.w3.org/2000/svg"
class="w-6 h-6 absolute right-2 top-1/2 transform -translate-y-1/2 cursor-pointer text-gray-500"
viewBox="0 0 24 24" fill="currentColor">
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-6H5v-2h6V5h2v6h6v2h-6v6z" />
</svg>
</div>
<FormCheckRadio v-for="(value, key) in options" :key="key" v-model="computedValue" :type="type" :name="name"
:input-value="key" :label="value" :class="componentClass" />