From a83296b79ac7eb851a44600fb7ccf6c1a200e2bc Mon Sep 17 00:00:00 2001
From: Julien Dessaux
Date: Sun, 23 Feb 2025 22:06:46 +0100
Subject: [webui] refactored states and versions routes

---
 pkg/webui/html/state.html    | 30 ------------------------------
 pkg/webui/html/states.html   |  6 +++---
 pkg/webui/html/statesId.html | 30 ++++++++++++++++++++++++++++++
 pkg/webui/html/version.html  | 10 ----------
 pkg/webui/html/versions.html | 23 +++++++++++++++++++++++
 5 files changed, 56 insertions(+), 43 deletions(-)
 delete mode 100644 pkg/webui/html/state.html
 create mode 100644 pkg/webui/html/statesId.html
 delete mode 100644 pkg/webui/html/version.html
 create mode 100644 pkg/webui/html/versions.html

(limited to 'pkg/webui/html')

diff --git a/pkg/webui/html/state.html b/pkg/webui/html/state.html
deleted file mode 100644
index 4439d9e..0000000
--- a/pkg/webui/html/state.html
+++ /dev/null
@@ -1,30 +0,0 @@
-{{ define "main" }}
-<main class="responsive" id="main">
-  <p>
-    Locked:
-    {{ if eq .State.Lock nil }}no{{ else }}
-    <span>yes</span>
-    <div class="tooltip left max">
-      <b>Lock</b>
-      <p>{{ .State.Lock }}</p>
-    </div>
-    {{ end }}
-  </p>
-  <table class="clickable-rows no-space">
-    <thead>
-      <tr>
-        <th>By</th>
-        <th>Created</th>
-      </tr>
-    </thead>
-    <tbody>
-      {{ range .Versions }}
-      <tr>
-        <td><a href="/version/{{ .Id }}">{{ index $.Usernames .AccountId }}</a></td>
-        <td><a href="/version/{{ .Id }}">{{ .Created }}</a></td>
-      </tr>
-      {{ end }}
-    </tbody>
-  </table>
-</main>
-{{ end }}
diff --git a/pkg/webui/html/states.html b/pkg/webui/html/states.html
index be8329a..b56dcd8 100644
--- a/pkg/webui/html/states.html
+++ b/pkg/webui/html/states.html
@@ -17,10 +17,10 @@
         <tbody>
           {{ range .States }}
           <tr>
-            <td><a href="/state/{{ .Id }}">{{ .Path }}</a></td>
-            <td><a href="/state/{{ .Id }}">{{ .Updated }}</a></td>
+            <td><a href="/states/{{ .Id }}">{{ .Path }}</a></td>
+            <td><a href="/states/{{ .Id }}">{{ .Updated }}</a></td>
             <td>
-              <a href="/state/{{ .Id }}">
+              <a href="/states/{{ .Id }}">
                 {{ if eq .Lock nil }}no{{ else }}
                 <span>yes</span>
                 <div class="tooltip left max">
diff --git a/pkg/webui/html/statesId.html b/pkg/webui/html/statesId.html
new file mode 100644
index 0000000..3691bb6
--- /dev/null
+++ b/pkg/webui/html/statesId.html
@@ -0,0 +1,30 @@
+{{ define "main" }}
+<main class="responsive" id="main">
+  <p>
+    Locked:
+    {{ if eq .State.Lock nil }}no{{ else }}
+    <span>yes</span>
+    <div class="tooltip left max">
+      <b>Lock</b>
+      <p>{{ .State.Lock }}</p>
+    </div>
+    {{ end }}
+  </p>
+  <table class="clickable-rows no-space">
+    <thead>
+      <tr>
+        <th>By</th>
+        <th>Created</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{ range .Versions }}
+      <tr>
+        <td><a href="/versions/{{ .Id }}">{{ index $.Usernames .AccountId }}</a></td>
+        <td><a href="/versions/{{ .Id }}">{{ .Created }}</a></td>
+      </tr>
+      {{ end }}
+    </tbody>
+  </table>
+</main>
+{{ end }}
diff --git a/pkg/webui/html/version.html b/pkg/webui/html/version.html
deleted file mode 100644
index b849783..0000000
--- a/pkg/webui/html/version.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{ define "main" }}
-<main class="responsive" id="main">
-  <p>
-    Created by
-    <a href="/users/{{ .Account.Id }}">{{ .Account.Username }}</a>
-    at {{ .Version.Created }}
-  </p>
-  <pre>{{ .VersionData }}</pre>
-</main>
-{{ end }}
diff --git a/pkg/webui/html/versions.html b/pkg/webui/html/versions.html
new file mode 100644
index 0000000..ea65647
--- /dev/null
+++ b/pkg/webui/html/versions.html
@@ -0,0 +1,23 @@
+{{ define "main" }}
+<main class="responsive" id="main">
+  <p>
+    Created by
+    <a href="/users/{{ .Account.Id }}">{{ .Account.Username }}</a>
+    at {{ .Version.Created }}
+  </p>
+  <div>
+    <div class="tabs">
+      <a data-ui="#explorer" class="active">Explorer</a>
+      <a data-ui="#raw">Raw</a>
+    </div>
+    <div id="explorer" class="page padding active">
+      <article class="border medium no-padding center-align middle-align">
+        <progress class="circle large"></progress>
+      </article>
+    </div>
+    <div id="raw" class="page padding">
+      <pre><code id="raw-state">{{ .VersionData }}</code></pre>
+    </div>
+  </div>
+</main>
+{{ end }}
-- 
cgit v1.2.3