PyRIGS/training/templates/level_detail.html

{% extends 'base_training.html' %}

{% load user_has_qualification from tags %}
{% load user_level_if_present from tags %}
{% load static %}

{% block css %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% static 'css/selects.css' %}"/>
{% endblock %}

{% block preload_js %}
    {{ block.super }}
    <script src="{% static 'js/selects.js' %}"></script>
{% endblock %}

{% block js %}
    <script src="{% static 'js/autocompleter.js' %}"></script>
    <script src="{% static 'js/tooltip.js' %}"></script>
    <script>
    $('document').ready(function(){
        $('#requirement_button').click(function (e) {
             e.preventDefault();
             var url = $(this).attr("href");
             $.ajax({
                url: url,
                success: function(){
                    $link = $(this);
                    // Anti modal inception
                    if ($link.parents('#modal').length === 0) {
                        modaltarget = $link.data('target');
                        modalobject = "";
                        $('#modal').load(url, function (e) {
                            $('#modal').modal();
                            $(".selectpicker").selectpicker().each(function(){initPicker($(this))});
                        });
                    }
                }
             });
        });
    });
    </script>
{% endblock %}

{% block content %}
{% if request.user.is_supervisor or perms.training.change_traininglevel %}
<div class="col-sm-12 text-right pr-0">
<a type="button" class="btn btn-success mb-3" href="{% url 'add_requirement' pk=object.pk %}" id="requirement_button">
	<span class="fas fa-plus"></span> Add New Requirement
</a>
</div>
{% endif %}
<div class="card mb-3">
    <h4 class="card-header">Description</h4>
    <div class="card-body">
        <p>{{ object.description }}</p>
    </div>
</div>
<div class="card mb-3 d-none d-md-block">
    <h4 class="card-header">Users with this level</h4>
    <div class="card-body">
        <div class="card-columns" style="column-count: 5">
        {% for user in users_with %}
        {% user_level_if_present user object as level_qualification %}
        <div class="card" {% if not level_qualification.confirmed_on %}style="border-style: dashed; opacity: 70%"{%endif%}>
            <img src="{{user.profile_picture}}" class="card-img-top" />
            <div class="card-body">
                <h5 class="card-title">{{user}}</h5>
                {% if level_qualification.confirmed_on %}<p class="card-text"><small>Qualified on {{ level_qualification.confirmed_on }}</small></p>{%else%}Unconfirmed{%endif%}
            </div>
            <div class="card-footer text-right pr-1"><a href="{% url 'profile_detail' user.pk %}" class="btn btn-primary btn-sm"><span class="fas fa-user"></span> View Profile</a></div>
        </div>
        {% empty %}
        Nobody here but us chickens... <span class="fas fa-egg text-warning"></span>
        {% endfor %}
        </div>
    </div>
</div>
<div class="card">
    <h4 class="card-header">Level Requirements</h4>
    <table class="table card-body">
      <thead>
        <tr>
          <th scope="col" class="table-warning">Training Started</th>
          <th scope="col" class="table-success">Training Complete</th>
          <th scope="col" class="table-info">Passed Out</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><ul class="list-unstyled">{% for req in object.started_requirements %}<li>{{ req.item }} {% user_has_qualification request.user req.item 0 %} {% if request.user.is_supervisor or perms.training.change_traininglevel %}<a type="button" class="btn btn-danger btn-sm" href="{% url 'remove_requirement' pk=req.pk %}"><span class="fas fa-times-circle"></span></a>{% endif %}</li>{% endfor %}</ul></td>
          <td><ul class="list-unstyled">{% for req in object.complete_requirements %}<li>{{ req.item }} {% user_has_qualification request.user req.item 1 %} {% if request.user.is_supervisor or perms.training.change_traininglevel %}<a type="button" class="btn btn-danger btn-sm" href="{% url 'remove_requirement' pk=req.pk %}"><span class="fas fa-times-circle"></span></a>{% endif %}</li>{% endfor %}</ul></td>
          <td><ul class="list-unstyled">{% for req in object.passed_out_requirements %}<li>{{ req.item }} {% user_has_qualification request.user req.item 2 %} {% if request.user.is_supervisor or perms.training.change_traininglevel %}<a type="button" class="btn btn-danger btn-sm" href="{% url 'remove_requirement' pk=req.pk %}"><span class="fas fa-times-circle"></span></a>{%endif%}</li>{% endfor %}</ul></td>
        </tr>
      </tbody>
    </table>
    <h4 class="card-header">Prerequisite Levels:</h4>
    <div class="card-body">
       <ul>
       {% for level in object.prerequisite_levels.all %}
       {% user_level_if_present request.user level as level_qualification %}
       <li><a href="{{level.get_absolute_url}}">{{ level }}</a> <span class="fas {% if level_qualification %}text-success fa-check{% if level_qualification.confirmed_by is not None %}-double{% endif %}{% else %}fa-hourglass-start text-warning{%endif%}"></span></li>
       {% for nested_level in level.prerequisite_levels.all %}
       {% user_level_if_present request.user nested_level as nested_level_qualification %}
       <ul>
          <li><a href="{{nested_level.get_absolute_url}}">{{ nested_level }}</a> <span class="fas {% if nested_level_qualification %}text-success fa-check{% if nested_level_qualification.confirmed_by is not None %}-double{% endif %}{% else %}fa-hourglass-start text-warning{%endif%}"></span></li>
       </ul>
       {% endfor %}
       {% empty %}
       None
       {% endfor %}
       </ul>
    </div>
</div>
<div class="row">
    <div class="col text-right">
    {% include 'partials/last_edited.html' with target="traininglevel_history" %}
    </div>
</div>
{% endblock %}