Style datalist with suppliers when create incoming.

This commit is contained in:
2025-02-13 17:14:43 +01:00
parent 65a3c4ba07
commit ae0d99e239

View File

@@ -112,13 +112,13 @@
<form class="mt-6 space-y-6" @submit.prevent="">
<div class="flex flex-row">
<x-input-label class="w-1/6" for="select_supplier" :value="__('incoming.Select supplier')"/>
<div class="flex flex-row w-1/2">
<x-input-label class="w-1/3" for="select_supplier" :value="__('incoming.Select supplier')"/>
<input list="all_suppliers" id="select_supplier" name="select_supplier" type="text" x-on:change="setSupplier();"
class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm"/>
<datalist id="all_suppliers" x-on:change="alert('hier');">
<template x-for="supplier in suppliers">
<option x-on:click="alert('da');" :value="supplier.id" x-text="supplier.name"></option>
<option :value="supplier.name"></option>
</template>
</datalist>
</div>
@@ -326,7 +326,7 @@
setSupplier() {
let id = document.querySelector('#select_supplier').value;
let supplier_key = Object.keys(this.suppliers).find(key => (this.suppliers[key].id == id));
let supplier_key = Object.keys(this.suppliers).find(key => (this.suppliers[key].name == id));
this.supplier = this.suppliers[supplier_key];
},