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

Lint

This commit is contained in:
philipp lang 2025-06-17 00:10:10 +02:00
parent 21cebfc04a
commit 4d25f5e56d
1 changed files with 37 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,54 +1,49 @@
<template> <template>
<ui-note v-if="locked" class="mt-2" type="danger"> <ui-note v-if="locked" class="mt-2" type="danger">
Dieses Formular wurde bereits bearbeitet.<br /> Dieses Formular wurde bereits bearbeitet.<br>
Bitte speichere es erst ab und editiere dann die Bedingungen. Bitte speichere es erst ab und editiere dann die Bedingungen.
</ui-note> </ui-note>
<div v-else> <div v-else>
<f-select :id="`mode-${id}`" :name="`mode-${id}`" :model-value="modelValue.mode" :options="modeOptions" label="Modus" @update:model-value="changeMode"></f-select> <f-select :id="`mode-${id}`" :name="`mode-${id}`" :model-value="modelValue.mode" :options="modeOptions" label="Modus" @update:model-value="changeMode" />
<ui-icon-button class="mt-4 mb-2" icon="plus" @click="addCondition">Bedingung einfügen</ui-icon-button> <ui-icon-button class="mt-4 mb-2" icon="plus" @click="addCondition">Bedingung einfügen</ui-icon-button>
<div v-for="(condition, index) in modelValue.ifs" :key="index" class="grid grid-cols-[1fr_1fr_1fr_max-content] gap-2"> <div v-for="(condition, index) in modelValue.ifs" :key="index" class="grid grid-cols-[1fr_1fr_1fr_max-content] gap-2">
<f-select <f-select :id="`field-${index}-${id}`"
:id="`field-${index}-${id}`" :model-value="condition.field"
:model-value="condition.field" :options="fieldOptions"
:options="fieldOptions" :name="`field-${index}-${id}`"
:name="`field-${index}-${id}`" label="Feld"
label="Feld" @update:model-value="update(index, 'field', $event)"
@update:model-value="update(index, 'field', $event)" />
></f-select> <f-select :id="`comparator-${index}-${id}`"
<f-select :options="comparatorOptions"
:id="`comparator-${index}-${id}`" :model-value="condition.comparator"
:options="comparatorOptions" :name="`comparator-${index}-${id}`"
:model-value="condition.comparator" label="Vergleich"
:name="`comparator-${index}-${id}`" @update:model-value="update(index, 'comparator', $event)"
label="Vergleich" />
@update:model-value="update(index, 'comparator', $event)" <f-select v-if="condition.field && ['isEqual', 'isNotEqual'].includes(condition.comparator) && ['RadioField', 'DropdownField', 'GroupField'].includes(getField(condition.field).type)"
></f-select> :id="`value-${index}-${id}`"
<f-select v-model="condition.value"
v-if="condition.field && ['isEqual', 'isNotEqual'].includes(condition.comparator) && ['RadioField', 'DropdownField', 'GroupField'].includes(getField(condition.field).type)" :options="getOptions(condition.field)"
:id="`value-${index}-${id}`" :name="`value-${index}-${id}`"
v-model="condition.value" label="Wert"
:options="getOptions(condition.field)" />
:name="`value-${index}-${id}`" <f-multipleselect v-if="condition.field && ['isIn', 'isNotIn'].includes(condition.comparator) && ['RadioField', 'DropdownField', 'GroupField'].includes(getField(condition.field).type)"
label="Wert" :id="`value-${index}-${id}`"
></f-select> v-model="condition.value"
<f-multipleselect :options="getOptions(condition.field)"
v-if="condition.field && ['isIn', 'isNotIn'].includes(condition.comparator) && ['RadioField', 'DropdownField', 'GroupField'].includes(getField(condition.field).type)" label="Wert"
:id="`value-${index}-${id}`" />
v-model="condition.value" <f-switch v-if="condition.field && condition.comparator && ['CheckboxField'].includes(getField(condition.field).type)"
:options="getOptions(condition.field)" :id="`value-${index}-${id}`"
label="Wert" v-model="condition.value"
></f-multipleselect> :name="`value-${index}-${id}`"
<f-switch label="Wert"
v-if="condition.field && condition.comparator && ['CheckboxField'].includes(getField(condition.field).type)" />
:id="`value-${index}-${id}`" <ui-action-button tooltip="Löschen" icon="trash" class="btn-danger self-end h-8" @click="remove(index)" />
v-model="condition.value"
:name="`value-${index}-${id}`"
label="Wert"
></f-switch>
<ui-action-button tooltip="Löschen" icon="trash" class="btn-danger self-end h-8" @click="remove(index)"></ui-action-button>
</div> </div>
</div> </div>
</template> </template>
@ -103,7 +98,7 @@ function changeMode(mode) {
} }
function update(index, key, value) { function update(index, key, value) {
var inner = {...props.modelValue}; const inner = {...props.modelValue};
if (key === 'comparator') { if (key === 'comparator') {
var old = inner.ifs[index]; var old = inner.ifs[index];
inner.ifs[index] = { inner.ifs[index] = {