Make toast support preventDuplicates (#31501)

make preventDuplicates default to true, users get a clear UI feedback
and know that "a new message appears".

Fixes: https://github.com/go-gitea/gitea/issues/26651

---------

Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
wxiaoguang 2024-06-27 21:58:38 +08:00 committed by GitHub
parent 9bc5552c11
commit c1fe6fbcc3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 86 additions and 39 deletions

View file

@ -1,11 +1,14 @@
import {showInfoToast, showWarningToast, showErrorToast} from '../modules/toast.js';
document.querySelector('#info-toast').addEventListener('click', () => {
showInfoToast('success 😀');
});
document.querySelector('#warning-toast').addEventListener('click', () => {
showWarningToast('warning 😐');
});
document.querySelector('#error-toast').addEventListener('click', () => {
showErrorToast('error 🙁');
});
function initDevtestToast() {
const levelMap = {info: showInfoToast, warning: showWarningToast, error: showErrorToast};
for (const el of document.querySelectorAll('.toast-test-button')) {
el.addEventListener('click', () => {
const level = el.getAttribute('data-toast-level');
const message = el.getAttribute('data-toast-message');
levelMap[level](message);
});
}
}
initDevtestToast();