Set timestamps to local ones by JS

boards/static/js/main.js

@@ -40,6 +40,34 b' function highlightCode(node) {'
     });
 }
 
+/**
+ * Translate timestamps to local ones
+ */
+function translate_time() {
+    var els = $('time');
+    if (!els.length) {
+        return;
+    }
+
+    var locale = window.navigator.language;
+    var formatter = new Intl.DateTimeFormat(
+        locale,
+        {
+            weekday: 'short', year: 'numeric', month: 'short', day: 'numeric',
+            hour: 'numeric', minute: '2-digit', second: '2-digit'
+        }
+    );
+
+    els.each(function() {
+        var el = $(this);
+        var dateAttr = el.attr('datetime');
+        if (dateAttr) {
+            var date = new Date(dateAttr);
+            el.text(formatter.format(date));
+        }
+    });
+}
+
 $( document ).ready(function() {
     hideEmailFromForm();
 
@@ -53,4 +81,6 b' function highlightCode(node) {'
     addRefLinkPreview();
 
     highlightCode($(document));
+
+    translate_time();
 });

boards/static/js/thread_update.js

@@ -106,6 +106,8 b' function getThreadDiff() {'
 
             // TODO Process removed posts if any
             $('.metapanel').attr('data-last-update', data.last_update);
+
+            translate_time();
         })
 }
 
@@ -140,7 +142,7 b' function updatePost(postHtml) {'
         showNewPostsTitle(1);
 
         lastUpdate = post.children('.post-info').first()
-            .children('.pub_time').first().text();
+            .children('.pub_time').first().html();
 
         if (bottom) {
             scrollToBottom();
@@ -195,7 +197,7 b' function updateMetadataPanel(lastUpdate)'
 
     if (lastUpdate !== '') {
         var lastUpdateField = $('#last-update');
-        lastUpdateField.text(lastUpdate);
+        lastUpdateField.html(lastUpdate);
         blink(lastUpdateField);
     }
 

boards/templates/boards/post.html

@@ -18,7 +18,7 b''
        onclick="javascript:addQuickReply('{{ post.id }}'); return false;"
        title="{% trans 'Quote' %}" {% endif %}>({{ post.get_absolute_id }})</a>
     <span class="title">{{ post.title }}</span>
-    <span class="pub_time">{{ post.pub_time|date:'r' }}</span>
+    <span class="pub_time"><time datetime="{{ post.pub_time|date:'c' }}">{{ post.pub_time|date:'r' }}</time></span>
     {% comment %}
         Thread death time needs to be shown only if the thread is alredy archived
         and this is an opening post (thread death time) or a post for popup

boards/templates/boards/thread.html

@@ -85,7 +85,7 b''
             <button id="autoupdate">{% trans 'Update' %}</button>
             <span id="reply-count">{{ thread.get_reply_count }}</span>/{{ max_replies }} {% trans 'messages' %},
             <span id="image-count">{{ thread.get_images_count }}</span> {% trans 'images' %}.
-            {% trans 'Last update: ' %}<span id="last-update">{{ thread.last_edit_time|date:'r' }}</span>
+            {% trans 'Last update: ' %}<span id="last-update"><time datetime="{{ thread.last_edit_time|date:'c' }}">{{ thread.last_edit_time|date:'r' }}</time></span>
             [<a href="rss/">RSS</a>]
         {% endcache %}
     </span>

boards/templates/boards/thread_gallery.html

@@ -58,7 +58,7 b''
             <span id="reply-count">{{ thread.get_reply_count }}</span>/{{ max_replies }}
             {% trans 'messages' %},
             <span id="image-count">{{ thread.get_images_count }}</span> {% trans 'images' %}.
-            {% trans 'Last update: ' %}{{ thread.last_edit_time|date:'r' }}
+            {% trans 'Last update: ' %}<time datetime="{{ thread.last_edit_time|date:'c' }}">{{ thread.last_edit_time|date:'r' }}</time>
             [<a href="rss/">RSS</a>]
         {% endcache %}
     </span>