/ / Индикация количества новых сообщений dle

Индикация количества новых сообщений dle

Написал Sheckler, 20.08.2019, 19:10
Категория
Разработчик
Sheckler (dleplugin.ru)
Версия
0.1a
 

Описание

На дворе уже 2019 год, поэтому я свои сайты во всю перевожу на новую индикацию количества новых сообщений в DLE как на современных сайтах. Изначально в DLE просто ставится ссылка в шаблоне login.tpl такого вида:

<a href="{pm-link}">Сообщений: {new-pm}</a>


Ну ребят, совсем не серьезно же. По итогу я сделал небольшой плагин в котором подготовил FIX индикации путём создания автоматической ссылки, которая обрабатывается CSS стилями, притом за счет стилей мы получаем достаточно гибкую настройку вида информирования о новых ЛС (личных сообщениях), то есть по сути новую индикацию.

Вместо старой реализации теперь мы просто добавляем новый тег в шаблоне login.tpl

{new-pm}

Как это работает?

Работает это всё достаточно просто, необходимо установить плагин и разместить следующий код в свой файл стилей:

.new-pm-link {
color: #11b546;
}
.new-pm {
display: inline-block;
position: relative;
vertical-align: top;
padding: 0;
font-size: 0;
background: #28d03d;
width: 5px;
height: 5px;
border-radius: 5px;
}

Таким образом мы оформили ссылку так, что при наличии новых сообщений мы можем отображать количество и подсвечивать кнопку на ЛС, либо же просто подсветить кнопку скрыв span с количеством сообщений, либо даже превратить span в зелёную точку сверху справа. В общем вариантов реализации действительно много, всё зависит от знаний CSS и фантазии :)

Дополнительно я подключил CSS анимацию, которая покачивает слева направо кнопку по типу будильника или колокольчика, которая также привлекает к себе внимание. Данный код я приложу в архиве.

Также обращаю внимание, что требуется подключенный fontawesome.io для правильной работы. Если Вы не используете и/или не хотите использовать fontawesome, то просто выполните изменения в действиях файлов плагина:

Найти:
<i class=\"fas fa-envelope\"></i>

Заменить:
<img src=\"АДРЕС_ИКОНКИ_ЛС\" alt=\"Личные сообщения\"/>


Ребят мод не сложный, но полезный, поэтому я решил распространять его на платной основе за символическую сумму, скажем так себе на кофе за идею и помощь :)

Условия пользования

1. Данный плагин запрещено передавать 3-м лицам;
2. При размещении информации о плагине на сторонних сайтах (кроме dleplugin.ru и guide-group.ru) необходимо указывать ссылку на сайт dleplugin.ru на страницу плагина как источник.
3. Данный плагин продаётся и может продаваться только на сайте dleplugin.ru
4. Запрещено свободное распространение и передача файла для бесплатного скачивания.
5. Плагин может использоваться на всех своих сайтах по желанию, но запрещен для передачи к третьим лицам.

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

Комментариев 2

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
  1. Написал 25/09/2019
    А иконка покажет уведомления только после перезагрузки страници? или будет моргать без перезагрузки если кто то написал лс
    1. Написал 25/09/2019
      Да, там аякс не подключен, плагин меняет именно визуальную часть. Но на самом деле можно доработать так, чтобы он аяксом подгружал информацию без перезагрузки, это конечно будет красиво, но с другой стороны особой необходимости в этом нет.

      Вообще у меня в процессе разработки мод уведомлений, который колокольчиком будут информировать о чем-то новом — ответах на комментарии, новых ЛС, лайках посту, по типу реализации ВК.