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

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

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

: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, чтобы добавить еще один раздел, или сохраните изменения.
Скриншоты конфигурации администратора с примером настройки

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

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

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

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

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

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

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

Пользователь @Catra видит меню «Кошки»! :grinning_cat:

Пользователь @HelloKitty видит меню «Собаки»! :dog_face:

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

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

Заголовок меню: "Кошачьи дела"
Разрешенные группы: 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 — её вклад, вдохновение и отзывы были неоценимы.


Посмотрите мои другие материалы по Discourse
13 лайков

Похоже, у меня возникает ошибка 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 лайка