feat: render deployment time in browser timezone via <time> + JS

Author: coderbuzz

internal/http/templates/apps_detail.html

@@ -128,7 +128,7 @@ <h3>Deployment History</h3>
       <tbody>
         {{range .Deployments}}
         <tr>
-          <td style="white-space:nowrap">{{.CreatedAt.Format "2006-01-02 15:04:05"}}</td>
+          <td style="white-space:nowrap"><time datetime="{{.CreatedAt.Format "2006-01-02T15:04:05Z"}}">{{.CreatedAt.Format "2006-01-02 15:04:05"}}</time></td>
           <td><span class="badge badge-{{.Status}}">{{or .Status "unknown"}}</span></td>
           <td style="white-space:nowrap">{{if .CommitSHA}}{{.CommitSHA}}{{else}}-{{end}}</td>
           <td style="max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="{{.Log}}">{{.Log}}</td>

internal/http/templates/layout.html

@@ -282,5 +282,11 @@
   b.textContent = isDark ? '☾' : '☀';
   localStorage.setItem('dockify-theme', isDark ? 'dark' : 'light');
 }
+document.querySelectorAll('time[datetime]').forEach(function(el){
+  var d = new Date(el.getAttribute('datetime'));
+  if (isNaN(d)) return;
+  var p=function(n){return String(n).padStart(2,'0');};
+  el.textContent = d.getFullYear()+'-'+p(d.getMonth()+1)+'-'+p(d.getDate())+' '+p(d.getHours())+':'+p(d.getMinutes())+':'+p(d.getSeconds());
+});
 </script>
 {{end}}