diff options
| author | Frederick Yin <fkfd@fkfd.me> | 2021-10-20 15:43:26 +0800 |
|---|---|---|
| committer | Frederick Yin <fkfd@fkfd.me> | 2021-10-20 15:43:26 +0800 |
| commit | 27c8be28e00fbf110143d4bc4b949c610f704639 (patch) | |
| tree | dce8afd0784cc0b6b7ea9f4675fc52cfd8416690 /jimbrella/templates/admin/index.html | |
| parent | e6e8e5e2388c54d1e177d6e72f37aa37a79cb75f (diff) | |
Update frontend, is more informational and pretty
Diffstat (limited to 'jimbrella/templates/admin/index.html')
| -rw-r--r-- | jimbrella/templates/admin/index.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/jimbrella/templates/admin/index.html b/jimbrella/templates/admin/index.html new file mode 100644 index 0000000..7a62a14 --- /dev/null +++ b/jimbrella/templates/admin/index.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html> + <head> + <title>JI Umbrella</title> + <link rel="stylesheet" href="static/jimbrella.css" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + </head> + <body> + <h1>JI Umbrella Overview</h1> + <div id="container"> + <!--Takes up full width of container--> + <div class="banner-container"> + {% if overdue %} + <div class="banner overdue"> + <h2 class="banner-heading">Overdue</h2> + <table> + <tr> + <td>#</td> + <td>Tenant</td> + <td>Phone</td> + <td>Lent</td> + </tr> + {% for umb in overdue %} + <tr> + <td>{{ umb.serial }}</td> + <td>{{ umb.tenant_name }}</td> + <td>{{ umb.tenant_phone }}</td> + <td>{{ umb.lent_time_ago_str }} ago</td> + </tr> + {% endfor %} + </table> + </div> + {% endif %} + </div> + <!--Tiles displaying minimal data--> + <div class="tile-container"> + <div class="tile lent"> + <h2 class="tile-heading">Lent</h2> + <strong class="big">{{ lent|length }}</strong> / {{ umbrellas|length }} + </div> + <div class="tile available"> + <h2 class="tile-heading">Available</h2> + <strong class="big">{{ available|length }}</strong> / {{ umbrellas|length }} + </div> + </div> + </div> + </body> +</html> |