86 lines
2.8 KiB
HTML
86 lines
2.8 KiB
HTML
{% extends 'base.html' %}
|
|
{% load bootstrap_tags %}
|
|
{% load humanize %}
|
|
{% block content %}
|
|
<div class="row row-offcanvas row-offcanvas-right">
|
|
<div class="col-sm-8 row">
|
|
<div class="col-sm-12">
|
|
</div>
|
|
<div class="col-sm-12 text-center">
|
|
{% if loginform %}
|
|
<i class="text-muted">
|
|
The exercises will appear here
|
|
<br>
|
|
after you log in
|
|
</i>
|
|
{% else %}
|
|
{% if exercises %}
|
|
<div class="d-flex flex-wrap justify-content-around">
|
|
{% for exercise in exercises %}
|
|
<div class="p-2">
|
|
<a href="{% url 'exercise' exercise.pk %}">
|
|
<div class="card" style="width: 20rem; overflow-x: hidden; overflow-y: hidden;">
|
|
<div class="text-center">
|
|
<h4 class="card-title">
|
|
{{ exercise.title }}
|
|
</h4>
|
|
</div>
|
|
<p class="card-text">
|
|
{{ exercise.submissions.count }} submissions
|
|
</p>
|
|
</div>
|
|
<div class="card-footer text-muted">
|
|
Created {{ exercise.created | naturaltime }}
|
|
</div>
|
|
<div class="card-footer text-muted">
|
|
Modified {{ exercise.modified | naturaltime }}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<i class="text-muted">
|
|
The exercises will appear here
|
|
<br>
|
|
after you add any
|
|
</i>
|
|
{% endif %}
|
|
<br>
|
|
<br>
|
|
<a class="btn btn-outline-success" href="{% url 'exercise_add' %}">
|
|
<i class="fa fa-plus" aria-hidden="true"></i>
|
|
Add exercise
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3 sidebar-offcanvas jumbotron">
|
|
{% if loginform %}
|
|
<h3>
|
|
Log in
|
|
</h3>
|
|
<hr>
|
|
{% with loginform as form %}
|
|
{% with 'btn-block' as loginbtnextraclasses %}
|
|
{% include 'registration/loginform.html' %}
|
|
{% include 'registration/loginsignupbtn.html' %}
|
|
{% endwith %}
|
|
{% endwith %}
|
|
{% else %}
|
|
<h3>
|
|
Welcome!
|
|
</h3>
|
|
<p class="text-right">
|
|
<small class="text-muted">
|
|
<i>
|
|
Logged in as
|
|
</i>
|
|
{{ user.username }}
|
|
</small>
|
|
</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endblock content %}
|