MD Topic List component

A lighter topic-list presentation for your Discourse forum. The posters column has been deleted but some informations has been added (name and avatar of the last poster) in the activity column and below the topic title (name of the topic creator, and a little emoji for the tags).


Compatibility

This theme component is compatible with the tags, featured links functions, and any functions available in the original topic-list version. Any category style presentation (bullet, bar, box) should work with this component.

The theme component has been tested on a few color palettes, it will work with light, neutral or dark themes.

Sadly, the theme component might not work with plugins that already changes the topic-list presentation like the Topic List Previews.

Let me know if you have any issue !

29 лайков

Обожаю этот компонент.
Есть ли простой способ сделать div poster-info точно как на скриншоте?
Думаю, так он станет более читаемым

Имя автора сверху :arrow_up:
Относительная дата снизу :arrow_down:
image

2 лайка

На самом деле это неплохая идея, возможно, я буду использовать это по умолчанию :thinking:

Но пока вы можете отредактировать компонент в части заголовка, примерно на строках 60–69.

Оригинал

<div class='poster-avatar'>
<a href="{{topic.lastPostUr}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPoster usernamePath="username" imageSize="medium"}}</a>
</div>
<div class='poster-info'>
<a href="{{topic.lastPostUrl}}">
{{format-date topic.bumpedAt format="tiny"}}
</a>
<br />
<span class='editor'><a href="/users/{{topic.last_poster_username}}" data-auto-route="true" data-user-card="{{topic.last_poster_username}}">{{topic.last_poster_username}}</a></span>
</div>

То, что вы хотите использовать

<div class='poster-avatar'>
<a href="{{topic.lastPostUr}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPoster usernamePath="username" imageSize="medium"}}</a>
</div>
<div class='poster-info'>
<span class='editor'><a href="/users/{{topic.last_poster_username}}" data-auto-route="true" data-user-card="{{topic.last_poster_username}}">{{topic.last_poster_username}}</a></span>
<br />
<a href="{{topic.lastPostUrl}}">
{{format-date topic.bumpedAt format="tiny"}}
</a>
</div>

Вам придётся редактировать это после каждого обновления, но сам компонент будет обновляться не слишком часто.

Также вы можете форкнуть репозиторий, отредактировать файл и использовать эту версию на своём форуме, если вы знакомы с GitHub.

5 лайков

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

Если вы предпочитаете то, что использовалось ранее, дайте знать — я могу сделать альтернативную версию.

6 лайков

@Стивен, перестало ли это работать после последнего обновления? У меня тоже сломалось.

1 лайк

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

Я обновил форум и проверил логи — у меня проблем нет.

Можешь прислать скриншот проблемы на твоём форуме? Если я правильно помню, ты используешь сильно кастомизированную тему, возможно, проблема в ней. Но я посмотрю, что смогу сделать.

3 лайка

Я больше не использую эту тему.

Я тестировал в Material Design без кастомизации CSS, но не смог заставить это работать ни в одной теме. Возможно, это плагин?

Если у вас включены предварительные просмотры тем Discourse, например, компонент не будет работать, так как он также использует шаблон topic-list-item.raw.

1 лайк

Вы правы насчёт этого. Но я использую его только для News Plugin 📰, где требуется предпросмотр темы.

Так что мне приходится выбирать между ними. :sleepy:

Выглядит отлично на моём форуме, и маленькая эмодзи-метка — приятно, ха-ха, отличная работа!

2 лайка

Я тоже использую это на своём экземпляре. Выглядит гораздо чище. Я никогда не понимал концепцию из 5 аватаров — это выглядит слишком загромождённо.

1 лайк

Только что обновился до последней версии Discourse (2.5.0.beta2), и, похоже, аватары пользователей в сообщениях исчезли.

Ссылка на форум: https://techscammersunited.com/

1 лайк

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

3 лайка

Спасибо за сообщение об ошибке, проблема исправлена. Вы можете обновить компонент и активировать его заново.

3 лайка

Ага, спасибо за быстрое исправление, чувак! Теперь всё работает как по маске :slight_smile:

Я обновился до последней версии, и мои аватары исчезли (2.4.1).
На время мне пришлось отключить этот компонент.

Вам также нужно обновить Discourse, и проблема будет решена

2 лайка

К сожалению, для меня это означает много обновлений (18 пользовательских плагинов), поэтому я обычно обновляю раз в 3–4 месяца. Похоже, мне не повезло :smiley:

Как можно получить доступ к предыдущей версии?