Меню боковой панели группы Discourse

:information_source: Краткое описание Создание пользовательских боковых меню для выбранных групп
:eyeglasses: Предпросмотр Присоединитесь к группе создателей тем, а затем просмотрите здесь
:hammer_and_wrench: Репозиторий https://github.com/Lillinator/discourse-group-sidebar-menus
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Начинающее руководство по использованию тем Discourse

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

:woman_technologist:t2: Обзор

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

Ключевые особенности:

  • Отображение меню на основе групп — разделы меню отображаются в боковой панели только для авторизованных пользователей
  • Конфигурация на основе объектов — удобный интерфейс настроек для создания меню
  • Несколько разделов — создание неограниченного количества разделов меню для разных групп (в разумных пределах)
  • Ссылка на быстрое редактирование администратором — значок карандаша в заголовках меню ведет администраторов напрямую к настройкам компонента

:briefcase: Примеры использования

  • Ресурсы и быстрые ссылки только для сотрудников
  • Ярлыки для модераторов категорий
  • Пользовательские порталы групп (проектные команды, учебные группы, книжные клубы, участники VIP)
  • Ссылки на ресурсы родительского или партнерского веб-сайта

:gear: Настройки

Разделы меню (menu_sections)

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

Свойства раздела

Свойство Описание
Заголовок меню Заголовок, отображаемый как заголовок раздела боковой панели
Разрешенные группы Группы, которым разрешено просматривать этот раздел меню (максимум: 20 групп на раздел)
Ссылки меню Набор ссылок для отображения в этом разделе (максимум: 20 ссылок на раздел)

Свойства ссылки

