Created Topic Sort

Theme component
1
:information_source: Summary Adds a sortable created date column to the topic list
:eyeglasses: Preview https://discourse.theme-creator.io/theme/Alteras/created-topic-sort
:hammer_and_wrench: Repository GitHub - Alteras1/discourse-created-topic-sort: Discourse theme component adds topic sorting by created date
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

This adds a sortable created date column to the topic list. Also adds an optional “Created” tab to the navigation bar.

On desktop view, a whole column is added. On mobile, the created date is only added inline with the activity date when the “Created” sort is selected (see screenshots below).

:information_source: Before using this component, it may be good to evaluate your community’s need for knowing a created date. There’s already a built in way for auto flagging newly created topics within a certain time period (customizable by users in Preferences > Tracking > Topics).

Settings

Enable Sort by Created Date Nav Bar Item

Adds a “Sort by Created Date” nav bar item to the navigation menu. Default: true

Screenshots

Desktop

image
image1488×268 13 KB

Mobile

image
image746×788 52.2 KB

Enable Column on Created Date Filter Only

Prevents the created date column from being displayed outside of the Create Date filter. Requires the “Enable Sort by Created Date Nav Bar Item” to be true. Default: false

Enable Nav Bar Item in Home Page

Add the “Sort by Created Date” nav bar item in the home page. Default: true

Enable Column in Home Page

Add the “Created” column in the home page. Default: true

Categories to Display Nav Bar Item

List of categories to display in the “Sort by Created Date” nav bar item. Leave empty to display in all categories. Default: empty

Categories to Display Created Column

List of categories to display the “Created” column. Leave empty to display in all categories. Default: empty

Screenshots

Normal view
Normal view2258×792 86.2 KB

Sorting

Sort Descending
Sort Descending2224×652 64.8 KB

Sort Ascending
Sort Ascending2232×752 111 KB

Mobile view

image
image750×1346 132 KB

With Category and Tags

image
image750×1472 166 KB

Compatibility & Notes

With mobile, the sort functionality is already heavily limited, so created date would only function as an informational. The additional field only appears if the created date is different from the bumped date.

Compatibility with the Topic List Thumbnails is limited. In list style, it will function normally. In blog style, the created date is pulled to the bottom right. In grid style and masonry style, the created date is only visible when the “Created” filter is selected, and will replace the activity date. In minimal style, the created date is hidden.

14 Likes
2

Wow, another perfect plugin that changes the forum! It would be great if it could integrate with the Discourse Nav Item Icon / Emoji plugin.

image
image1535×875 143 KB

image
image698×609 29.3 KB

3 Likes
3

I think it should work with it. :slight_smile:
Just add it like for example:
emoji:created_date:twitter:spiral_calendar:filter

4 Likes
4

Can confirm adding the setting as Don has it does work!

image
image1462×232 10.7 KB

image
image1356×166 16.6 KB

5 Likes
5

Very nice! Unfortunately it doesn’t play well with the Topic Thumbnails TC, adds an extra time for some reason:

image
image2216×920 446 KB

Note the extra 7h at the bottom of the center.

It appears I can just hide this .topic-list .topic-list-data:last-of-type but I thought I would let you know :grin:

EDIT: I found another oddity, when I click Latest, it highlights Created, and when I click Created it highlights latest :crazy_face:

1 Like
6

Huh. That’s interesting. Looks like it’s just an odd side effect of how the Topic Thumbnails and Created Topic Sort adding to the templates at the same time. Might just be an issue with masonry and grid mode? I’ll see if I can make a suitable adjustment for it in the CSS instead of just hiding it, once i figure out a clean way to detect the theme component usage.

The highlighting for latest and created sounds really weird. Created should only be highlighted when the url has /latest?order=created in it… hmmm…

7

I’ve updated some of the component to make it prettier for (or at least match) the Topic Thumbnails component.

In blog style, the created date is pulled to the bottom right. I couldn’t find a clean way to get it to be right next to the bump date, so this will have to do. In grid style and masonry style, the created date is only visible when the “Created” filter is selected, and will replace the activity date. I tried to get both activity date and created date to display at the same time, but it made the card feel cramped. In minimal style, the created date is hidden.

8

Would it be difficult to add a category scope to this? We would love to have it on our announcements section but don’t need it displayed in our general discussion, etc.

1 Like
9

Not at all! I’ve just pushed out an update that adds four new settings to help control where the nav bar item and column gets displayed.

  • Enable nav bar item in home page: Add the “Sort by Created Date” nav bar item in the home page.
  • Enable column in home page: Add the “Created” column in the home page.
  • Categories to display nav bar item: List of categories to display in the “Sort by Created Date” nav bar item. Leave empty to display in all categories.
  • Categories to display created column: List of categories to display the “Created” column. Leave empty to display in all categories.

However, do note that the restrictions on displaying the column only works in sites using the new topic-list changes.

2 Likes
10

Thank you so much! :star_struck: This is awesome!