From bf556753b38cfc6db50c390bad1d9ec36a6760e6 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Fri, 24 Sep 2021 09:54:55 +0200
Subject: [PATCH] Rework ui to try to fit into screen

---
 main.go | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/main.go b/main.go
index cf8c080..0b00bab 100644
--- a/main.go
+++ b/main.go
@@ -33,6 +33,7 @@ func Serve(w http.ResponseWriter, r *http.Request) {
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
     <style>.table > tbody > tr > th, .table > tbody > tr > td { vertical-align: middle; }
 td.danger { text-align: center; }
+.hash { max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }
 </style>
     <script type="text/javascript">
 function disp(rendus) {
@@ -50,7 +51,7 @@ function disp(rendus) {
       if (work) {
         var col = document.createElement("td");
         col.className = "success";
-        col.innerHTML = work["date"] + "<br>" + work["hash"];
+        col.innerHTML = (new Intl.DateTimeFormat('default', { weekday: 'short', month: 'short', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' }).format(new Date(work["date"]))) + '<br><span class="hash" title="' + work["hash"] + '">' + work["hash"] + '</span>';
         row.appendChild(col);
       } else {
         var col = document.createElement("td");
@@ -82,7 +83,7 @@ function disp_std(rendus, login) {
     if (work) {
       var col = document.createElement("td");
       col.className = "success";
-      col.innerHTML = work["date"] + "<br>" + work["hash"];
+      col.innerHTML = (new Intl.DateTimeFormat('default', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' }).format(new Date(work["date"]))) + '<br>' + work["hash"];
       row.appendChild(col);
     } else {
       var col = document.createElement("td");