ui 대충 갱신

if1live · Sep 30, 2023 · 49aa8d0 · 49aa8d0
1 parent 1703fce
commit 49aa8d0
Showing 1 changed file with 30 additions and 10 deletions.
diff --git a/views/ayane_index.liquid b/views/ayane_index.liquid
@@ -2,29 +2,49 @@
 
 {% block body_content %}
   <section class="ui container">
-    <h1>ayane</h1>
+    <h1 class="ui header">
+      <a href="https://github.com/if1live/ayane" target="_blank">ayane</a>
+    </h1>
+
+    <img class="ui large image" src="https://raw.githubusercontent.com/if1live/ayane/main/document/ayane-pv.jpg" />
 
     {% for row in entries %}
       {% assign data = row.health %}
-      <h2>
-        {{ row.label }}
-        <small>{{ data.tag }}</small>
-      </h2>
+      {% assign tag = data.tag %}
+
+      {% if tag == "error" %}
+        <h2 class="ui red header">
+          {{ row.label }}
+          <small>error</small>
+        </h2>
+      {% else %}
+        <h2 class="ui header">
+          {{ row.label }}
+          <small>{{ tag }}</small>
+        </h2>
+      {% endif %}
 
       <p>
-        {{ row.at | date: "%Y-%m-%dT%H:%M:%S" }}
+        <span>{{ row.at | date: "%Y-%m-%dT%H:%M:%S.%LZ" }}</span>
       </p>
 
-      {% assign tag = data.tag %}
       {% if tag == "ok" %}
-        <p>{{ data.value | json }}</p>
+        <details>
+          <summary>detail</summary>
+          <pre>{{ data.value | json: 2 }}</pre>
+        </details>
       {% elsif tag == "error" %}
-        <p>{{ data.reason | json }}</p>
+        <details open>
+          <summary>detail</summary>
+          <pre>{{ data.reason | json: 2 }}</pre>
+        </details>
       {% elsif tag == "ignore" %}
         <p>ignore</p>
       {% endif %}
     {% endfor %}
 
+    <hr/>
+
     <button hx-post="/touch" hx-target="#result-touch">
       touch
     </button>
@@ -35,4 +55,4 @@
     </button>
     <pre id="result-delete"></pre>
   </section>
-{% endblock %}
+{% endblock %}