Добавить иконки для «Просмотров» и «Ответов», а также дату «Последней активности» в карточках тем

Ссылка Topic Cards предлагает простой, но при этом красивый и удобный способ отображения тем на основных страницах. Однако в метаданных, которые она отображает, есть место для улучшений.

  • Отображаются только лайки. Между тем, также официальное расширение Topic List Thumbnails очень элегантно показывает иконки для просмотров, лайков и ответов, а дата последнего обновления аккуратно отображается вместе с этими иконками.
  • Отображается дата публикации вместо даты последнего обновления, что не соответствует стандартному поведению Discourse и может запутать пользователей («почему эта тема находится вверху, если она такая старая?»).

image

Решение может быть простым с точки зрения UX: отображать метаданные в карточках тем так же, как это делается в миниатюрах списка тем. По возможности, использовать тот же код. Это обеспечит большую согласованность и, теоретически, уменьшит объем работы по поддержке.

Для сравнения:

Карточки тем

Дата публикации отображается слева, а иконка :heart: — справа.

Миниатюры списка тем

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

5 лайков

Вы можете обратиться к теме fkb. Я внес дополнительные настройки и создал шаблон темы для личного использования по адресу https://businesslab.vn

2 лайка

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

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

2 лайка

На мой взгляд, это звучит как хорошее улучшение. Прямо сейчас у нас нет ресурсов, чтобы реализовать это изменение, но я помечаю это как pr-welcome, что означает: мы с радостью рассмотрим вклад от сообщества, который внесёт предложенное здесь изменение.

Спасибо за предложение @icaria36.

5 лайков

Отлично! @RGJ и я начали обсуждать PR.

5 лайков

:+1: PR здесь Add icons for Views and Replies, and Last Activity date by communiteq · Pull Request #13 · discourse/discourse-topic-cards · GitHub

5 лайков

Огромное спасибо, @RGJ!

Мы развернули эту версию на https://podkasts.org и протестировали её на десктопе и мобильных устройствах.

Мы добавили немного дополнительного CSS (локально, отдельно от версии компонента от @RGJ), чтобы:

a) Удалить «Опубликовано» (см. моё обоснование этого изменения выше)
b) Улучшить работу с темой Graceful (которая добавляет левое поле, ограничивающее пространство на мобильных устройствах).

Итоговый результат именно таким, каким мы хотели. :tada:

4 лайка

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

3 лайка

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

3 лайка

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

См. Add icons for Views and Replies, and Last Activity date by communiteq · Pull Request #13 · discourse/discourse-topic-cards · GitHub

5 лайков

Мы обновили Discourse, включая патч от @RGJ, и, насколько это можно оценить, на нашем сайте всё работает как положено. :tada: Большое спасибо!

3 лайка

Спасибо, PR с этим дополнением уже объединён.

5 лайков

Эта тема была автоматически закрыта через 2 дня. Новые ответы больше не принимаются.