option to disable listboxes, asc/desc listbox is now disabled if ther…

…e is no sortable col selected
acdh-oeaw · May 15, 2024 · 7bed47d · 7bed47d
1 parent ff2c923
commit 7bed47d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/components/generic-listbox.vue b/components/generic-listbox.vue
@@ -18,6 +18,7 @@ defineProps<{
 	items: Array<{ label: string; value: string }>;
 	defaultLabel?: string;
 	buttonClass?: string;
+	disabled?: boolean;
 }>();
 
 defineEmits(["change"]);
@@ -27,6 +28,7 @@ defineEmits(["change"]);
 	<!-- eslint-disable tailwindcss/no-contradicting-classname -->
 	<Listbox
 		v-model="model"
+		:disabled="disabled"
 		as="div"
 		class="relative"
 		@update:model-value="(to) => $emit('change', to)"
@@ -41,7 +43,7 @@ defineEmits(["change"]);
 			portal
 			adaptive-width
 		>
-			<div class="flex w-full items-center gap-4">
+			<div class="flex w-full items-center gap-4" :class="disabled && 'opacity-50'">
 				<ListboxLabel v-if="$slots.label">
 					<slot name="label" />
 				</ListboxLabel>

diff --git a/components/sort-menu.vue b/components/sort-menu.vue
@@ -67,6 +67,7 @@ const direction = computed({
 		</GenericListbox>
 		<GenericListbox
 			v-model="direction"
+			:disabled="!sortedCol"
 			button-class="shadow-none"
 			:items="[
 				{ value: 'asc', label: t('collection-keys.generic.asc') },