 |
Краткое описание | F NAV — Мобильные вкладки навигации |
 |
Предварительный просмотр | Theme Creator |
 |
Репозиторий | GitHub - VaperinaDEV/f-nav-for-mobile: F NAV - Mobile Navigation Tabs · GitHub |
 |
Руководство по установке | Как установить тему или компонент темы |
 |
Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse |
Установить этот компонент темы
Привет 
Ранее я создал тему Development topic с концепцией компонента темы, и теперь он готов к использованию в качестве Customization > Theme component.
Пожалуйста, обязательно протестируйте его перед использованием на живом сайте.
Некоторая информация о компоненте: F NAV - Theme component concept
О компоненте темы. Я прочитал множество сообщений о том, как было бы здорово сделать Панель вкладок Discourse для мобильных устройств более динамичной и добавить возможность обработки, например, уведомлений и т. д. F NAV может делать это и многое другое…
Заголовок
Он скрывает кнопку «гамбургер», меню пользователя, поиск и чат, и добавляет кнопку меню профиля (аватара), которая содержит содержимое вкладки профиля стандартного меню пользователя.
Настройки
Он также содержит настройку, где вы можете добавлять пользовательские элементы перед элементом «Выйти».
Он содержит три поля, где вы можете легко добавлять пользовательские элементы.
Есть некоторые настройки для отображения/скрытия стандартных значков заголовка, что полезно, когда вы не хотите размещать точную вкладку в F NAV, и она будет отображаться в заголовке.
Вкладки
Возможно связать различные функции с вкладками. Эти функции позволяют каждой вкладке изменяться динамически.
Такие изменения включают:
Функции
home
- переключает значок вкладки «Главная» на маршрутах тем на левую стрелку, которая добавляет функцию «Назад»
- добавляет индикатор новой или непрочитанной темы
hamburger (открывает меню «гамбургер»)
multi
multi tab
Вкладка «Multi» автоматически меняется на вкладку сообщений, если чат не включен или пользователь отключил его в
настройках пользователя.
Пузырек уведомлений меняется в зависимости от того, является ли уведомление срочным или нет.
Срочные уведомления на вкладке Multi зеленые и выглядят так. 
Расширенный вид
Личное сообщение всегда зеленое, но чат может быть синим, как изначально, например, уведомление о непрочитанном сообщении в канале.
Расширенный вид
Одно уведомление
message
- добавляет кнопку сообщений с уведомлениями, и при нажатии на нее открывается модальное окно сообщений для быстрого просмотра
chat
- добавляет кнопку чата с его функциями
notificationToRoute
-
если включен режим «Не беспокоить», значок колокольчика изменится на значок колокольчика с чертой, и время режима «Не беспокоить» будет отображаться
-
перенаправляет на страницу уведомлений профиля, обходя меню уведомлений
- если есть уведомление, перенаправляет на
/notifications?filter=unread - если нет уведомлений, перенаправляет на
/notifications - если есть проверяемый контент, появится красный флаг и перенаправляет на
/review
- если есть уведомление, перенаправляет на
notificationMenu
-
если включен режим «Не беспокоить», значок колокольчика изменится на значок колокольчика с чертой, и время режима «Не беспокоить» будет отображаться
-
открывает меню уведомлений
search
- перенаправляет на страницу поиска
/searchс учетом контекста
Настройки
Я постарался сделать настройки максимально простыми.
Будет содержаться четыре поля.
- name: Это нужно только для более удобной идентификации вкладки в настройках.
- icon: Добавляет значок к вкладке. Примечание: Если вы выберете функцию, могут быть значки, которые не могут быть переопределены этой настройкой.
- destination: Добавляет пункт назначения для вашей пользовательской вкладки. Примечание: Если вы выберете функцию, которая будет обрабатывать пункт назначения, вы можете оставить это поле пустым. Компонент автоматически преобразует пункты назначения
/my/...в/u/username/..., чтобы статус активности вкладок мог быть добавлен правильно. - function: Выберите функцию для вкладки.
Администраторы могут просто создавать/удалять/изменять вкладки и выбирать одну из функций или добавлять пользовательский пункт назначения к вкладке.
Функции
Например, добавление вкладки создания темы будет выглядеть следующим образом.
Благодарности: Панель вкладок Discourse для мобильных устройств и спасибо всем за отзывы в теме Концепция компонента темы F NAV. 
.
Это должно работать с 
). Мои пользователи довольно сильно жаловались на это, потому что теперь им приходится тянуться к логотипу (проблема первой страны, я знаю 
)
