Управление отображением меню навигации (боковая панель)

Lilly · 04.Сентябрь.2023 08:48:00


	Краткое описание	Позволяет отображать разделы и ссылки для сотрудников, авторизованных и анонимных пользователей
	Репозиторий	https://github.com/Lillinator/navigation-menu-display-control
	Руководство по установке	Как установить тему или компонент темы
	Новичок в темах Discourse?	Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Описание

Компонент темы «Контроль отображения меню навигации» позволяет отображать различные стандартные разделы и ссылки только для сотрудников и/или только для авторизованных пользователей. Вы также можете указать пользовательские разделы или ссылки (включены имена-заполнители). Кроме того, существует настройка для отображения пользовательского раздела меню только для анонимных пользователей, а также настройки для определения порядка стандартных разделов (категории, теги, чат, каналы, сообщения). Разделы и ссылки в настройках представляют собой списки, которые можно редактировать с использованием существующих разделов (см. скриншоты ниже), а также добавлять любое количество пользовательских разделов или ссылок.

Настройки

Для пользовательских разделов меню они должны быть видны глобально при их настройке (должен быть установлен флажок «Сделать этот раздел общедоступным и видимым для всех»).

Верхний раздел в коде называется «community», поэтому, если вы хотите скрыть этот раздел, используйте имя раздела «community». Вы можете использовать ссылки, установленные с помощью плагинов, например, ссылки на документацию, годовщины и дни рождения.

Существуют также настройки, которые переопределяют друг друга: наличие конкретной ссылки в разделе «Ещё», видимой только авторизованным пользователям, будет переопределено настройкой выпадающего меню «Ещё», видимой только сотрудникам.

Название настройки	Описание
`show these sections for staff only`	Список разделов, отображаемых только для сотрудников. Можно включать пользовательские разделы с форматом именования slug «Staff Menu = staff-menu».
`show these sections for logged-in only`	Список разделов, отображаемых только для авторизованных пользователей. Можно включать пользовательские разделы с форматом именования slug «User Menu = user-menu».
`show these links for staff only`	Список ссылок, отображаемых только для сотрудников. Можно включать пользовательские ссылки с тем же регистром («Staff Link» = «Staff Link»).
`show these links for logged-in only`	Список ссылок, отображаемых только для авторизованных пользователей. Можно включать пользовательские ссылки с тем же регистром («User Link» = «User Link»).
`show more for staff only`	Флажок для отображения выпадающего раздела «Ещё» только для сотрудников.
`show more for logged-in only`	Флажок для отображения выпадающего раздела «Ещё» только для авторизованных пользователей.
`show custom for anon only`	Текстовое поле для пользовательского раздела меню, отображаемого только для анонимных пользователей (скрывается для авторизованных пользователей).
`show navigation menu to logged-in only`	Флажок для отображения всего бокового меню навигации только авторизованным пользователям (скрывается от анонимных пользователей).
`hide custom menus globe icon`	Скрыть значок глобуса от сотрудников для пользовательских разделов меню (по умолчанию не виден не-сотрудникам).
`default menu section ordering`	Позволяет изменять порядок стандартных разделов меню (не применяется к пользовательским меню)

Скриншоты

Настройки для разделов только для сотрудников и авторизованных пользователей

Настройки для ссылок только для сотрудников и авторизованных пользователей

Настройки для раздела «Ещё», пользовательского раздела меню только для анонимных пользователей, значка глобуса, скрытия всего меню навигации и изменения порядка стандартных разделов меню

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

Lilly · 07.Сентябрь.2023 02:29:35

Добавлен раздел для изменения порядка разделов меню по умолчанию.

nathank · 29.Апрель.2024 17:12:12

Я не думаю, что функция скрытия ссылок работает корректно в данный момент.

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

Однако официальные ссылки, похоже, требуют нижнего регистра. Возможно, они обрабатываются иначе.

Тем не менее — они работают, если используется полный текст заголовка (с пробелами и заглавными буквами). Возможно, нужно изменить только исходный пост (можно ли его викифицировать?) и инструкции в TC. Или, возможно, требуется изменение ядра для обеспечения согласованности.

Lilly · 03.Май.2024 15:00:54

Спасибо, Нейтан. Да, там что-то изменилось. Посмотрю на это в выходные.

Lilly · 04.Май.2024 15:08:03

Хорошо, компонент всё ещё работает корректно, но формат имени класса для пользовательских ссылок изменился, поэтому мне пришлось внести некоторые изменения в документацию полей компонента и в исходный пост. Пожалуйста, обновите компонент темы.

