🔔 Больше никаких пропущенных уведомлений 🔔

Приветствую! Сегодня я хочу поделиться с вами небольшим, но очень полезным улучшением, речь пойдет о системе уведомлений, а точнее о том, как сделать так, чтобы вы точно не пропустили ни одного важного события!

Мы все знаем, как это бывает: отвлекся на минутку, открыл новую вкладку, и вот уже упустил личное сообщение, ответ на свой комментарий или упоминание в интересной дискуссии. Чтобы этого больше не происходило, мы добавим небольшую, но очень эффективную фишку — динамическое изменение заголовка страницы при поступлении новых уведомлений.

И что самое приятное, реализовать это улучшение не займет много времени и состоит из нескольких простых шагов:

Заходим в директорию проекта и находим файл resources/views/default/scripts.php открываем файл. Ищем в файле строку const update_time сразу после строки добавляем константу const site_name = "<?= config('meta', 'title'); ?>";. Эта строка сохранит название нашего сайта, чтобы использовать его в заголовке.

Создаем функцию: эта функция будет отвечать за динамическое изменение заголовка страницы.

function notif_title(o, a) {
    document.title == o ? (document.title = a) : (document.title = o)
}

Теперь найдите строку number.innerHTML = data.length; сразу после этой строки вставляем следующий блок:

setIntesetInterval(function() {
    notif_title('\uD83D\uDCAC (+'+ data.length +') '  + site_name + '', '\uD83D\uDD14 (+'+ data.length +') '  + site_name + '');
}, 2000);

Этот код будет каждые 2 секунды менять заголовок страницы, если у вас есть новые уведомления. Это позволит вам мгновенно увидеть, что произошло что-то важное, даже если вы находитесь на другой вкладке.

Если вам понравилась эта идея, в будущем мы можем также добавить звуковое уведомление, чтобы вы точно ничего не пропустили. Что вы думаете об этом улучшении? Поделитесь своим мнением в комментариях!