silva
/
adrema
2
1
Fork 0
Code Issues 23 Pull Requests 1 Projects 1 Releases 104 Wiki Activity

Add conditions for group fields
continuous-integration/drone/push Build is failing Details

This commit is contained in:
philipp lang 2024-08-23 17:57:20 +02:00
parent 8b3b3de9a8
commit 5008244de2
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
resources/js/views/form/Conditions.vue
View File

@ -27,7 +27,7 @@
@update:model-value="update(index, 'comparator', $event)" @update:model-value="update(index, 'comparator', $event)"
></f-select> ></f-select>
<f-select <f-select
v-if="condition.field && ['isEqual', 'isNotEqual'].includes(condition.comparator) && ['RadioField', 'DropdownField'].includes(getField(condition.field).type)" v-if="condition.field && ['isEqual', 'isNotEqual'].includes(condition.comparator) && ['RadioField', 'DropdownField', 'GroupField'].includes(getField(condition.field).type)"
:id="`value-${index}-${id}`" :id="`value-${index}-${id}`"
v-model="condition.value" v-model="condition.value"
:options="getOptions(condition.field)" :options="getOptions(condition.field)"
@ -35,7 +35,7 @@
label="Wert" label="Wert"
></f-select> ></f-select>
<f-multipleselect <f-multipleselect
v-if="condition.field && ['isIn', 'isNotIn'].includes(condition.comparator) && ['RadioField', 'DropdownField'].includes(getField(condition.field).type)" v-if="condition.field && ['isIn', 'isNotIn'].includes(condition.comparator) && ['RadioField', 'DropdownField', 'GroupField'].includes(getField(condition.field).type)"
:id="`value-${index}-${id}`" :id="`value-${index}-${id}`"
v-model="condition.value" v-model="condition.value"
:options="getOptions(condition.field)" :options="getOptions(condition.field)"
@ -54,7 +54,7 @@
</template> </template>
<script setup> <script setup>
import {ref, inject, computed} from 'vue'; import {ref, inject, computed, onMounted} from 'vue';
const axios = inject('axios'); const axios = inject('axios');
const emit = defineEmits(['update:modelValue']); const emit = defineEmits(['update:modelValue']);
@ -74,10 +74,10 @@ const props = defineProps({
}); });
const comparatorOptions = ref([ const comparatorOptions = ref([
{id: 'isEqual', name: 'ist gleich', defaultValue: {DropdownField: null, RadioField: null, CheckboxField: false}}, {id: 'isEqual', name: 'ist gleich', defaultValue: {DropdownField: null, RadioField: null, CheckboxField: false, GroupField: null}},
{id: 'isNotEqual', name: 'ist ungleich', defaultValue: {DropdownField: null, RadioField: null, CheckboxField: false}}, {id: 'isNotEqual', name: 'ist ungleich', defaultValue: {DropdownField: null, RadioField: null, CheckboxField: false, GroupField: null}},
{id: 'isIn', name: 'ist in', defaultValue: {DropdownField: [], RadioField: [], CheckboxField: false}}, {id: 'isIn', name: 'ist in', defaultValue: {DropdownField: [], RadioField: [], CheckboxField: false, GroupField: []}},
{id: 'isNotIn', name: 'ist nicht in', defaultValue: {DropdownField: [], RadioField: [], CheckboxField: false}}, {id: 'isNotIn', name: 'ist nicht in', defaultValue: {DropdownField: [], RadioField: [], CheckboxField: false, GroupField: []}},
]); ]);
const modeOptions = ref([ const modeOptions = ref([
@ -89,7 +89,7 @@ const fields = computed(() => {
const result = []; const result = [];
props.single.config.sections.forEach((section) => { props.single.config.sections.forEach((section) => {
section.fields.forEach((field) => { section.fields.forEach((field) => {
if (['DropdownField', 'RadioField', 'CheckboxField'].includes(field.type)) { if (['DropdownField', 'RadioField', 'CheckboxField', 'GroupField'].includes(field.type)) {
result.push(field); result.push(field);
} }
}); });
@ -132,6 +132,10 @@ function getField(fieldName) {
} }
function getOptions(fieldName) { function getOptions(fieldName) {
if (getField(fieldName).type === 'GroupField') {
return groupOptions.value;
}
return getField(fieldName).options.map((o) => { return getField(fieldName).options.map((o) => {
return {id: o, name: o}; return {id: o, name: o};
}); });
@ -168,4 +172,10 @@ async function checkIfDirty() {
if (props.single.links && props.single.links.is_dirty) { if (props.single.links && props.single.links.is_dirty) {
checkIfDirty(); checkIfDirty();
} }
const groupOptions = ref([]);
onMounted(async () => {
groupOptions.value = (await axios.get('/api/group')).data.data;
});
</script> </script>