feat(nds): fix missing @activate-a event handlers
This commit is contained in:
@@ -68,7 +68,15 @@ const { selected, pressed, selectorPosition } = useButtonNavigation({
|
||||
},
|
||||
},
|
||||
initialButton: "git",
|
||||
onActivate: async (button) => {
|
||||
onActivate: (button) => handleActivateA(button),
|
||||
disabled: computed(() => store.isIntro || store.isOutro),
|
||||
selectorAnimation: {
|
||||
duration: 0.075,
|
||||
ease: "none",
|
||||
},
|
||||
});
|
||||
|
||||
const handleActivateA = async (button: typeof selected.value) => {
|
||||
const { action, url } = BUTTONS[button];
|
||||
const verb = $t(`contact.actions.${button}`);
|
||||
if (action === "copy") {
|
||||
@@ -94,13 +102,7 @@ const { selected, pressed, selectorPosition } = useButtonNavigation({
|
||||
},
|
||||
});
|
||||
}
|
||||
},
|
||||
disabled: computed(() => store.isIntro || store.isOutro),
|
||||
selectorAnimation: {
|
||||
duration: 0.075,
|
||||
ease: "none",
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
const handleActivateB = () => {
|
||||
if (store.isIntro || store.isOutro) return;
|
||||
@@ -157,6 +159,7 @@ onRender((ctx) => {
|
||||
"
|
||||
:b-label="$t('common.quit')"
|
||||
:a-label="$t(`contact.actions.${BUTTONS[selected].action}`)"
|
||||
@activate-a="handleActivateA(selected)"
|
||||
@activate-b="handleActivateB"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -250,6 +250,21 @@ const selectorTransitionOffsetY = computed(() => {
|
||||
return store.submenuTransition.offsetY;
|
||||
});
|
||||
|
||||
const handleActivateA = () => {
|
||||
if (store.isIntro || store.isOutro || store.submenuTransition.opacity < 1)
|
||||
return;
|
||||
|
||||
if (isSubMenu(selected.value)) {
|
||||
store.openSubMenu(selected.value);
|
||||
} else {
|
||||
if (selected.value === "options") select("optionsLanguage");
|
||||
if (selected.value === "clock") select("clockAchievements");
|
||||
if (selected.value === "user") select("userUserName");
|
||||
if (selected.value === "touchScreen")
|
||||
store.openSubMenu("touchScreenTapTap");
|
||||
}
|
||||
};
|
||||
|
||||
const handleActivateB = () => {
|
||||
if (store.isIntro || store.isOutro || store.submenuTransition.opacity < 1)
|
||||
return;
|
||||
@@ -318,6 +333,7 @@ const handleActivateB = () => {
|
||||
:y-offset="store.barOffsetY + store.submenuButtonsOffsetY"
|
||||
:b-label="isSubmenuSelected ? $t('common.goBack') : $t('common.quit')"
|
||||
:a-label="$t('common.select')"
|
||||
@activate-a="handleActivateA()"
|
||||
@activate-b="handleActivateB()"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -225,6 +225,7 @@ defineOptions({
|
||||
:y-offset="confirmationModal.buttonsYOffset + store.submenuButtonsOffsetY"
|
||||
:b-label="bLabel"
|
||||
:a-label="aLabel"
|
||||
@activate-a="handleActivateA"
|
||||
@activate-b="handleActivateB"
|
||||
/>
|
||||
|
||||
|
||||
@@ -196,6 +196,7 @@ onRender((ctx) => {
|
||||
:y-offset="confirmationModal.buttonsYOffset + store.submenuButtonsOffsetY"
|
||||
:b-label="bLabel"
|
||||
:a-label="aLabel"
|
||||
@activate-a="handleActivateA"
|
||||
@activate-b="handleActivateB"
|
||||
/>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user