SkyLearn-Test/templates/accounts/lecturer_list.html
2023-12-30 18:24:42 +03:00

121 lines
4.0 KiB
HTML

{% extends 'base.html' %}
{% block title %}{{ title }}{% endblock title %}
{% block content %}
<div id="input-nav"><a href="{% url 'home' %}" class="primary1">Home</a> Lecturers</div>
{% if request.user.is_superuser %}
<div class="manage-wrap">
<a class="btn btn-primary" href="{% url 'add_lecturer' %}"><i class="fas fa-plus"></i>Add Lecturer</a>
</div>
{% endif %}
<p class="title-1"><i class="fas fa-chalkboard-teacher"></i>Lecturers</p>
{% if messages %}
{% for message in messages %}
{% if message.tags == 'error' %}
<div class="alert alert-danger">
<i class="fas fa-exclamation-circle"></i>{{ message }}
</div>
{% else %}
<div class="alert alert-success">
<i class="fas fa-check-circle"></i>{{ message }}
</div>
{% endif %}
{% endfor %}
{% endif %}
<div class="content-center">
<form class="search-form" action="" method="get">
<input class="au-input" type="text" name="id_no" placeholder="ID No." value="{{ request.GET.id_no }}"/>
<input class="au-input" type="text" name="name" placeholder="Name" value="{{ request.GET.name }}"/>
<input class="au-input" type="text" name="email" placeholder="Email" value="{{ request.GET.email }}"/>
<button class="btn btn-light" type="submit">
<i class="fas fa-search"></i> filter
</button>
</form>
</div>
<div class="table-responsive table-shadow table-light table-striped m-0 mt-5">
<table class="table">
<thead>
<tr>
<th>#</th>
<th> ID No. </th>
<th> Full Name </th>
<th> Email </th>
<th> Mob No. </th>
<th> Address/city </th>
<th> Last login </th>
{% if request.user.is_superuser %}
<th> Action </th>
{% endif %}
</tr>
</thead>
<tbody>
{% for lecturer in object_list %}
<tr>
<td> {{ forloop.counter }}.</td>
<td>{{ lecturer.username }}</td>
<td><a href="{% url 'profile_single' lecturer.id %}">{{ lecturer.get_full_name }}</a></td>
<td>{{ lecturer.email }}</td>
<td>{{ lecturer.phone }}</td>
<td>{{ lecturer.address }}</td>
<td>{{ lecturer.last_login }}</td>
{% if request.user.is_superuser %}
<td>
<div class="update-delete">
<a href="{% url 'staff_edit' pk=lecturer.pk %}" class="update"><i class="fas fa-edit"></i></a>
<form action="{% url 'lecturer_delete' pk=lecturer.pk %}">{% csrf_token %}
<button type="submit" class="btn btn-sm"><i class="fas fa-trash-alt"></i></button>
</form>
</div>
</td>
{% endif %}
{% empty %}
<tr>
<td></td>
<td></td>
<td>
<span class="text-danger">
No Lecturer(s).
{% if request.user.is_superuser %}
<a href="{% url 'add_lecturer' %}">
<i class="primary" style="font-size: 22px;">
Add Lecturer Now.
</i>
{% endif %}
</a>
</span>
</td>
<td></td>
<td></td>
<td></td>
</tr>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endblock content %}
{% block js %}
<script>
const xhr = new XMLHttpRequest()
const method = 'GET'
const url = "/accounts/lecturers/"
const responseType = "json"
xhr.responseType = responseType
xhr.open(method, url)
xhr.onload = function() {
console.log(xhr.response)
}
xhr.send()
</script>
{% endblock %}