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