WIP toggle fmt

Author: eboileau

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

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)