From 8828a07fdff97950cf8d7068e8f780c08d7c3471 Mon Sep 17 00:00:00 2001
From: sfan5 <sfan5@live.de>
Date: Fri, 5 May 2017 15:55:25 +0200
Subject: [PATCH] Less autistic date display

---
 js/main.js          | 40 ++++++++++++++++++++++++++++++++++++++--
 templates/home.html |  2 +-
 templates/view.html |  2 +-
 3 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/js/main.js b/js/main.js
index 04089014..2e9e87fa 100644
--- a/js/main.js
+++ b/js/main.js
@@ -22,12 +22,18 @@
         var maxId = 5;
         for (var i = 0; i < maxId; i++) {
             var el = document.getElementById('page-' + i), n = prev + i;
+            if (el == null)
+                continue;
             el.href = pageString + n + query;
             el.innerHTML = n;
         }
 
-        document.getElementById('page-next').href = pageString + next + query;
-        document.getElementById('page-prev').href = pageString + prev + query;
+        var e = document.getElementById('page-next');
+        if (e != null)
+            e.href = pageString + next + query;
+        var e = document.getElementById('page-prev');
+        if (e != null)
+            e.href = pageString + prev + query;
 
 // Used by spoiler tags
 function toggleLayer(elem) {
@@ -36,3 +42,33 @@ function toggleLayer(elem) {
 	else
 		elem.classList.add("hide");
 }
+
+function formatDate(date) { // thanks stackoverflow
+    var monthNames = [
+        "January", "February", "March",
+        "April", "May", "June", "July",
+        "August", "September", "October",
+        "November", "December"
+    ];
+
+    var day = date.getDate();
+    var monthIndex = date.getMonth();
+    var year = date.getFullYear();
+
+    return day + ' ' + monthNames[monthIndex] + ' ' + year;
+}
+
+var list = document.getElementsByClassName("date-short");
+for(var i in list) {
+	var e = list[i];
+	e.title = e.innerText;
+	e.innerText = formatDate(new Date(e.innerText));
+}
+
+var list = document.getElementsByClassName("date-full");
+for(var i in list) {
+	var e = list[i];
+	e.title = e.innerText;
+	var date = new Date(e.innerText);
+	e.innerText = date.toDateString() + " " + date.toLocaleTimeString();
+}
diff --git a/templates/home.html b/templates/home.html
index ae84b500..a64d064c 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -31,7 +31,7 @@
                       {{.Name}}
                   </a>
               </td>
-              <td class="date">{{.Date}}</td>
+              <td class="date date-short">{{.Date}}</td>
               <td class="filesize">{{.Filesize}}</td>
               <td>
                   <a href="{{.Magnet}}" target="_blank" title="Magnet link">
diff --git a/templates/view.html b/templates/view.html
index b113c36b..1f05062e 100644
--- a/templates/view.html
+++ b/templates/view.html
@@ -19,7 +19,7 @@
               </tr>
               <tr>
                   <td>Date</td>
-                  <td>{{.Date}}</td>
+                  <td class="date-full">{{.Date}}</td>
               </tr>
               <tr>
                   <td>FileSize</td>