opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-21 13:50:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

hide select preference bar

Browse Source
This commit is contained in:
Laila Los
2023-12-07 15:10:55 +01:00
parent 149e8d3387
commit 5b74f37746
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Form/Elements/FormSelection.vue
+5 -7
View File
@@ -96,14 +96,12 @@ watch(
{ immediate: true }
);
const displayMany = computed(
() => props.multiple && props.display !== "checkboxes" && props.display !== "radio" && useMany.value
);
const showManyButton = computed(
() => props.multiple && props.display !== "checkboxes" && props.display !== "radio" && !useMany.value
const showSelectPreference = computed(
() => props.multiple && props.display !== "checkboxes" && props.display !== "radio"
);
const displayMany = computed(() => showSelectPreference.value && useMany.value);
const showManyButton = computed(() => showSelectPreference.value && !useMany.value);
const showMultiButton = computed(() => displayMany.value);
</script>
@@ -114,7 +112,7 @@ const showMultiButton = computed(() => displayMany.value);
<FormSelectMany v-else-if="displayMany" v-model="currentValue" :options="currentOptions" />
<FormSelect v-else v-model="currentValue" :multiple="multiple" :optional="optional" :options="currentOptions" />
<div class="d-flex">
<div v-if="showSelectPreference" class="d-flex">
<button v-if="showManyButton" class="ui-link ml-1" @click="useMany = true">switch to column select</button>
<button v-else-if="showMultiButton" class="ui-link ml-1" @click="useMany = false">
switch to simple select