Перехід з Jquery jGrowl на власний модуль hotengine_notify
У рамках стратегії підвищення продуктивності було здійснено повну заміну JQuery jGrowl на чистий JavaScript.
Новий модуль hotengine_notify — це наше власне рішення, яке повністю зберігає звичну логіку сповіщень, але позбавляє проект від зайвих залежностей та важких бібліотек.
- Швидкість: Відсутність JQuery робить ініціалізацію сповіщень миттєвою.
- Вага: Код модуля зменшено у кілька разів порівняно з оригінальним плагіном.
- Нативність: Повна підтримка сучасних стандартів ES6+.
Гайд для розробників та інтеграторів
Функціонал hotengine_notify повністю ідентичний jGrowl. Якщо ви використовували кастомні виклики у своїх скриптах, достатньо лише змінити назву функції. Всі ключові параметри (life, header, sticky, theme) працюють за попередньою схемою.
Приклади використання
1. Базовий виклик (Інформаційне повідомлення)Просте сповіщення, яке зникне автоматично через 3 секунди.
hotengine_notify('Зміни успішно збережено');Використовуйте тему error для критичних помилок. Таке повідомлення не закриється, поки користувач не натисне на хрестик.
hotengine_notify('Помилка доступу до розділу', {
header: 'Системне переривання',
theme: 'error',
sticky: true
});Тепер ви можете легко виконувати код при закритті сповіщення через beforeClose. Це корисно для роботи з куками або надсилання статистики.
hotengine_notify('У вас нове сповіщення', {
beforeClose: function(el, msg) {
// Приклад: ставимо куку про прочитання на 24 години
document.cookie = "notify_read=1; path=/; max-age=86400;";
}
});Локалізація інтерфейсу
Ми винесли всі текстові елементи (наприклад, кнопку «Закрити все») в CSS. Модуль автоматично визначає мову сторінки через атрибут lang у тегу HTML. Наразі підтримуються:
- RU: [ Закрыть все ]
- UK: [ Закрити все ]
- PL: [ Zamknij wszystko ]
- EN: [ Close all ]
BooStore.pro — працюємо над швидкістю, щоб ви працювали над результатом.