From ab7b7f9b24e6bfdf231e142db64e7ae52cbe7fd3 Mon Sep 17 00:00:00 2001
From: Frederick Yin <fkfd@fkfd.me>
Date: Mon, 25 Oct 2021 00:09:03 +0800
Subject: Mobile view for database edit

---
 jimbrella/templates/admin/umbrellas.html | 66 ++++++++++++++++++++++++--------
 1 file changed, 49 insertions(+), 17 deletions(-)

(limited to 'jimbrella/templates/admin/umbrellas.html')
diff --git a/jimbrella/templates/admin/umbrellas.html b/jimbrella/templates/admin/umbrellas.html
index 15b6f02..8c92b4d 100644
--- a/jimbrella/templates/admin/umbrellas.html
+++ b/jimbrella/templates/admin/umbrellas.html
@@ -1,3 +1,17 @@
+{% macro status_dropdown(umb) -%}
+{# A dropdown for umbrella status #}
+<select name="status">
+    {% for status in ["available", "lent", "overdue"] %}
+    <option value="{{ status }}"
+    {% if umb.status == status %}
+        selected
+    {% endif %}>
+        {{ status }}
+    </option>
+    {% endfor %}
+</select>
+{%- endmacro %}
+
 <!DOCTYPE html>
 <html>
     <head>
@@ -13,6 +27,33 @@
             <div class="data-table-container">
                 <table class="data">
                     {% for umb in umbrellas %}
+                    {% if umb.serial == edit %}
+                    <form method="post" action="/admin/umbrellas/edit">
+                        <input name="serial" type="number" value="{{ umb.serial }}" hidden />
+                        <tr class="{{ umb.status }}">
+                            <th rowspan=5>
+                                {{ umb.serial }} <br />
+                                {{ status_dropdown(umb) }} <br />
+                                <input type="submit" value="Submit" />
+                            </th>
+                            <td><input name="tenant_name" value="{{ umb.tenant_name }}" /></td>
+                        </tr>
+                        <tr class="{{ umb.status }}">
+                            <td><input name="tenant_id" type="number" value="{{ umb.tenant_id }}" /></td>
+                        </tr>
+                        <tr class="{{ umb.status }}">
+                            <td><input name="tenant_phone" type="tel" value="{{ umb.tenant_phone }}" /></td>
+                        </tr>
+                        <tr class="{{ umb.status }}">
+                            <td><input name="lent_at" type="datetime-local" value="{{ umb.lent_at_str }}" /></td>
+                        </tr>
+                        <tr class="{{ umb.status }}"><td>
+                            {{ umb.lent_time_ago_str }}
+                            {% if umb.status in ["lent", "overdue"] %} ago {% endif %}
+                        </td></tr>
+                    </form>
+                    {% else %}
+                    {# not edit mode #}
                     {% if umb.status in ["lent", "overdue"] %}
                         <tr class="{{ umb.status }}">
                             <th rowspan=5>
@@ -31,13 +72,19 @@
                         </td></tr>
                     {% else %}
                         <tr class="{{ umb.status }}">
-                            <th colspan=2>{{ umb.serial }} <br /> {{ umb.status }}</th>
+                            <th colspan=2>
+                                {{ umb.serial }} <br />
+                                {{ umb.status }} <br />
+                                <a href="/admin/umbrellas?edit={{ umb.serial }}">Edit</a>
+                            </th>
                         </tr>
                     {% endif %}
+                    {% endif %}
                     {% endfor %}
                 </table>
             </div>
             {% else %}
+            {# not mobile #}
             <div class="data-table-container">
                 <table class="data">
                     <thead>
@@ -51,28 +98,13 @@
                         </tr>
                     </thead>
                     <tbody>
-                        {% macro status_opt(umb, status) -%}
-                        <option value="{{ status }}"
-                        {% if umb.status == status %}
-                            selected
-                        {% endif %}>
-                            {{ status }}
-                        </option>
-                        {%- endmacro %}
-
                         {% for umb in umbrellas %}
                         <tr class="{{ umb.status }}">
                         {% if umb.serial == edit %}
                         <form method="post" action="/admin/umbrellas/edit">
                             <input name="serial" type="number" value="{{ umb.serial }}" hidden/>
                             <td>{{ umb.serial }}</td>
-                            <td>
-                                <select name="status">
-                                    {% for status in ["available", "lent", "overdue"] %}
-                                        {{ status_opt(umb, status) }}
-                                    {% endfor %}
-                                </select>
-                            </td>
+                            <td>{{ status_dropdown(umb) }}</td>
                             <td><input name="tenant_name" value="{{ umb.tenant_name }}" class="db-edit" /></td>
                             <td><input name="tenant_id" type="number" value="{{ umb.tenant_id }}" class="db-edit" /></td>
                             <td><input name="tenant_phone" type="tel" value="{{ umb.tenant_phone }}" class="db-edit" /></td>
-- 
cgit v1.2.3


@@ -31,13 +72,19 @@
+ {{ umb.serial }} + {{ status_dropdown(umb) }} + +



	+ {{ umb.lent_time_ago_str }} + {% if umb.status in ["lent", "overdue"] %} ago {% endif %} +
	{{ umb.serial }} {{ umb.status }}	+ {{ umb.serial }} + {{ umb.status }} + Edit +