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

for #20: start onboarding UI in pop-up (#29)

Browse Source 
* for #20: start onboarding UI in pop-up

* updated onboarding images

* fix open-containers-preferences message method

* add title text to sort-containers-link img
This commit is contained in:
luke crouch
2017-01-06 11:09:22 -06:00
committed by Jonathan Kingston
parent 96516c2b46
commit 679d8b9fbb
5 changed files with 71 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webextension/js/popup.js
+29 -3
View File
@@ -1,4 +1,4 @@
/* global browser, window, document */
/* global browser, window, document, localStorage */
const CONTAINER_HIDE_SRC = '/img/container-hide.svg';
const CONTAINER_UNHIDE_SRC = '/img/container-unhide.svg';
@@ -40,6 +40,33 @@ function showContainerTabs(containerId) {
hideorshowIcon.src = CONTAINER_HIDE_SRC;
}
if (localStorage.getItem('onboarded2')) {
for (const element of document.querySelectorAll('.onboarding')) {
element.classList.add('hide');
}
document.querySelector('#container-panel').classList.remove('hide');
} else if (localStorage.getItem('onboarded1')) {
document.querySelector('.onboarding-panel-1').classList.add('hide');
document.querySelector('#container-panel').classList.add('hide');
} else {
document.querySelector('.onboarding-panel-2').classList.add('hide');
document.querySelector('#container-panel').classList.add('hide');
}
document.querySelector('#onboarding-next-button').addEventListener('click', ()=> {
localStorage.setItem('onboarded1', true);
document.querySelector('.onboarding-panel-2').classList.remove('hide');
document.querySelector('.onboarding-panel-1').classList.add('hide');
document.querySelector('#container-panel').classList.add('hide');
});
document.querySelector('#onboarding-done-button').addEventListener('click', ()=> {
localStorage.setItem('onboarded2', true);
document.querySelector('.onboarding-panel-1').classList.add('hide');
document.querySelector('.onboarding-panel-2').classList.add('hide');
document.querySelector('#container-panel').classList.remove('hide');
});
browser.runtime.sendMessage({method: 'query'}).then(identities=> {
const identitiesListElement = document.querySelector('.identities-list');
@@ -101,9 +128,8 @@ browser.runtime.sendMessage({method: 'query'}).then(identities=> {
});
});
document.querySelector('#edit-containers-link').addEventListener('click', ()=> {
browser.runtime.sendMessage('open-containers-preferences').then(()=> {
browser.runtime.sendMessage({method: 'open-containers-preferences'}).then(()=> {
window.close();
});
});