feat(events): add color picker to appointment editor

This commit is contained in:
2026-10-15 17:22:17 +02:00
parent 42242390f3
commit 683be7761d
3 changed files with 74 additions and 3 deletions

View File

@@ -586,7 +586,14 @@ const updateItem = async () => {
:item="item"
/>
</template>
<InputGroup class="w-full" v-if="datapoint.key.includes('.')">
<ColorInput
v-if="datapoint.inputType === 'color'"
:model-value="getDatapointValue(datapoint)"
:label="datapoint.label"
:disabled="datapoint.disabledFunction ? datapoint.disabledFunction(item) : false"
@update:model-value="(value) => setDatapointValue(datapoint, value)"
/>
<InputGroup class="w-full" v-else-if="datapoint.key.includes('.')">
<UInput
:color="datapoint.required ? (item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]] ? 'primary' : 'error') : 'white'"
class="flex-auto"
@@ -833,7 +840,14 @@ const updateItem = async () => {
:item="item"
/>
</template>
<InputGroup class="w-full" v-if="datapoint.key.includes('.')">
<ColorInput
v-if="datapoint.inputType === 'color'"
:model-value="getDatapointValue(datapoint)"
:label="datapoint.label"
:disabled="datapoint.disabledFunction ? datapoint.disabledFunction(item) : false"
@update:model-value="(value) => setDatapointValue(datapoint, value)"
/>
<InputGroup class="w-full" v-else-if="datapoint.key.includes('.')">
<UInput
:color="datapoint.required ? (item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]] ? 'primary' : 'error') : 'white'"
class="flex-auto"