239 lines
11 KiB
HTML
239 lines
11 KiB
HTML
{% extends 'base.html' %}
|
|
{% load i18n %}
|
|
{% block title %}{{ title }} | {% trans 'Learning management system' %}{% endblock title %}
|
|
{% load static %}
|
|
|
|
{% block content %}
|
|
|
|
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="/">{% trans 'Home' %}</a></li>
|
|
<li class="breadcrumb-item"><a href="{% url 'programs' %}">{% trans 'Programs' %}</a></li>
|
|
<li class="breadcrumb-item"><a href="{% url 'program_detail' course.program.id %}">{{ course.program }}</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">{{ course }}</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<div class="manage-wrap">
|
|
<div class="d-flex">
|
|
<div class="">
|
|
{% if request.user.is_superuser %}
|
|
<a class="btn btn-sm btn-light" href="{% url 'edit_course' course.slug %}">
|
|
<i class="fas fa-pencil-alt"></i> {% trans 'Edit course' %}
|
|
</a>
|
|
{% endif %}
|
|
{% if request.user.is_superuser or request.user.is_lecturer %}
|
|
<a class="btn btn-sm btn-primary" href="{% url 'upload_file_view' course.slug %}"><i class="fas fa-plus"></i>
|
|
{% trans 'Upload new file' %}
|
|
</a>
|
|
<a class="btn btn-sm btn-primary" href="{% url 'upload_video' course.slug %}"><i class="fas fa-plus"></i>
|
|
{% trans 'Upload new video' %}
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="ms-auto">
|
|
<a class="btn btn-sm btn-warning" href="{% url 'quiz_index' course.slug %}"><i class="fas fa-list"></i>
|
|
{% trans 'Take a Quiz' %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="title-1">{{ course }}</div>
|
|
<p class="small text-muted">{{ course.summary }}</p>
|
|
|
|
{% include 'snippets/messages.html' %}
|
|
|
|
<div class="container">
|
|
|
|
<div class="row mb-5">
|
|
<div class="col-md-12 p-0">
|
|
<p class="form-title m-0">{% trans 'Video Tutorials' %}</p>
|
|
<div class="table-responsive">
|
|
<table class="table table-shadow table-light table-striped m-0">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>{% trans 'Video Title' %}</th>
|
|
<th>{% trans 'Uploaded Date' %}</th>
|
|
<th>{% trans 'Get Started' %}</th>
|
|
{% if request.user.is_superuser or request.user.is_lecturer %}
|
|
<th>{% trans 'Actions' %}</th>
|
|
{% endif %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for video in videos %}
|
|
<tr>
|
|
<td>{{ forloop.counter }}</td>
|
|
<td>
|
|
<a href="{{ video.get_absolute_url }}" title="{{ video }}" class="d-flex align-items-center">
|
|
<i class="fas fa-video me-1"></i> {{ video.title|title }}
|
|
</a>
|
|
</td>
|
|
<td>{{ video.timestamp|date }}</td>
|
|
<th>
|
|
<div>
|
|
<a class="download-btn" href="{{ video.get_absolute_url }}"
|
|
title="Download to your device">
|
|
<i class="fas fa-play me-1"></i>{% trans 'Play now' %}</a>
|
|
</div>
|
|
</th>
|
|
|
|
{% if request.user.is_superuser or request.user.is_lecturer %}
|
|
<td>
|
|
<div class="update-delete">
|
|
<a href="{% url 'upload_video_edit' slug=course.slug video_slug=video.slug %}"
|
|
class="update" title="{% trans 'Edit' %}">
|
|
<i class="fas fa-pencil-alt"></i>
|
|
</a>
|
|
<a href="{% url 'upload_video_delete' slug=course.slug video_slug=video.slug %}"
|
|
class="delete" title="{% trans 'Delete' %}">
|
|
<i class="fas fa-trash-alt"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
{% empty %}
|
|
<tr>
|
|
<td></td>
|
|
<td></td>
|
|
<td>
|
|
<span class="text-danger">
|
|
{% trans 'No video Uploaded.' %}
|
|
{% if request.user.is_superuser or request.user.is_lecturer %}
|
|
<a href="{% url 'upload_video' course.slug %}">
|
|
<i class="primary" style="font-size: 22px;">
|
|
{% trans 'Upload now.' %}
|
|
</i>
|
|
{% endif %}
|
|
</a>
|
|
</span>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12 p-0">
|
|
<p class="form-title m-0">{% trans 'Documentations' %}</p>
|
|
<div class="table-responsive">
|
|
<table class="table table-shadow table-light table-striped m-0">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>{% trans 'File name' %}</th>
|
|
<th>{% trans 'Uploaded Date' %}</th>
|
|
<th>{% trans 'Updated Date' %}</th>
|
|
<th>{% trans 'Downloads' %}</th>
|
|
{% if request.user.is_superuser or request.user.is_lecturer %}
|
|
<th>{% trans 'Actions' %}</th>
|
|
{% endif %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for file in files %}
|
|
<tr>
|
|
<td>{{ forloop.counter }}</td>
|
|
<td><a href="{{ file.file.url }}" title="{{ file }}" class="d-flex align-items-center">
|
|
<i class="fas fa-file-{{ file.get_extension_short }} me-1"></i>
|
|
{{ file.title|title }}
|
|
</a>
|
|
</td>
|
|
<td>{{ file.upload_time|date }}</td>
|
|
<td>{{ file.updated_date|date }}</td>
|
|
<th>
|
|
<div>
|
|
<a class="download-btn" href="{{ file.file.url }}" title="Download to your device">
|
|
<i class="fas fa-download me-1"></i>{% trans 'Download' %}</a>
|
|
</div>
|
|
</th>
|
|
|
|
{% if request.user.is_superuser or request.user.is_lecturer %}
|
|
<td>
|
|
<div class="update-delete">
|
|
<a href="{% url 'upload_file_edit' slug=course.slug file_id=file.pk %}"
|
|
class="update" title="{% trans 'Edit' %}">
|
|
<i class="fas fa-pencil-alt"></i>
|
|
</a>
|
|
<a href="{% url 'upload_file_delete' slug=course.slug file_id=file.pk %}"
|
|
class="delete" title="{% trans 'Delete' %}">
|
|
<i class="fas fa-trash-alt"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
{% empty %}
|
|
<tr>
|
|
<td></td>
|
|
<td></td>
|
|
<td>
|
|
<span class="text-danger">
|
|
{% trans 'No File Uploaded.' %}
|
|
{% if request.user.is_superuser or request.user.is_lecturer %}
|
|
<a href="{% url 'upload_file_view' course.slug %}">
|
|
<i class="primary" style="font-size: 22px;">
|
|
{% trans 'Upload now.' %}
|
|
</i>
|
|
{% endif %}
|
|
</a>
|
|
</span>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="site-section mb-5 mt-4">
|
|
<div class="title-1">{% trans 'Lecturer(s)' %}</div>
|
|
<br>
|
|
<br>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
{% for lecturer in lecturers %}
|
|
<div class="col-lg-4">
|
|
<div class="card text-center">
|
|
<div class="card-body">
|
|
{% if lecturer.lecturer.picture %}
|
|
<img class="avatar avatar-lg" src="{{ lecturer.lecturer.picture.url }}" alt="">
|
|
{% endif %}
|
|
<h5 class="fw-bold mb-0">{{ lecturer|title }}</h5>
|
|
<p class="mb-0">{{ lecturer.lecturer.email }}</p>
|
|
<p class="text-muted small">Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.</p>
|
|
<p>
|
|
<a class="btn btn-sm btn-secondary" href="#" role="button"><i
|
|
class="fab fa-twitter"></i></a>
|
|
<a class="btn btn-sm btn-secondary" href="#" role="button"><i
|
|
class="fab fa-facebook-f"></i></a>
|
|
<a class="btn btn-sm btn-secondary" href="#" role="button"><i
|
|
class="fab fa-linkedin-in"></i></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% empty %}
|
|
<h6 class="text-muted mt-3">{% trans 'No lecturer assigned for this course' %}</h6>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock content %} |