Style datalist with suppliers when create incoming.
This commit is contained in:
@@ -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];
|
||||
},
|
||||
|
||||
|
||||
Reference in New Issue
Block a user