41 lines
1.1 KiB
HTML
41 lines
1.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block base %}
|
|
<div class="card fluid">
|
|
<h1 class="section">Yoyodyne Propulsion Systems <small>Staff Roster</small></h1>
|
|
<div class="section">
|
|
<table id="employees" style="max-height: 100%;">
|
|
<thead>
|
|
<tr>
|
|
<th>First Name</th>
|
|
<th>Last Name</th>
|
|
<th>Position Name</th>
|
|
<th> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for e in employees %}
|
|
<tr>
|
|
<td>{{ e.first }}</td>
|
|
<td>{{ e.last }}</td>
|
|
<td>{{ e.position }}</td>
|
|
<td><a href="/staff/{{ e.id }}">Details</a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
<div style="display: grid; grid-template-columns: auto auto;">
|
|
{% if prev_page %}
|
|
<a class="button" href="?page={{ prev_page }}" style="justify-self: start;">« Previous</a>
|
|
{% else %}
|
|
<!-- for grid spacing -->
|
|
<span> </span>
|
|
{% endif %}
|
|
{% if next_page %}
|
|
<a class="button" style="justify-self: end;" href="?page={{ next_page }}">Next »</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|