From a8d260a0ef20e92f5ddf8bcb945cdbd0de6c501a Mon Sep 17 00:00:00 2001
From: Frederick Yin <fkfd@fkfd.me>
Date: Wed, 27 Oct 2021 10:07:45 +0800
Subject: Split umbrellas.html into desktop and mobile view

Because the difference is friggin massive
---
 jimbrella/templates/admin/umbrellas.html         | 114 +----------------------
 jimbrella/templates/admin/umbrellas_desktop.html |  53 +++++++++++
 jimbrella/templates/admin/umbrellas_mobile.html  |  62 ++++++++++++
 3 files changed, 116 insertions(+), 113 deletions(-)
 create mode 100644 jimbrella/templates/admin/umbrellas_desktop.html
 create mode 100644 jimbrella/templates/admin/umbrellas_mobile.html

(limited to 'jimbrella/templates/admin')

diff --git a/jimbrella/templates/admin/umbrellas.html b/jimbrella/templates/admin/umbrellas.html
index 3a1455e..09b329a 100644
--- a/jimbrella/templates/admin/umbrellas.html
+++ b/jimbrella/templates/admin/umbrellas.html
@@ -23,119 +23,7 @@
         <h1>All Umbrellas</h1>
         <div id="container">
             {% include "admin/tabs.html" %}
-            {% if mobile %}
-            <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 id="{{ umb.serial }}" 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 id="{{ umb.serial }}" class="{{ umb.status }}">
-                            <th rowspan=5>
-                                {{ umb.serial }} <br />
-                                {{ umb.status }} <br />
-                                <a href="/admin/umbrellas?edit={{ umb.serial }}">Edit</a>
-                            </th>
-                            <td>{{ umb.tenant_name }}</td>
-                        </tr>
-                        <tr class="{{ umb.status }}"><td>{{ umb.tenant_id }}</td></tr>
-                        <tr class="{{ umb.status }}"><td>{{ umb.tenant_phone }}</td></tr>
-                        <tr class="{{ umb.status }}"><td>{{ 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>
-                    {% else %}
-                    <tr id="{{ umb.serial }}" class="{{ umb.status }}">
-                            <th colspan=2>
-                                {{ umb.serial }} <br />
-                                {{ umb.status }} <br />
-                                <a href="/admin/umbrellas?edit={{ umb.serial }}#{{ umb.serial }}">Edit</a>
-                            </th>
-                        </tr>
-                    {% endif %}
-                    {% endif %}
-                    {% endfor %}
-                </table>
-            </div>
-            {% else %}
-            {# not mobile #}
-            <div class="data-table-container">
-                <table class="data">
-                    <thead>
-                        <tr>
-                            <th>#</th>
-                            <th>Status</th>
-                            <th>Tenant</th>
-                            <th>ID</th>
-                            <th>Phone</th>
-                            <th colspan=2>Lent at</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for umb in umbrellas %}
-                        <tr id="{{ umb.serial }}" 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>{{ 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>
-                            <td><input name="lent_at" type="datetime-local" value="{{ umb.lent_at_str }}"/></td>
-                            <td>{{ umb.lent_time_ago_str }}
-                                {% if umb.status in ["lent", "overdue"] %} ago {% endif %}
-                            </td>
-                            <td>
-                                <input type="submit" value="Submit" />
-                            </td>
-                        </form>
-                        {% else %}
-                            <td>{{ umb.serial }}</td>
-                            <td>{{ umb.status }}</td>
-                            <td>{{ umb.tenant_name }}</td>
-                            <td>{{ umb.tenant_id }}</td>
-                            <td>{{ umb.tenant_phone }}</td>
-                            <td>{{ umb.lent_at_str }}</td>
-                            <td>{{ umb.lent_time_ago_str }}
-                                {% if umb.status in ["lent", "overdue"] %} ago {% endif %}
-                            </td>
-                            <td>
-                                <a href="/admin/umbrellas?edit={{ umb.serial }}#{{ umb.serial }}">Edit</a>
-                            </td>
-                        {% endif %}
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
-            {% endif %}
+            {% block table %}{% endblock %}
         </div>
     </body>
 </html>
diff --git a/jimbrella/templates/admin/umbrellas_desktop.html b/jimbrella/templates/admin/umbrellas_desktop.html
new file mode 100644
index 0000000..c8b0044
--- /dev/null
+++ b/jimbrella/templates/admin/umbrellas_desktop.html
@@ -0,0 +1,53 @@
+{% extends "admin/umbrellas.html" %}
+{% block table %}
+<div class="data-table-container">
+    <table class="data">
+        <thead>
+            <tr>
+                <th>#</th>
+                <th>Status</th>
+                <th>Tenant</th>
+                <th>ID</th>
+                <th>Phone</th>
+                <th colspan=2>Lent at</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for umb in umbrellas %}
+            <tr id="{{ umb.serial }}" 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>{{ 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>
+                <td><input name="lent_at" type="datetime-local" value="{{ umb.lent_at_str }}"/></td>
+                <td>{{ umb.lent_time_ago_str }}
+                    {% if umb.status in ["lent", "overdue"] %} ago {% endif %}
+                </td>
+                <td>
+                    <input type="submit" value="Submit" />
+                </td>
+            </form>
+            {% else %}
+                <td>{{ umb.serial }}</td>
+                <td>{{ umb.status }}</td>
+                <td>{{ umb.tenant_name }}</td>
+                <td>{{ umb.tenant_id }}</td>
+                <td>{{ umb.tenant_phone }}</td>
+                <td>{{ umb.lent_at_str }}</td>
+                <td>{{ umb.lent_time_ago_str }}
+                    {% if umb.status in ["lent", "overdue"] %} ago {% endif %}
+                </td>
+                <td>
+                    <a href="/admin/umbrellas?edit={{ umb.serial }}#{{ umb.serial }}">Edit</a>
+                </td>
+            {% endif %}
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>
+{% endblock %}
diff --git a/jimbrella/templates/admin/umbrellas_mobile.html b/jimbrella/templates/admin/umbrellas_mobile.html
new file mode 100644
index 0000000..3c63418
--- /dev/null
+++ b/jimbrella/templates/admin/umbrellas_mobile.html
@@ -0,0 +1,62 @@
+{% extends "admin/umbrellas.html" %}
+{% block table %}
+<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 id="{{ umb.serial }}" 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 id="{{ umb.serial }}" class="{{ umb.status }}">
+                <th rowspan=5>
+                    {{ umb.serial }} <br />
+                    {{ umb.status }} <br />
+                    <a href="/admin/umbrellas?edit={{ umb.serial }}">Edit</a>
+                </th>
+                <td>{{ umb.tenant_name }}</td>
+            </tr>
+            <tr class="{{ umb.status }}"><td>{{ umb.tenant_id }}</td></tr>
+            <tr class="{{ umb.status }}"><td>{{ umb.tenant_phone }}</td></tr>
+            <tr class="{{ umb.status }}"><td>{{ 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>
+        {% else %}
+        <tr id="{{ umb.serial }}" class="{{ umb.status }}">
+                <th colspan=2>
+                    {{ umb.serial }} <br />
+                    {{ umb.status }} <br />
+                    <a href="/admin/umbrellas?edit={{ umb.serial }}#{{ umb.serial }}">Edit</a>
+                </th>
+            </tr>
+        {% endif %}
+        {% endif %}
+        {% endfor %}
+    </table>
+</div>
+{% endblock %}
-- 
cgit v1.2.3