CMS/cmsmanage
2
0
Fork 0
Code Issues 8 Pull Requests 4 Actions Projects 1 Releases Activity

doorcontrol: Improve styling on report pages

Browse Source
This commit is contained in:
Adam Goldsmith 2023-09-11 13:07:16 -04:00
parent 1d9102d372
commit 05037b74fc
1 changed files with 75 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
doorcontrol/templates/doorcontrol/access_report.dj.html
View File

@ -2,6 +2,7 @@
{% block title %}{{ selected_report }} | Door Controls | CMS{% endblock %} {% block title %}{{ selected_report }} | Door Controls | CMS{% endblock %}
{% block content %} {% block content %}
<div class="d-flex flex-column align-items-center">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
{% for report_name, report_url in report_types %} {% for report_name, report_url in report_types %}
<li class="nav-item"> <li class="nav-item">
@ -10,10 +11,8 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
<form method="get" class="form-floating"> <form method="get" class="form-floating m-2 d-flex align-items-center">
<div class="row align-items-center row-cols-md-auto g-2 mb-2 mt-2"> <div class="form-floating mx-2">
<div class="col-12">
<div class="form-floating">
<input type="date" <input type="date"
class="form-control" class="form-control"
id="startDate" id="startDate"
@ -21,9 +20,7 @@
value="{{ timestamp__gte|date:'Y-m-d' }}"> value="{{ timestamp__gte|date:'Y-m-d' }}">
<label for="startDate">Start Date</label> <label for="startDate">Start Date</label>
</div> </div>
</div> <div class="form-floating mx-2">
<div class="col-12">
<div class="form-floating">
<input type="date" <input type="date"
class="form-control" class="form-control"
id="endDate" id="endDate"
@ -31,9 +28,7 @@
value="{{ timestamp__lte|date:'Y-m-d' }}"> value="{{ timestamp__lte|date:'Y-m-d' }}">
<label for="endDate">End Date</label> <label for="endDate">End Date</label>
</div> </div>
</div> <div class="form-floating mx-1">
<div class="col-12 col-md-2">
<div class="form-floating">
<input type="number" <input type="number"
class="form-control" class="form-control"
id="itemsPerPage" id="itemsPerPage"
@ -45,14 +40,10 @@
required> required>
<label for="itemsPerPage">Items Per Page</label> <label for="itemsPerPage">Items Per Page</label>
</div> </div>
</div> <button type="submit" class="btn btn-primary mx-2">Submit</button>
<div class="col-12"> <a href="?" class="btn btn-warning mx-1">Reset</a>
<button type="submit" class="btn btn-primary">Submit</button>
<a href="?" class="btn btn-warning">Reset</a>
</div>
</div>
</form> </form>
<table class="table table-bordered table-striped table-hover mb-2"> <table class="table table-striped table-hover mb-2 w-auto">
<thead> <thead>
<tr> <tr>
{% for column in object_list.0.keys %}<th>{{ column|title }}</th>{% endfor %} {% for column in object_list.0.keys %}<th>{{ column|title }}</th>{% endfor %}
@ -88,4 +79,5 @@
{% endif %} {% endif %}
</ul> </ul>
</nav> </nav>
</div>
{% endblock %} {% endblock %}