Toasts дозволяють створювати спливаючі сповіщення, які менш нав'язливі, ніж BannerNotifications від Фандому.
Installation
Usage
Функція скрипта не буде доступна відразу, але вона буде викликати хук через mw.hook. Щоб переконатися, що він доступний, ви можете використовувати:
mw.hook('dev.toasts').add(function(Toasts) {
/**
* Параметр `Toasts` такий самий, як `window.dev.toasts`
* Запустіть свій код тут
*/
});
Кожен тост має свій колір, а тости, що не відповідають стандартному, мають власні піктограми і можуть відображатися за допомогою власних методів:
show- Тип: Метод
- Опис: Відображає тост.
- Параметри:
content- Вміст сповіщення.options- Об’єкт параметрів для адаптації сповіщення.
type- Можливі значення включають:default,info,warning,error, іsuccess.icon- Який тип піктограми використовувати, можливі значення включають:info,warning,error, іsuccess.timeout- Скільки часу відображати повідомлення протягом мілісекунд. За замовчуванням 3000 мс.
info- Тип: Метод
- Опис: Відображає тост із використанням типу
info. - Параметри:
content- Вміст сповіщення.options- Об’єкт параметрів для адаптації сповіщення.
icon- Який тип піктограми використовувати, можливі значення включають:info,warning,error, іsuccess.timeout- Скільки часу відображати повідомлення протягом мілісекунд. За замовчуванням 3000 мс.
error- Тип: Метод
- Опис: Відображається тост із використанням типу
error. - Параметри:
content- Вміст сповіщення.options- Об’єкт параметрів для адаптації сповіщення.
icon- Який тип піктограми використовувати, можливі значення включають:info,warning,error, іsuccess.timeout- Скільки часу відображати повідомлення протягом мілісекунд. За замовчуванням 3000 мс.
warning- Тип: Метод
- Опис: Відображається тост із використанням типу
warning. - Параметри:
content- Вміст сповіщення.options- Об’єкт параметрів для адаптації сповіщення.
icon- Який тип піктограми використовувати, можливі значення включають:info,warning,error, іsuccess.timeout- Скільки часу відображати повідомлення протягом мілісекунд. За замовчуванням 3000 мс.
success- Тип: Метод
- Опис: Відображається тост із використанням типу
success. - Параметри:
content- Вміст сповіщення.options- Об’єкт параметрів для адаптації сповіщення.
icon- Який тип піктограми використовувати, можливі значення включають:info,warning,error, іsuccess.timeout- Скільки часу відображати повідомлення протягом мілісекунд. За замовчуванням 3000 мс.
Examples
Створює стандартний тост і відображає його протягом 5 секунд.
// default toasts
Toasts.show('Привіт світ.', { timeout: 5000 });
Toasts('Привіт знову, світе.', { timeout: 5000 });
Створює різні види тостів.
// інформаційний тост із піктограмою попередження, відображається протягом 10 секунд
Toasts.info('3.1415926...', { icon: 'warning', timeout: 10000 });
// помилка тост без піктограми
Toasts.error('О ні, щось пішло не так!', { icon: 'default' });
// success toast
Toasts.success('Вітаємо, ти зробив це!');