Disables comparator dropdown if only one option is available. #886.

src/views/admin/components/filter-types/date/FormDate.vue

@@ -12,7 +12,8 @@
                         v-for="(comparatorObject, comparatorKey) in comparatorsObject"
                         :key="comparatorKey"
                         v-model="comparators"
-                        :native-value="comparatorObject.key"
+                        :native-value="comparatorKey"
+                        :disabled="comparators.indexOf(comparatorKey) >= 0 && comparators.length <= 1"
                         name="metadata_type_relationship[display_related_item_metadata]"
                         @update:model-value="emitValues()">
                     <span v-html="comparatorObject.symbol + '&nbsp;' + comparatorObject.label" />
@@ -33,7 +34,8 @@
         ],
         data() {
             return {
-                comparatorsObject: Object
+                comparatorsObject: Object,
+                comparators: Array
             }
         },
         created() {
@@ -72,8 +74,9 @@
                 };
         },
         methods: {
-            onUpdateComparators(value) {
+            emitValues() {
-                this.$emit('update:model-value', { comparators: value });
+                console.log(this.comparators)
+                this.$emit('update:model-value', { comparators: this.comparators });
             }
         }
     }

src/views/admin/components/filter-types/date/TainacanFilterDate.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="date-filter-container">
         <b-dropdown
+                v-if="filterTypeOptions.comparators.length > 1"
                 :mobile-modal="true"
                 aria-role="list"
                 trap-focus
@@ -138,6 +139,7 @@
                     enabled: this.filterTypeOptions.comparators.indexOf('<=') < 0 ? 'no' : 'yes'
                 },
             };
+            this.comparator = this.filterTypeOptions.comparators[0];
         },
         mounted() {
             this.updateSelectedValues();