adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-13 18:52:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

add recently tracked timeentries dropdown to timetracker

Browse Source
This commit is contained in:
Gregor Vostrak
2025-02-04 15:12:59 +01:00
parent 18ab1f714b
commit db7111da44
4 changed files with 248 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
resources/js/packages/ui/src/utils/select.ts Normal file
View File

@@ -0,0 +1,75 @@
import {computed, type Ref, watch} from "vue";
import {onKeyStroke} from "@vueuse/core";
export function useSelectEvents<Type>(filteredItems: Ref<Array<Type>>,
highlightedItemId: Ref<string | null>,
getKeyFromItem: (item: Type) => string,
open: Ref<boolean>) {
function moveHighlightUp() {
if (highlightedItem.value) {
const currentHightlightedIndex = filteredItems.value.indexOf(
highlightedItem.value
);
if (currentHightlightedIndex === 0) {
highlightedItemId.value = getKeyFromItem(
filteredItems.value[filteredItems.value.length - 1]
);
} else {
highlightedItemId.value = getKeyFromItem(
filteredItems.value[currentHightlightedIndex - 1]
);
}
}
else {
highlightedItemId.value = getKeyFromItem(filteredItems.value[filteredItems.value.length - 1]);
}
}
function moveHighlightDown() {
if (highlightedItem.value) {
const currentHightlightedIndex = filteredItems.value.indexOf(
highlightedItem.value
);
if (currentHightlightedIndex === filteredItems.value.length - 1) {
highlightedItemId.value = getKeyFromItem(
filteredItems.value[0]
);
} else {
highlightedItemId.value = getKeyFromItem(
filteredItems.value[currentHightlightedIndex + 1]
);
}
}
else{
highlightedItemId.value = getKeyFromItem(filteredItems.value[0]);
}
}
const highlightedItem = computed(() => {
return filteredItems.value.find(
(item) => getKeyFromItem(item) === highlightedItemId.value
);
});
onKeyStroke('ArrowDown', (e) => {
if (open.value === true) {
moveHighlightDown();
e.preventDefault();
}
});
onKeyStroke('ArrowUp', (e) => {
if (open.value === true) {
moveHighlightUp();
e.preventDefault();
}
});
watch(open, (newOpen) => {
if (newOpen === false) {
highlightedItemId.value = null;
}
});
}