From 0b91bb689b34fbfcc07c3451b3d9d1ff1f1b28e3 Mon Sep 17 00:00:00 2001
From: jensmjahle <126790845+jensmjahle@users.noreply.github.com>
Date: Mon, 29 Apr 2024 14:00:07 +0200
Subject: [PATCH] Add tab and enter controls for ActiveMilestoneDisplay.vue
---
src/components/milestone/ActiveMilestoneDisplay.vue | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/src/components/milestone/ActiveMilestoneDisplay.vue b/src/components/milestone/ActiveMilestoneDisplay.vue
index f654cb6..127924e 100644
--- a/src/components/milestone/ActiveMilestoneDisplay.vue
+++ b/src/components/milestone/ActiveMilestoneDisplay.vue
@@ -17,8 +17,10 @@ const imageUrl = "src/assets/pig.png"
const openMilestone = () => {
if (props.id !== undefined) {
- useMilestoneStore().setMilestoneId(props.id)
+ useMilestoneStore().setMilestoneId(props.id)
router.push("/homepage/path")
+
+ console.log(useMilestoneStore().$state.milestoneId)
}
console.log("Milestone id is not defined")
}
@@ -29,6 +31,8 @@ const openMilestone = () => {
<template>
<div class="active-milestone-display"
@click="openMilestone"
+ @keyup.enter="openMilestone"
+ tabindex="0"
:style="{
backgroundImage: image ? 'url(' + image + ')' : 'url(' + imageUrl + ')'
}">
--
GitLab