pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(projects): disable prev/next at edges

Browse Source
This commit is contained in:
Stevan
2025-12-18 16:33:41 +01:00
parent e186ac848d
commit 9827e7f929
3 changed files with 33 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/components/Projects/BottomScreen/Buttons.vue
View File

@@ -87,10 +87,16 @@ useScreenClick((x, y) => {
)
return;
if (circleContains(BUTTONS.prev.position, [x, y], CLICK_RADIUS)) {
if (
circleContains(BUTTONS.prev.position, [x, y], CLICK_RADIUS) &&
store.currentProject > 0
) {
startButtonAnimation("prev");
store.scrollProjects("left");
} else if (circleContains(BUTTONS.next.position, [x, y], CLICK_RADIUS)) {
} else if (
circleContains(BUTTONS.next.position, [x, y], CLICK_RADIUS) &&
store.currentProject < store.projects.length - 1
) {
startButtonAnimation("next");
store.scrollProjects("right");
} else if (circleContains(BUTTONS.quit.position, [x, y], CLICK_RADIUS)) {
@@ -106,6 +112,22 @@ useScreenClick((x, y) => {
});
useRender((ctx) => {
// Draw disabled buttons
if (store.currentProject === 0) {
ctx.drawImage(
assets.projects.bottomScreen.prevDisabled,
BUTTONS.prev.position[0] - 14,
BUTTONS.prev.position[1] - 14,
);
}
if (store.currentProject === store.projects.length - 1) {
ctx.drawImage(
assets.projects.bottomScreen.nextDisabled,
BUTTONS.next.position[0] - 14,
BUTTONS.next.position[1] - 14,
);
}
if (currentAnimation?.showButton) {
const image = BUTTONS[currentAnimation.type].image;
ctx.drawImage(
@@ -142,14 +164,19 @@ useKeyDown((key) => {
store.showConfirmationPopup
)
return;
switch (key) {
case "NDS_LEFT":
startButtonAnimation("prev");
store.scrollProjects("left");
if (store.currentProject > 0) {
startButtonAnimation("prev");
store.scrollProjects("left");
}
break;
case "NDS_RIGHT":
startButtonAnimation("next");
store.scrollProjects("right");
if (store.currentProject < store.projects.length - 1) {
startButtonAnimation("next");
store.scrollProjects("right");
}
break;
case "NDS_A":
case "NDS_START":