fix custom fields

src/components/modals/coresettings/CustomFieldsForm.vue

@@ -49,6 +49,10 @@
             hide-dropdown-icon
             input-debounce="0"
             new-value-mode="add"
+            @input="
+              localField.default_value = '';
+              localField.default_values_multiple = [];
+            "
           />
         </q-card-section>
         <q-card-section>
@@ -87,23 +91,35 @@
           <q-toggle
             v-else-if="localField.type == 'checkbox'"
             label="Default Value"
-            v-model="localField.default_value"
+            v-model="localField.checkbox_value"
             color="green"
           />
 
-          <!-- For dropdowns -->
+          <!-- Dropdown Single -->
           <q-select
-            v-else-if="localField.type === 'single' || localField.type === 'multiple'"
+            v-else-if="localField.type === 'single'"
             label="Default Value"
             :options="localField.options"
             outlined
             dense
-            :multiple="localField.type === 'multiple'"
             v-model="localField.default_value"
             :rules="[...defaultValueRules]"
             reactive-rules
           />
 
+          <!-- Dropdown Multiple -->
+          <q-select
+            v-else-if="localField.type === 'multiple'"
+            label="Default Value(s)"
+            :options="localField.options"
+            outlined
+            dense
+            multiple
+            v-model="localField.default_values_multiple"
+            :rules="[...defaultValueRules]"
+            reactive-rules
+          />
+
           <!-- For everything else -->
           <q-input
             v-else
@@ -149,6 +165,8 @@ export default {
         options: [],
         default_value: "",
         required: false,
+        checkbox_value: false,
+        default_values_multiple: [],
       },
       modelOptions: [
         { label: "Client", value: "client" },
@@ -182,6 +200,8 @@ export default {
     submit() {
       this.$q.loading.show();
 
+      if (this.localField.type === "multiple") delete this.localField.default_value;
+
       let data = {
         ...this.localField,
       };

src/components/modals/coresettings/CustomFieldsTable.vue

@@ -51,7 +51,13 @@
           {{ props.row.type }}
         </q-td>
         <!-- default value -->
-        <q-td>
+        <q-td v-if="props.row.type === 'checkbox'">
+          {{ props.row.checkbox_value }}
+        </q-td>
+        <q-td v-else-if="props.row.type === 'multiple'">
+          {{ props.row.default_values_multiple }}
+        </q-td>
+        <q-td v-else>
           {{ props.row.default_value }}
         </q-td>
         <!-- required -->
@@ -65,7 +71,7 @@
 
 <script>
 import CustomFieldsForm from "@/components/modals/coresettings/CustomFieldsForm";
-import mixins from "@/mixins/mixins"
+import mixins from "@/mixins/mixins";
 
 export default {
   name: "CustomFieldsTable",
@@ -88,7 +94,14 @@ export default {
           align: "left",
           sortable: true,
         },
-        { name: "type", label: "Field Type", field: "type", align: "left", sortable: true, format: (string => this.capitalize(string)) },
+        {
+          name: "type",
+          label: "Field Type",
+          field: "type",
+          align: "left",
+          sortable: true,
+          format: string => this.capitalize(string),
+        },
         { name: "default_value", label: "Default Value", field: "default_value", align: "left", sortable: true },
         { name: "required", label: "Required", field: "required", align: "left", sortable: true },
       ],