feat: quick preset editor must force values to be set on creation (#2028

)

frontend/src/variants/components/FilterForm/QuickPresets.vue

@@ -323,6 +323,30 @@ const quickPresetWrapper = computed({
   },
 })
 
+const quickPresetsComplete = computed(() => {
+  const result = {}
+  for (const [name, theQuickPresets] of Object.entries(props.quickPresets)) {
+    let skip = false
+    for (const key of [
+      'inheritance',
+      'frequency',
+      'impact',
+      'quality',
+      'chromosomes',
+      'flagsetc',
+    ]) {
+      if (!theQuickPresets[key]) {
+        skip = true
+        break
+      }
+    }
+    if (!skip) {
+      result[name] = theQuickPresets
+    }
+  }
+  return result
+})
+
 /** Refresh all presets. */
 const refreshAllRefs = () => {
   refreshInheritanceRef()
@@ -366,7 +390,7 @@ onMounted(() => {
         v-model="quickPresetWrapper"
         class="custom-select custom-select-sm"
       >
-        <option v-for="(value, name) in quickPresets" :value="name">
+        <option v-for="(value, name) in quickPresetsComplete" :value="name">
           {{ value.label ?? name }}
         </option>
         <option disabled>custom</option>

frontend/src/variants/components/QueryPresets/SetEditor.vue

@@ -250,7 +250,6 @@ const handleAddClicked = async (category) => {
         quality: null,
         chromosome: null,
         flagsetc: null,
-        inheritance: null,
       }
     } else if (category === 'qualitypresets') {
       payload = {

frontend/src/variants/components/QueryPresets/SetQuickPresets.vue

@@ -1,6 +1,8 @@
 <script setup>
 /** Editor component for quick presets.
  */
+import { computed } from 'vue'
+
 import { randomString } from '@/varfish/common'
 
 /** Define props. */
@@ -15,11 +17,31 @@ const props = defineProps({
     default: randomString(),
   },
 })
+
+const isIncomplete = computed(() => {
+  for (const key of [
+    'inheritance',
+    'frequency',
+    'impact',
+    'quality',
+    'chromosome',
+    'flagsetc',
+  ]) {
+    if (!props.querySettings[key]) {
+      return true
+    }
+  }
+  return false
+})
 </script>
 
 <template>
   <!-- eslint-disable -->
   <div v-if="querySettings" class="mr-2 mt-2">
+    <div class="alert alert-warning" v-if="isIncomplete">
+      <strong>Warning!</strong> The query settings are incomplete and will not
+      be available in the filter form unless all values are set.
+    </div>
     <div class="form-group">
       <label :for="'inheritance' + idSuffix"> Inheritance </label>
       <select