variant length options added

elixir-europe · Jan 26, 2024 · 62fab25 · 62fab25
1 parent 92fcdb1
commit 62fab25
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 0 deletions.
diff --git a/frontend/src/components/GenomicVariations/VariantsResults.js b/frontend/src/components/GenomicVariations/VariantsResults.js
@@ -397,6 +397,18 @@ function VariantsResults (props) {
           if (props.start2 !== '') {
             requestParametersRange['start'] = props.start2
           }
+          if (props.variantMinLength !== ''){
+            requestParametersRange['variantMinLength'] = props.variantMinLength
+          }
+          if (props.variantMaxLength !== ''){
+            requestParametersRange['variantMaxLength'] = props.variantMaxLength
+          }
+          if (props.variantMinLength2 !== ''){
+            requestParametersGene['variantMinLength'] = props.variantMinLength2
+          }
+          if (props.variantMaxLength2 !== ''){
+            requestParametersGene['variantMaxLength'] = props.variantMaxLength2
+          }
           if (props.end !== '') {
             requestParametersRange['end'] = props.end
           }

diff --git a/frontend/src/components/Layout/Layout.js b/frontend/src/components/Layout/Layout.js
@@ -101,6 +101,10 @@ function Layout (props) {
   const [assemblyId, setAssemblyId] = useState('')
   const [assemblyId2, setAssemblyId2] = useState('')
   const [assemblyId3, setAssemblyId3] = useState('')
+  const [variantMinLength, setVariantMinLength]= useState('')
+  const [variantMaxLength, setVariantMaxLength]= useState('')
+  const [variantMinLength2, setVariantMinLength2]= useState('')
+  const [variantMaxLength2, setVariantMaxLength2]= useState('')
 
   const [sequenceSubmitted, setSequenceSub] = useState(false)
   const [rangeSubmitted, setRangeSub] = useState(false)
@@ -373,6 +377,18 @@ function Layout (props) {
   const handleChangeAssembly = e => {
     setAssemblyId(e.target.value)
   }
+  const handleChangeVariantMaxLength = e => {
+    setVariantMaxLength(e.target.value)
+  }
+  const handleChangeVariantMinLength = e => {
+    setVariantMinLength(e.target.value)
+  }
+  const handleChangeVariantMaxLength2 = e => {
+    setVariantMaxLength2(e.target.value)
+  }
+  const handleChangeVariantMinLength2 = e => {
+    setVariantMinLength2(e.target.value)
+  }
 
   const handleClick = () => {
     setShowBar(!showBar)
@@ -405,6 +421,8 @@ function Layout (props) {
     setVariantType2('DEL')
   }
 
+
+
   useEffect(() => {
     if (props.collection === 'Individuals') {
       setPlaceholder('filtering term comma-separated, ID><=value')
@@ -1396,6 +1414,28 @@ function Layout (props) {
                         onChange={handleChangeAminoacid}
                       ></input>
                     </div>
+                    <div>
+                      <label className='labelVariants'>
+                        Variant min. length:
+                      </label>
+                      <input
+                        className='inputVariants'
+                        type='text'
+                        value={variantMinLength}
+                        onChange={handleChangeVariantMinLength}
+                      ></input>
+                    </div>
+                    <div>
+                      <label className='labelVariants'>
+                        Variant max. length:
+                      </label>
+                      <input
+                        className='inputVariants'
+                        type='text'
+                        value={variantMaxLength}
+                        onChange={handleChangeVariantMaxLength}
+                      ></input>
+                    </div>
                     <div className='DivButtonVariants'>
                       <input
                         className='buttonVariants'
@@ -1440,6 +1480,28 @@ function Layout (props) {
                         onChange={handleChangeVariantType2}
                       ></input>
                     </div>
+                    <div>
+                      <label className='labelVariants'>
+                        Variant min. length:
+                      </label>
+                      <input
+                        className='inputVariants'
+                        type='text'
+                        value={variantMinLength2}
+                        onChange={handleChangeVariantMinLength2}
+                      ></input>
+                    </div>
+                    <div>
+                      <label className='labelVariants'>
+                        Variant max. length:
+                      </label>
+                      <input
+                        className='inputVariants'
+                        type='text'
+                        value={variantMaxLength2}
+                        onChange={handleChangeVariantMaxLength2}
+                      ></input>
+                    </div>
                     <div className='DivButtonVariants'>
                       <input
                         className='buttonVariants'