| Сводка | F NAV - Мобильные вкладки навигации | |
| Предпросмотр | Theme Creator | |
| Репозиторий | GitHub - VaperinaDEV/f-nav-for-mobile: F NAV - Mobile Navigation Tabs · GitHub | |
| Полезно? | > ./support --coffee | |
| Гид по установке | Как установить тему или компонент темы | |
| Новичок в темах Discourse? | Начальное руководство по использованию тем Discourse |
Установить этот компонент темы
Привет ![]()
Ранее я создал Development тему для него как концепцию компонента темы, и теперь он готов стать Customization > Theme component.
Убедитесь, что протестировали его перед использованием в боевом режиме.
Немного информации о компоненте: F NAV - Theme component concept
О компоненте темы. Я прочитал множество постов о том, что было бы здорово сделать Discourse Tab Bar for Mobile более динамичной и добавить возможность управления, например, уведомлениями и т.д… 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 Tab Bar for Mobile и спасибо всем за обратную связь в теме F NAV - Theme component concept. ![]()


















