Adds Time info to message feed header

[Sahil590]

Description

uses JavaScript to get the timezone info and displays if in the message feed header.

Fixes #159 (issue)

Type of change

• Documentation (non-breaking change that adds or improves the documentation)
• New feature (non-breaking change which adds functionality)
• Optimization (non-breaking, back-end change that speeds up the code)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (whatever its nature)

Key checklist

• All tests pass (eg. python -m pytest)
• The documentation builds and looks OK (eg. python -m sphinx -b html docs docs/build)
• Pre-commit hooks run successfully (eg. pre-commit run --all-files)

Further checks

• Code is commented, particularly in hard-to-understand areas
• Tests added or an issue has been opened to tackle that in the future. (Indicate issue here: # (issue))

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 80.16%. Comparing base (de83ae0) to head (0bed7da).

Additional details and impacted files

@@            Coverage Diff             @@
##           neater_ui     #192   +/-   ##
==========================================
  Coverage      80.16%   80.16%           
==========================================
  Files             28       28           
  Lines            353      353           
==========================================
  Hits             283      283           
  Misses            70       70           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[dalonsoa]

LGTM. Just a clarification for my own benefit.

[dalonsoa]

My JS knowledge is non-existent, so just to confirm I get this right, this line here will update the HTML element below with id="timezone" giving it the value TIMEZONE (UTC + OFFSET_HOURS), both TIMEZONE and OFFSET calculated here, right?

I'd add h to the string. Not sure if standard, but makes it clearer.

Suggested change

	timezoneElement.textContent = timezone + ' (UTC' + offsetString + ')';
	timezoneElement.textContent = timezone + ' (UTC' + offsetString + 'h)';

Also, there are some fractional timezones which I'm not sure if will be handled properly with this.

[Sahil590]

Yeah, exactly it will update the element with that ID.
I did not take into account the fractional timezones will amend this.

[Sahil590]

Currently, it shows this if it is a fractional timezone but it's not that useful

[cc-a]

Unfortunately this needs to use a different approach. Message timestamps are rendered according to the django TIME_ZONE setting i.e. a fixed timezore for all users. This implementation will dynamically detect the users current timezone rather than the timezone configured on the server. As this setting is only available on the server the rendering should be performed an the server side within the template.

[Sahil590]

I followed these docs to get the server time https://docs.djangoproject.com/en/5.1/ref/templates/builtins/#std:templatefilter-time
but I get it in this format without the region @cc-a does this work?

I did also try to get the time from Django utils in the views.py, but I could not get it to appear on the template

[cc-a]

Great. Needs a little visual tweak I think. Maybe it could be shown as a small grey line of text above the search bar - "All timestamps are displayed in ...".

[Sahil590]

@cc-a should be fine now tests are failing due to #188

[cc-a]

Great. Thanks @Sahil590