From f23d2f85eccd8388c7f95b4d7c3d43d7d0bff03c Mon Sep 17 00:00:00 2001
From: Etienne Boileau <boileau@uni-heidelberg.de>
Date: Tue, 14 May 2024 17:20:45 +0200
Subject: [PATCH] WIP toggle fmt

---
 client/src/components/compare/CompareStepB.vue | 5 +++--
 client/src/main.js                             | 2 ++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/src/components/compare/CompareStepB.vue b/client/src/components/compare/CompareStepB.vue
index ec44c64e..7688d87a 100644
--- a/client/src/components/compare/CompareStepB.vue
+++ b/client/src/components/compare/CompareStepB.vue
@@ -14,7 +14,7 @@ const props = defineProps({
     required: true
   }
 })
-
+const isEUF = ref()
 const dataset = ref()
 const disabled = ref(false)
 const uploadURL = HTTP.getUri() + '/upload'
@@ -53,6 +53,7 @@ const clear = () => {
       >Dataset file
     </InputText>
     <div class="flex flex-row">
+      <ToggleButton v-model="isEUF" onLabel="bedRMod" offLabel="BED6" class="w-[8rem] mr-4" />
       <FileUpload
         mode="basic"
         name="file"
@@ -69,7 +70,7 @@ const clear = () => {
         @click="clear"
         icon="pi pi-times"
         severity="danger"
-        class="ml-4 max-h-[1.9rem] place-self-center"
+        class="ml-4 max-h-[1.9rem] place-self-center text-nowrap"
       />
     </div>
     <MultiSelect
diff --git a/client/src/main.js b/client/src/main.js
index 3309719f..2415c96e 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -39,6 +39,7 @@ import StepperPanel from 'primevue/stepperpanel'
 import TabPanel from 'primevue/tabpanel'
 import TabView from 'primevue/tabview'
 import Textarea from 'primevue/textarea'
+import ToggleButton from 'primevue/togglebutton'
 import TreeSelect from 'primevue/treeselect'
 // layout components
 import DefaultLayout from '@/components/layout/DefaultLayout.vue'
@@ -86,6 +87,7 @@ app.component('StepperPanel', StepperPanel)
 app.component('TabPanel', TabPanel)
 app.component('TabView', TabView)
 app.component('Textarea', Textarea)
+app.component('ToggleButton', ToggleButton)
 app.component('TreeSelect', TreeSelect)
 
 app.component('DefaultLayout', DefaultLayout)