feat(endpoint): change timestamp design in log page

macrat · Nov 26, 2022 · 92599d3 · 92599d3
1 parent c5b601b
commit 92599d3
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/internal/endpoint/templates.go b/internal/endpoint/templates.go
@@ -103,6 +103,15 @@ var (
 		"time2str": func(t time.Time) string {
 			return t.Format(time.RFC3339)
 		},
+		"time2str_date": func(t time.Time) string {
+			return t.Format("2006-01-02")
+		},
+		"time2str_time": func(t time.Time) string {
+			return t.Format("15:04:05")
+		},
+		"time2str_zone": func(t time.Time) string {
+			return t.Format("Z07:00")
+		},
 		"time2rfc822": func(t time.Time) string {
 			return t.Format(time.RFC822)
 		},

diff --git a/internal/endpoint/templates/log.html b/internal/endpoint/templates/log.html
@@ -41,6 +41,18 @@
 td.healthy::before { background-color: rgb(var(--healthy)) }
 td.unknown::before { background-color: rgb(var(--fg)) }
 
+.time-t {
+    display: inline-block;
+    margin: 0 .1em;
+    opacity: .3;
+}
+.timezone {
+    display: inline-block;
+    margin-left: .1em;
+    font-size: 70%;
+    opacity: .5;
+}
+
 .latency {
     text-align: right;
 }
@@ -75,7 +87,7 @@
 {{ define "log-records" }}
             <tbody>{{ range .}}
                 <tr>
-                    <td><time title="{{ .Time | time2humanize }}">{{ .Time | time2str }}</time></td>
+                    <td><time title="{{ .Time | time2humanize }}">{{ .Time | time2str_date }}<span class="time-t">T</span>{{ .Time | time2str_time }}<span class="timezone">{{ .Time | time2str_zone }}</span></time></td>
                     <td class="status {{ .Status | to_lower }}">{{ .Status }}</td>
                     <td class="latency">{{ .Latency }}</td>
                     <td class="target">{{ .Target }}</td>