rowan/multi-account-containers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add to onboarding panels enter handlers for keyboard nav

Browse source
This commit is contained in:
dnahol 2019-11-02 06:20:40 -07:00
parent e0a1a951ff
commit 43e9261c5f
1 changed files with 42 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/js/popup.js
View file

@ -413,9 +413,14 @@ Logic.registerPanel(P_ONBOARDING_1, {
initialize() {
// Let's move to the next panel.
[...document.querySelectorAll(".onboarding-start-button")].forEach(startElement => {
Logic.addEnterHandler(startElement, async () => {
Logic.addEnterHandler(startElement.parentNode, async (e) => {
if(e.target === startElement
|| (e.keyCode === 13
&& e.target === startElement.parentNode) ) {
await Logic.setOnboardingStage(1);
Logic.showPanel(P_ONBOARDING_2);
}
});
});
},
@ -437,9 +442,14 @@ Logic.registerPanel(P_ONBOARDING_2, {
initialize() {
// Let's move to the containers list panel.
[...document.querySelectorAll(".onboarding-next-button")].forEach(nextElement => {
Logic.addEnterHandler(nextElement, async () => {
Logic.addEnterHandler(nextElement.parentNode, async (e) => {
if(e.target === nextElement
|| (e.keyCode === 13
&& e.target === nextElement.parentNode) ) {
await Logic.setOnboardingStage(2);
Logic.showPanel(P_ONBOARDING_3);
}
});
});
},
@ -461,9 +471,14 @@ Logic.registerPanel(P_ONBOARDING_3, {
initialize() {
// Let's move to the containers list panel.
[...document.querySelectorAll(".onboarding-almost-done-button")].forEach(almostElement => {
Logic.addEnterHandler(almostElement, async () => {
Logic.addEnterHandler(almostElement.parentNode, async (e) => {
if(e.target === almostElement
|| (e.keyCode === 13
&& e.target === almostElement.parentNode) ) {
await Logic.setOnboardingStage(3);
Logic.showPanel(P_ONBOARDING_4);
}
});
});
},
@ -483,9 +498,15 @@ Logic.registerPanel(P_ONBOARDING_4, {
// This method is called when the object is registered.
initialize() {
// Let's move to the containers list panel.
Logic.addEnterHandler(document.querySelector("#onboarding-done-button"), async () => {
const doneElement = document.querySelector("#onboarding-done-button");
Logic.addEnterHandler(doneElement.parentNode, async (e) => {
if(e.target === doneElement
|| (e.keyCode === 13
&& e.target === doneElement.parentNode) ) {
await Logic.setOnboardingStage(4);
Logic.showPanel(P_ONBOARDING_5);
}
});
},
@ -504,9 +525,15 @@ Logic.registerPanel(P_ONBOARDING_5, {
// This method is called when the object is registered.
initialize() {
// Let's move to the containers list panel.
Logic.addEnterHandler(document.querySelector("#onboarding-longpress-button"), async () => {
const lpElement = document.querySelector("#onboarding-longpress-button");
Logic.addEnterHandler(lpElement.parentNode, async (e) => {
if(e.target === lpElement
|| (e.keyCode === 13
&& e.target === lpElement.parentNode) ) {
await Logic.setOnboardingStage(5);
Logic.showPanel(P_CONTAINERS_LIST);
}
});
},