-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor: use auro-library build scripts
- Loading branch information
1 parent
cbed764
commit 7c65c30
Showing
9 changed files
with
201 additions
and
267 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,77 @@ | ||
/* eslint-disable jsdoc/require-jsdoc */ | ||
|
||
function initVisibleExample() { | ||
const btn = document.querySelector('#visibleToastBtn'); | ||
const toast = document.querySelector('#visibleToast'); | ||
|
||
btn.addEventListener('click', () => { | ||
if (!toast.hasAttribute('visible')) { | ||
toast.setAttribute('visible', true); | ||
} | ||
}); | ||
} | ||
|
||
/* eslint-disable jsdoc/require-jsdoc */ | ||
|
||
function initVariantToastsExample() { | ||
const btn = document.querySelector('#defaultVariantBtn'); | ||
const toast = document.querySelector('#defaultVariant'); | ||
|
||
btn.addEventListener('click', () => { | ||
if (!toast.hasAttribute('visible')) { | ||
toast.setAttribute('visible', true); | ||
} | ||
}); | ||
|
||
const btnTwo = document.querySelector('#errorVariantBtn'); | ||
const toastTwo = document.querySelector('#errorVariant'); | ||
|
||
btnTwo.addEventListener('click', () => { | ||
if (!toastTwo.hasAttribute('visible')) { | ||
toastTwo.setAttribute('visible', true); | ||
} | ||
}); | ||
|
||
const btnThree = document.querySelector('#successVariantBtn'); | ||
const toastThree = document.querySelector('#successVariant'); | ||
|
||
btnThree.addEventListener('click', () => { | ||
if (!toastThree.hasAttribute('visible')) { | ||
toastThree.setAttribute('visible', true); | ||
} | ||
}); | ||
} | ||
|
||
/* eslint-disable jsdoc/require-jsdoc */ | ||
|
||
function initNoIconExample() { | ||
const btn = document.querySelector('#noIconBtn'); | ||
const toast = document.querySelector('#noIcon'); | ||
|
||
btn.addEventListener('click', () => { | ||
if (!toast.hasAttribute('visible')) { | ||
toast.setAttribute('visible', true); | ||
} | ||
}); | ||
} | ||
|
||
/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */ | ||
|
||
function initExamples(initCount) { | ||
initCount = initCount || 0; | ||
|
||
try { | ||
// javascript example function calls to be added here upon creation to test examples | ||
initVisibleExample(); | ||
initVariantToastsExample(); | ||
initNoIconExample(); | ||
} catch (err) { | ||
if (initCount <= 20) { | ||
// setTimeout handles issue where content is sometimes loaded after the functions get called | ||
setTimeout(() => { | ||
initExamples(initCount + 1); | ||
}, 100); | ||
} | ||
} | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,119 @@ | ||
/* eslint-disable jsdoc/require-jsdoc */ | ||
|
||
function initBasicExample() { | ||
const btn = document.querySelector('#basicToastBtn'); | ||
const toast = document.querySelector('#basicToast'); | ||
|
||
btn.addEventListener('click', () => { | ||
if (!toast.hasAttribute('visible')) { | ||
toast.setAttribute('visible', true); | ||
} | ||
}); | ||
|
||
const btnTwo = document.querySelector('#basicToast-noIconBtn'); | ||
const toastTwo = document.querySelector('#basicToast-noIcon'); | ||
|
||
btnTwo.addEventListener('click', () => { | ||
if (!toastTwo.hasAttribute('visible')) { | ||
toastTwo.setAttribute('visible', true); | ||
} | ||
}); | ||
} | ||
|
||
/* eslint-disable jsdoc/require-jsdoc */ | ||
|
||
function initErrorExample() { | ||
const btn = document.querySelector('#errorToastBtn'); | ||
const toast = document.querySelector('#errorToast'); | ||
|
||
btn.addEventListener('click', () => { | ||
if (!toast.hasAttribute('visible')) { | ||
toast.setAttribute('visible', true); | ||
} | ||
}); | ||
|
||
const btnTwo = document.querySelector('#errorToast-noIconBtn'); | ||
const toastTwo = document.querySelector('#errorToast-noIcon'); | ||
|
||
btnTwo.addEventListener('click', () => { | ||
if (!toastTwo.hasAttribute('visible')) { | ||
toastTwo.setAttribute('visible', true); | ||
} | ||
}); | ||
} | ||
|
||
/* eslint-disable jsdoc/require-jsdoc */ | ||
|
||
function initSuccessExample() { | ||
const btn = document.querySelector('#successToastBtn'); | ||
const toast = document.querySelector('#successToast'); | ||
|
||
btn.addEventListener('click', () => { | ||
if (!toast.hasAttribute('visible')) { | ||
toast.setAttribute('visible', true); | ||
} | ||
}); | ||
|
||
const btnTwo = document.querySelector('#successToast-noIconBtn'); | ||
const toastTwo = document.querySelector('#successToast-noIcon'); | ||
|
||
btnTwo.addEventListener('click', () => { | ||
if (!toastTwo.hasAttribute('visible')) { | ||
toastTwo.setAttribute('visible', true); | ||
} | ||
}); | ||
} | ||
|
||
/* eslint-disable jsdoc/require-jsdoc */ | ||
|
||
function initMultipleToastsExample() { | ||
const btn = document.querySelector('#multiToastBtn-default'); | ||
const toast = document.querySelector('#multiToast-default'); | ||
|
||
btn.addEventListener('click', () => { | ||
if (!toast.hasAttribute('visible')) { | ||
toast.setAttribute('visible', true); | ||
} | ||
}); | ||
|
||
const btnTwo = document.querySelector('#multiToastBtn-error'); | ||
const toastTwo = document.querySelector('#multiToast-error'); | ||
|
||
btnTwo.addEventListener('click', () => { | ||
if (!toastTwo.hasAttribute('visible')) { | ||
toastTwo.setAttribute('visible', true); | ||
} | ||
}); | ||
|
||
const btnThree = document.querySelector('#multiToastBtn-success'); | ||
const toastThree = document.querySelector('#multiToast-success'); | ||
|
||
btnThree.addEventListener('click', () => { | ||
if (!toastThree.hasAttribute('visible')) { | ||
toastThree.setAttribute('visible', true); | ||
} | ||
}); | ||
} | ||
|
||
/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */ | ||
|
||
|
||
function initExamples(initCount) { | ||
initCount = initCount || 0; | ||
|
||
try { | ||
// javascript example function calls to be added here upon creation to test examples | ||
initBasicExample(); | ||
initErrorExample(); | ||
initSuccessExample(); | ||
initMultipleToastsExample(); | ||
} catch (err) { | ||
if (initCount <= 20) { | ||
// setTimeout handles issue where content is sometimes loaded after the functions get called | ||
setTimeout(() => { | ||
initExamples(initCount + 1); | ||
}, 100); | ||
} | ||
} | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.