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 +------------------------------
 1 file changed, 1 insertion(+), 113 deletions(-)

(limited to 'jimbrella/templates/admin/umbrellas.html')

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>
-- 
cgit v1.2.3