Как создать вкладку с пользовательской активностью в профиле пользователя?

Разработка
1

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

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

P.S.
Я пытаюсь внести изменения в следующие разделы:

  1. Добавить пользовательскую строку в область метаданных темы (userbit) под именем пользователя в сообщении.
  2. Добавить кнопку в область управления сообщениями для открытия формы.
  3. Добавить пользовательскую вкладку на страницу активности профиля пользователя.
  4. Добавить некоторую пользовательскую сводную информацию на карточку пользователя и в статистику пользователя.
2

Я рекомендую использовать Introducing Discourse developer toolbar .

Затем найдите точку расширения (plugin outlet), куда можно вставить компонент:

image

После этого вы сможете увидеть, например:

На изображении показана панель навигации на веб-сайте или в приложении с вкладками «Сводка», «Активность», «Уведомления», «Сообщения», «Приглашения» и «Значки», включая выделенную вкладку с меткой «user-main-nav» зелёным цветом. (Подпись сгенерирована ИИ)
На изображении показана панель навигации на веб-сайте или в приложении с вкладками «Сводка», «Активность», «Уведомления», «Сообщения», «Приглашения» и «Значки», включая выделенную вкладку с меткой «user-main-nav» зелёным цветом. (Подпись сгенерирована ИИ)1072×137 12.3 KB

Вот руководство по этой теме:

3

Возможно ли запросить плагины-вставки?

Я надеюсь разместить рейтинг репутации пользователя под его именем. Или, исходя из опыта, где было бы хорошим местом для его размещения? topic-map-expanded-after?

Screenshot 2025-04-09 at 11.40.29 PM
Screenshot 2025-04-09 at 11.40.29 PM1704×1100 240 KB

4

Конечно! Вы можете создать тему Development.

По какой-то причине это не отображается, но у вас уже есть outlets вокруг имени поста:

старый ответ

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/post/meta-data/poster-name.gjs#L119

Для этого необходимо включить режим glimmer post stream:

На изображении показано меню настроек для включения новой реализации потока постов 'glimmer' в режиме 'auto', которая в настоящее время находится в активной разработке и не предназначена для использования в производственной среде. (Подпись сгенерирована ИИ)
На изображении показано меню настроек для включения новой реализации потока постов 'glimmer' в режиме 'auto', которая в настоящее время находится в активной разработке и не предназначена для использования в производственной среде. (Подпись сгенерирована ИИ)649×339 34.4 KB

После этого они появятся:

На изображении показан HTML-код, где элемент отображает имя "John Doe" между открывающим и закрывающим тегами. (Подпись сгенерирована ИИ)
На изображении показан HTML-код, где элемент отображает имя "John Doe" между открывающим и закрывающим тегами. (Подпись сгенерирована ИИ)651×213 12.9 KB

5

Значит, этот выход — это post-metadata__after, или нужно использовать renderAfterWrapperOutlet("post-metadata")?

6

Да, это был бы хороший вариант для проверки.

7

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

Для текущей реализации потока сообщений вам нужно использовать старый API decorateWidget или API addPosterIcon:

8

Извини, Дэвид, я слишком увлёкся новыми вещами и совсем забыл о предупреждении, что они всё ещё находятся в активной разработке. :sweat_smile: В следующий раз буду осторожнее.

9

Для этого я использовал следующий код для отображения кнопки:

api.registerValueTransformer("post-menu-buttons", ({ value: dag, context })

Теперь я застрял: не могу открыть модальное окно без ошибок при использовании других компонентов.