Don't run time conversion if Intl not available in browser. Also convert

thread death time in archived threads

boards/static/js/main.js

@@ -1,93 +1,99 b''
 /*
  @licstart  The following is the entire license notice for the
  JavaScript code in this page.
 
 
  Copyright (C) 2013  neko259
 
  The JavaScript code in this page is free software: you can
  redistribute it and/or modify it under the terms of the GNU
  General Public License (GNU GPL) as published by the Free Software
  Foundation, either version 3 of the License, or (at your option)
  any later version.  The code is distributed WITHOUT ANY WARRANTY;
  without even the implied warranty of MERCHANTABILITY or FITNESS
  FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
 
  As additional permission under GNU GPL version 3 section 7, you
  may distribute non-source (e.g., minimized or compacted) forms of
  that code without the copy of the GNU GPL normally required by
  section 4, provided you include this license notice and a URL
  through which recipients can access the Corresponding Source.
 
  @licend  The above is the entire license notice
  for the JavaScript code in this page.
  */
 
+if (window.Intl) {
 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'
     }
 );
+}
 
 /**
  * An email is a hidden file to prevent spam bots from posting. It has to be
  * hidden.
  */
 function hideEmailFromForm() {
     $('.form-email').parent().parent().hide();
 }
 
 /**
  * Highlight code blocks with code highlighter
  */
 function highlightCode(node) {
     node.find('pre code').each(function(i, e) {
         hljs.highlightBlock(e);
     });
 }
 
 /**
  * Translate timestamps to local ones for all <time> tags inside node.
  */
 function translate_time(node) {
+    if (window.Intl === null) {
+        return;
+    }
+
     var elements;
 
     if (node === null) {
         elements = $('time');
     } else {
         elements = node.find('time');
     }
 
     if (!elements.length) {
         return;
     }
 
     elements.each(function() {
         var element = $(this);
         var dateAttr = element.attr('datetime');
         if (dateAttr) {
             var date = new Date(dateAttr);
             element.text(FORMATTER.format(date));
         }
     });
 }
 
 $( document ).ready(function() {
     hideEmailFromForm();
 
     $("a[href='#top']").click(function() {
         $("html, body").animate({ scrollTop: 0 }, "slow");
         return false;
     });
 
     addImgPreview();
 
     addRefLinkPreview();
 
     highlightCode($(document));
 
     translate_time(null);
 });

boards/templates/boards/post.html

@@ -1,97 +1,97 b''
 {% load i18n %}
 {% load board %}
 {% load cache %}
 
 {% get_current_language as LANGUAGE_CODE %}
 
 {% if thread.archived %}
     <div class="post archive_post" id="{{ post.id }}">
 {% elif bumpable %}
     <div class="post" id="{{ post.id }}">
 {% else %}
     <div class="post dead_post" id="{{ post.id }}">
 {% endif %}
 
 <div class="post-info">
     <a class="post_id" href="{{ post.get_url }}"
             {% if not truncated and not thread.archived %}
        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"><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
         (we don't see OP here so we show the death time in the post itself).
     {% endcomment %}
     {% if thread.archived %}
         {% if is_opening %}
-        — {{ thread.bump_time }}
+        — <time datetime="{{ thread.bump_time|date:'c' }}">{{ thread.bump_time|date:'r' }}</time>
         {% endif %}
     {% endif %}
     {% if is_opening and need_open_link %}
         {% if thread.archived %}
             [<a class="link" href="{% url 'thread' post.id %}">{% trans "Open" %}</a>]
         {% else %}
             [<a class="link" href="{% url 'thread' post.id %}#form">{% trans "Reply" %}</a>]
         {% endif %}
     {% endif %}
 
     {% if moderator %}
         <span class="moderator_info">
             [<a href="{% url 'admin:boards_post_change' post.id %}">{% trans 'Edit' %}</a>]
             {% if is_opening %}
                 [<a href="{% url 'admin:boards_thread_change' thread.id %}">{% trans 'Edit thread' %}</a>]
             {% endif %}
         </span>
     {% endif %}
 </div>
 {% comment %}
     Post images. Currently only 1 image can be posted and shown, but post model
     supports multiple.
 {%  endcomment %}
 {% if post.images.exists %}
     {% with post.images.all.0 as image %}
         {% autoescape off %}
             {{ image.get_view }}
         {% endautoescape %}
     {% endwith %}
 {% endif %}
 {% comment %}
     Post message (text)
 {% endcomment %}
 <div class="message">
     {% autoescape off %}
         {% if truncated %}
             {{ post.get_text|truncatewords_html:50 }}
         {% else %}
             {{ post.get_text }}
         {% endif %}
     {% endautoescape %}
     {% if post.is_referenced %}
         <div class="refmap">
             {% autoescape off %}
                 {% trans "Replies" %}: {{ post.refmap }}
             {% endautoescape %}
         </div>
     {% endif %}
 </div>
 {% comment %}
     Thread metadata: counters, tags etc
 {% endcomment %}
 {% if is_opening %}
     <div class="metadata">
         {% if is_opening and need_open_link %}
             {{ thread.get_reply_count }} {% trans 'messages' %},
             {{ thread.get_images_count }} {% trans 'images' %}.
         {% endif %}
         <span class="tags">
             {% autoescape off %}
                 {% for tag in thread.get_tags %}
                     {{ tag.get_view }}{% if not forloop.last %},{% endif %}
                 {% endfor %}
             {% endautoescape %}
         </span>
     </div>
 {% endif %}
 </div>