Allow arbitrary custom field value search via search param

frontend/composables/use-quick-search.ts

@@ -104,12 +104,13 @@ export function useQuickSearch() {
       // Regardless of what we do next, we also clear the code buffer here:
       codeBuffer.value = "";
 
+      // TODO: Is there a good reason to not expose custom fields via search syntax?
       router.push({
         path: "/items",
         query: {
           q: "",
           fieldSelector: "true",
-          fields: [encodeURIComponent(`Barcode=${validCode}`)],
+          fields: [`Barcode=${validCode}`],
         },
       });
     } else {

frontend/pages/items.vue

@@ -77,6 +77,10 @@
     const qFields = route.query.fields as string[];
     if (qFields) {
       fieldTuples.value = qFields.map(f => f.split("=") as [string, string]);
+      // After loading for the first time, we keep track of the field tuples at this point,
+      // and use them as possible field values even if they're not included in the list of values for
+      // the given field:
+      fieldTuplesOnMount.value = fieldTuples.value;
 
       for (const t of fieldTuples.value) {
         if (t[0] && t[1]) {
@@ -139,6 +143,7 @@
   });
 
   const fieldTuples = ref<[string, string][]>([]);
+  const fieldTuplesOnMount = ref<[string, string][]>([]);
   const fieldValuesCache = ref<Record<string, string[]>>({});
 
   const { data: allFields } = useAsyncData(async () => {
@@ -173,6 +178,15 @@
     return data;
   }
 
+  function fieldValuesFromCache(field: string) {
+    const fieldValues = fieldValuesCache.value[field] ?? [];
+    const valuesFromFirstMount = fieldTuplesOnMount.value
+      .filter(([fieldName]) => fieldName === field)
+      .map(([_, fieldValue]) => fieldValue);
+
+    return [...valuesFromFirstMount, ...fieldValues];
+  }
+
   watch(advanced, (v, lv) => {
     if (v === false && lv === true) {
       selectedLocations.value = [];
@@ -399,8 +413,8 @@
             <label class="label">
               <span class="label-text">Field Value</span>
             </label>
-            <select v-model="fieldTuples[idx][1]" class="select-bordered select" :items="fieldValuesCache[f[0]]">
+            <select v-model="fieldTuples[idx][1]" class="select-bordered select" :items="fieldValuesFromCache(f[0])">
-              <option v-for="v in fieldValuesCache[f[0]]" :key="v" :value="v">{{ v }}</option>
+              <option v-for="v in fieldValuesFromCache(f[0])" :key="v" :value="v">{{ v }}</option>
             </select>
           </div>
           <button