mirrors/homebox
1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2025-08-04 08:40:28 +00:00
Code Issues Projects Releases Packages Wiki Activity

add labels

Browse source
This commit is contained in:
Hayden 2023-02-05 11:37:28 -09:00
parent 06d3fd9ed2
commit 1b9a260fd7
No known key found for this signature in database
GPG key ID: 17CF79474E257545
1 changed files with 26 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

28
frontend/pages/items.vue
View file

@ -301,25 +301,33 @@
<FormMultiselect v-model="selectedLocations" label="Locations" :items="locations ?? []" /> <FormMultiselect v-model="selectedLocations" label="Locations" :items="locations ?? []" />
<div class="py-4 space-y-2"> <div class="py-4 space-y-2">
<p>Custom Fields</p> <p>Custom Fields</p>
<div v-for="(f, idx) in fieldTuples" :key="idx" class="flex gap-2"> <div v-for="(f, idx) in fieldTuples" :key="idx" class="flex flex-wrap gap-2">
<div class="form-control w-full max-w-xs">
<label class="label">
<span class="label-text">Field</span>
</label>
<select <select
v-model="fieldTuples[idx][0]" v-model="fieldTuples[idx][0]"
class="w-full select select-bordered max-w-xs" class="select-bordered select"
label="Field Name"
:items="allFields ?? []" :items="allFields ?? []"
@change="fetchValues(f[0])" @change="fetchValues(f[0])"
> >
<option v-for="fv in allFields" :key="fv" :value="fv">{{ fv }}</option> <option v-for="fv in allFields" :key="fv" :value="fv">{{ fv }}</option>
</select> </select>
<select </div>
v-model="fieldTuples[idx][1]" <div class="form-control w-full max-w-xs">
class="w-full select select-bordered max-w-xs" <label class="label">
label="Value" <span class="label-text">Field Value</span>
:items="fieldValuesCache[f[0]]" </label>
> <select v-model="fieldTuples[idx][1]" class="select-bordered select" :items="fieldValuesCache[f[0]]">
<option v-for="v in fieldValuesCache[f[0]]" :key="v" :value="v">{{ v }}</option> <option v-for="v in fieldValuesCache[f[0]]" :key="v" :value="v">{{ v }}</option>
</select> </select>
<button type="button" class="btn btn-square btn-sm my-auto" @click="fieldTuples.splice(idx, 1)"> </div>
<button
type="button"
class="btn btn-square btn-sm md:ml-0 ml-auto mt-auto mb-2"
@click="fieldTuples.splice(idx, 1)"
>
<Icon name="mdi-trash" class="w-5 h-5" /> <Icon name="mdi-trash" class="w-5 h-5" />
</button> </button>
</div> </div>