feat(nds): fix missing @activate-a event handlers
This commit is contained in:
@@ -68,7 +68,15 @@ const { selected, pressed, selectorPosition } = useButtonNavigation({
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
initialButton: "git",
|
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 { action, url } = BUTTONS[button];
|
||||||
const verb = $t(`contact.actions.${button}`);
|
const verb = $t(`contact.actions.${button}`);
|
||||||
if (action === "copy") {
|
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 = () => {
|
const handleActivateB = () => {
|
||||||
if (store.isIntro || store.isOutro) return;
|
if (store.isIntro || store.isOutro) return;
|
||||||
@@ -157,6 +159,7 @@ onRender((ctx) => {
|
|||||||
"
|
"
|
||||||
:b-label="$t('common.quit')"
|
:b-label="$t('common.quit')"
|
||||||
:a-label="$t(`contact.actions.${BUTTONS[selected].action}`)"
|
:a-label="$t(`contact.actions.${BUTTONS[selected].action}`)"
|
||||||
|
@activate-a="handleActivateA(selected)"
|
||||||
@activate-b="handleActivateB"
|
@activate-b="handleActivateB"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -250,6 +250,21 @@ const selectorTransitionOffsetY = computed(() => {
|
|||||||
return store.submenuTransition.offsetY;
|
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 = () => {
|
const handleActivateB = () => {
|
||||||
if (store.isIntro || store.isOutro || store.submenuTransition.opacity < 1)
|
if (store.isIntro || store.isOutro || store.submenuTransition.opacity < 1)
|
||||||
return;
|
return;
|
||||||
@@ -318,6 +333,7 @@ const handleActivateB = () => {
|
|||||||
:y-offset="store.barOffsetY + store.submenuButtonsOffsetY"
|
:y-offset="store.barOffsetY + store.submenuButtonsOffsetY"
|
||||||
:b-label="isSubmenuSelected ? $t('common.goBack') : $t('common.quit')"
|
:b-label="isSubmenuSelected ? $t('common.goBack') : $t('common.quit')"
|
||||||
:a-label="$t('common.select')"
|
:a-label="$t('common.select')"
|
||||||
|
@activate-a="handleActivateA()"
|
||||||
@activate-b="handleActivateB()"
|
@activate-b="handleActivateB()"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -225,6 +225,7 @@ defineOptions({
|
|||||||
:y-offset="confirmationModal.buttonsYOffset + store.submenuButtonsOffsetY"
|
:y-offset="confirmationModal.buttonsYOffset + store.submenuButtonsOffsetY"
|
||||||
:b-label="bLabel"
|
:b-label="bLabel"
|
||||||
:a-label="aLabel"
|
:a-label="aLabel"
|
||||||
|
@activate-a="handleActivateA"
|
||||||
@activate-b="handleActivateB"
|
@activate-b="handleActivateB"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|||||||
@@ -196,6 +196,7 @@ onRender((ctx) => {
|
|||||||
:y-offset="confirmationModal.buttonsYOffset + store.submenuButtonsOffsetY"
|
:y-offset="confirmationModal.buttonsYOffset + store.submenuButtonsOffsetY"
|
||||||
:b-label="bLabel"
|
:b-label="bLabel"
|
||||||
:a-label="aLabel"
|
:a-label="aLabel"
|
||||||
|
@activate-a="handleActivateA"
|
||||||
@activate-b="handleActivateB"
|
@activate-b="handleActivateB"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user