Свойство Описание
Значок Название значка FontAwesome (например, circle-info, star, user-group). Возможно, потребуется добавить его в Admin > Все настройки сайта > набор иконок svg
Текст Отображаемая метка для ссылки
URL Целевой адрес ссылки — поддерживает как относительные пути (/faq, /my/preferences), так и абсолютные URL-адреса (https://example.com)

:wrench: Установка и конфигурация

  1. Установите компонент темы согласно инструкции: Installing a theme or theme component.
  2. Перейдите в Редактор настроек объектов.
  3. Нажмите кнопку + new_menu_section, чтобы настроить первый пользовательский раздел меню.
  4. Задайте новое меню заголовок в поле Menu title, затем выберите группы, которым вы хотите предоставить к нему доступ.
  5. Нажмите + new_menu_section, чтобы добавить еще один раздел, или сохраните изменения.
Скриншоты конфигурации администратора с примером настройки

Свежая установка — перейдите в Редактор настроек объектов.

Примерный сценарий с 2 пользовательскими меню и 3 пользователями, один из которых является администратором:

  • @Catra любит кошек и является членом группы pink, которая будет иметь доступ к меню Cat Menu :grinning_cat:
  • @HelloKitty любит собак и является членом группы purple, которая будет иметь доступ к меню Dog Menu :dog_face:
  • @Lilly является членом группы purple, потому что у нее есть собака, а собаки лучше. Однако она также является администратором форума, и администраторы будут иметь доступ к меню Cat Menu, потому что за кошками нужен более пристальный надзор :dog_face: :cat_with_wry_smile:

Создайте новое пользовательское меню — для нашего примера создайте Cat menu и добавьте группы, которым разрешен к нему доступ: pink и admins. Затем нажмите кнопку + menu_link, чтобы настроить ссылки для нового меню.

Добавьте ссылки меню — 1. Название значка FontAwesome, 2. текст для отображения ссылки и 3. URL-адрес (относительный или абсолютный). Нажмите кнопку + menu_link, чтобы добавить еще одну ссылку в это меню.

Создайте еще один пользовательский раздел меню под названием Dog menu, предоставьте доступ только группе purple и настройте ссылки:

Скриншоты результата доступа к боковому меню

Пользователь @Catra видит меню Cat! :grinning_cat:

Пользователь @HelloKitty видит меню Dog! :dog_face:

Пользователь-администратор @Lilly видит оба меню и может их редактировать! :smiling_cat_with_heart_eyes:

Пример конфигурации

Заголовок меню: "Cat Stuff"
Разрешенные группы: team-cat
Ссылки:
  - Значок: link
    Текст: Видео и фото с кошками
    URL: /t/cat-videos-and-photos/123
  - Значок: magnifying-glass
    Текст: Википедия о кошках
    URL: https://en.wikipedia.org/wiki/Cat

:light_bulb: Важные замечания

Доступ администратора

Администраторы должны добавить себя в группы, чтобы видеть меню, настроенные для этих групп. Сам статус администратора не дает доступа ко всем пользовательским меню. Это сделано намеренно! Кроме того, администраторы, входящие в разрешенные группы меню, увидят значок карандаша в заголовке раздела, который ведет к настройкам компонента.

Конфигурация групп

  • Группа everyone не поддерживается — используйте встроенный интерфейс нижнего колонтитула боковой панели для создания глобальных пользовательских меню для всех пользователей, включая анонимных посетителей.
  • Максимум 20 групп на раздел меню. Если вам нужно больше, создайте дублирующие разделы с разными назначениями групп.
  • Пользователи, входящие в несколько групп, увидят все разделы меню, к которым у них есть доступ.

Тестирование и организация

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

Вопросы безопасности

Этот компонент обеспечивает только контроль доступа на уровне интерфейса. Он управляет видимостью меню, но не доступом к ресурсам — этот компонент контролирует только то, что отображается в боковой панели, а не то, кто может получить доступ к самим ресурсам.

Всегда полагайтесь на встроенную систему разрешений Discourse для защиты реальных ресурсов:

  • Правильно настройте разрешения категорий
  • Установите ограничения видимости тем
  • Используйте контроль доступа на основе групп для контента
  • Убедитесь, что для доступа к закрытым ресурсам требуется аутентификация

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


Это был совместный проект с @Moin — ее вклад, вдохновение и отзывы были неоценимы.

12 лайков

Похоже, у меня возникает ошибка 404 на репозитории.

EDIT: Всё в порядке!

2 лайка

ха-ха, попробуй ещё раз. забыл сделать это публичным! :laughing:

6 лайков

Превосходно! Я давно этого хотел. Я создал для себя отличную коллекцию полезных пользовательских боковых меню: ссылки для модерации, задач администраторов и справочной информации, документации Discourse, внешнего контента, к которому мы часто обращаемся на форуме, и так далее. В одном из меню есть ссылки на различные периодические встречи, использующие просто ссылку с тегом, например /tag/comm-mgt-monthly, что помогает мне быстро переходить к текущим и предыдущим повесткам дня и протоколам.

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

И иконки! Ура! Насколько я знаю, единственным способом сделать это было добавление пользовательского CSS. Это новое решение элегантно.

И устойчиво! Все администраторы смогут редактировать файлы конфигурации, так что зависимость только от меня исчезнет. Спасибо @Lilly и @Moin!

1 лайк

Привет @Lilly и @Moin,

Спасибо за создание этого компонента.

Я использовал Group sidebar menu sections - deprecated на своём самодостаточном сайте, и при последнем обновлении получил предупреждение, что старый тематический компонент устарел, и нужно установить этот.

Я установил компонент и создал своё собственное меню групп, но не понимаю, как переместить меню групп. (Наверное, я просто не вижу очевидного :see_no_evil_monkey:) На ваших скриншотах Cat Menu и Dog Menu находятся в боковом меню навигации выше раздела Topics, но моё собственное меню групп отображается в самом низу боковой навигации. Как переместить его выше раздела Topics?

1 лайк

Это не очевидно. Lilly использовала Discourse Sidebar Menu Reorder, чтобы разместить cat-menu вверху.

3 лайка

Огромное спасибо! Настройка прошла очень легко.

3 лайка