Less autistic date display

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();
+}

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">

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>