В отличие от пользовательских разделов меню, для пользовательских ссылок имена в настройках компонента должны совпадать по регистру с их фактическими пользовательскими названиями. Конечно, стандартные названия должны оставаться строчными, чтобы всё было ещё более запутанным, ха-ха.

Например, если я хочу отобразить конкретную пользовательскую ссылку «GitHub Repo» только для авторизованных пользователей:

Я введу то же название ссылки в настройке показывать эти ссылки только для авторизованных пользователей в компоненте темы:

Таким образом, если у вас есть пользовательские ссылки в настройках отображения ссылок — показывать эти ссылки только для сотрудников и показывать эти ссылки только для авторизованных пользователей — вам нужно изменить записи в настройках компонента, чтобы они соответствовали названиям ссылок.

Обратите внимание, что для пользовательских разделов меню (не ссылок) соглашение об именовании осталось прежним — это всё ещё строчный стиль URL-адресов (например, «Custom Menu Name» = custom-menu-name).

Спасибо ещё раз, что обратили моё внимание на это, @nathank

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

bitmage · 18.Июнь.2024 17:35:35

Привет, Лилли,

Я заметил:

Я не могу изменить порядок секций, независимо от того, использую ли я имя человека или слаг
Весь боковой панель скрывается для гостей, даже когда я не отмечал этот чекбокс

Lilly · 18.Июнь.2024 18:34:42

Вы не можете изменить порядок пользовательских разделов с помощью этого компонента. Я только что проверил функцию изменения порядка, и она работает как ожидалось.

~~Да, я подтверждаю, что функция скрытия для анонимов не работает. Я исправлю это сегодня. Спасибо, что сообщили.~~

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

thaidb · 02.Июль.2024 16:46:07

Не отображает ли кто-либо в режиме без входа в систему?

Firepup650 · 02.Июль.2024 18:04:26

Это должно быть переключатель…

Lilly · 02.Июль.2024 18:22:23

посмотрите мой пост выше вашего

редактирование: возможно, мне стоит подумать об их удалении и просто использовать скриншот для демонстрации.

Lilly · 18.Июль.2024 02:32:02

Хорошо, я сделал это и отредактировал первое сообщение. Используйте скриншоты в качестве руководства для названий разделов по умолчанию и ссылок.

nathank · 29.Июль.2024 23:06:28

Я думаю, что CSS для раздела ⋮ Ещё изменился (btn-flat больше нет)

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

.anon button.sidebar-more-section-links-details-summary {
    display: none;
}

Вот соответствующий PR:

Lilly · 30.Июль.2024 01:21:35

Это уже слито. Спасибо ещё раз, Натан

Я также исправил скрытие всей боковой панели для анонимной функции, которая работала с ошибками.

kOS · 26.Октябрь.2024 12:37:14

Привет!

Я застрял, пытаясь разобраться, как использовать этот замечательный компонент. Я хочу, чтобы анонимные пользователи видели только кнопку «Стать участником» или что-то подобное.

Не могли бы вы помочь мне?

Lilly · 29.Октябрь.2024 17:58:15

Я предложу вам три разных способа решения этой задачи:

1. Используйте этот компонент темы

Создайте пользовательское боковое меню со ссылкой на /login и используйте эту настройку в компоненте темы:

2. Используйте CSS в новом/существующем теме или компоненте

Если вы просто хотите добавить ссылку в верхнем разделе под «Мои сообщения», вы можете добавить ссылку на /login через ссылку «Еще — Настроить этот раздел» следующим образом. Например, если ссылка называется «Вход или регистрация»:

Затем перейдите к теме или компоненту темы и отредактируйте HTML/CSS следующим образом:

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

.sidebar-section-link-wrapper[data-list-item-name="Login or Signup"] {
  display: none;
}

.anon .sidebar-section-link-wrapper[data-list-item-name="Login or Signup"] {
  display: block;
}

Результат в режиме инкогнито / для анонимного пользователя:

3. Используйте следующий компонент темы

Да, я давно создал специальный компонент темы, который делает именно это. Он также работает в обратном направлении — отображает раздел только для участников (вошедших пользователей).

kOS · 31.Октябрь.2024 12:39:55

Понял. Большое спасибо за подробные инструкции.

Тема		Ответов	Просм.
Sidebar Menu Visibility for Logged-In Users Support sidebar	1	71	25.11.2024
Custom sidebar sections being tested on meta Announcements sidebar	152	11575	21.10.2023
Discourse Group Sidebar Menus Theme component sidebar	6	391	10.02.2026
How to hide Inbox section from sidebar? Support sidebar	2	69	02.07.2024
/admin links in sidebar should be visible only to admins Bug	1	298	07.04.2024