mirror of
https://github.com/ae-utbm/sith.git
synced 2025-07-10 11:59:23 +00:00
[pedagogy] Star for comment grades
This commit is contained in:
15
pedagogy/templates/pedagogy/macros.jinja
Normal file
15
pedagogy/templates/pedagogy/macros.jinja
Normal file
@ -0,0 +1,15 @@
|
||||
{% macro display_star(grade) -%}
|
||||
|
||||
{% if grade >= 0 %}
|
||||
{% for i in range(5) %}
|
||||
{% if i <= grade %}
|
||||
<span class="fa fa-star pedagogy star_checked"></span>
|
||||
{% else %}
|
||||
<span class="fa fa-star pedagogy star_not_checked"></span>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<p> {% trans %} not rated {% endtrans %} </p>
|
||||
{% endif %}
|
||||
|
||||
{%- endmacro %}
|
41
pedagogy/templates/pedagogy/starlist.jinja
Normal file
41
pedagogy/templates/pedagogy/starlist.jinja
Normal file
@ -0,0 +1,41 @@
|
||||
<div>
|
||||
{# <input name="{{ widget.name }}" id="{{ widget.name }}" hidden type="number" {% include "django/forms/widgets/attrs.html" %}></input> #}
|
||||
<style>
|
||||
.checked{
|
||||
color : orange;
|
||||
}
|
||||
.unchecked{
|
||||
color : gray;
|
||||
}
|
||||
.star input[type="radio"]{
|
||||
display : none;
|
||||
}
|
||||
.star{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
{% for i in i|rjust:5 %}
|
||||
<label class="star">
|
||||
<input type="radio" name="{{ widget.name }}" value="{{ forloop.counter0 }}" onclick='
|
||||
var stars = document.getElementsByClassName("{{ widget.name }}");
|
||||
// console.log(Array.from(this.parentNode.parentNode.children).filter(el => el.className == "star"));
|
||||
|
||||
for (var i = 0; i < 5; i++){
|
||||
console.log(i);
|
||||
var attrs = stars[i].getAttribute("class");
|
||||
attrs = attrs.replace("unchecked", "");
|
||||
attrs = attrs.replace("checked", "");
|
||||
if (i > {{ forloop.counter0 }}){
|
||||
stars[i].setAttribute("class", attrs + " unchecked");
|
||||
} else {
|
||||
stars[i].setAttribute("class", attrs + " checked");
|
||||
}
|
||||
}
|
||||
'>
|
||||
<i class="{{ widget.name }} fa fa-star unchecked"></i>
|
||||
</label>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
@ -1,4 +1,5 @@
|
||||
{% extends "core/base.jinja" %}
|
||||
{% import "pedagogy/macros.jinja" as macros%}
|
||||
|
||||
{% block title %}
|
||||
{% trans %}UV Details{% endtrans %}
|
||||
@ -23,11 +24,11 @@
|
||||
{% if object.comments.exists() %}
|
||||
<h2>{% trans %}Comments{% endtrans %}</h2>
|
||||
{% for comment in object.comments.all() %}
|
||||
<p>{{ comment.grade_global }}</p>
|
||||
<p>{{ comment.grade_utility }}</p>
|
||||
<p>{{ comment.grade_interest }}</p>
|
||||
<p>{{ comment.grade_teaching }}</p>
|
||||
<p>{{ comment.grade_work_load }}</p>
|
||||
<p>{{ macros.display_star(comment.grade_global) }}</p>
|
||||
<p>{{ macros.display_star(comment.grade_utility) }}</p>
|
||||
<p>{{ macros.display_star(comment.grade_interest) }}</p>
|
||||
<p>{{ macros.display_star(comment.grade_teaching) }}</p>
|
||||
<p>{{ macros.display_star(comment.grade_work_load) }}</p>
|
||||
<p>{{ comment.comment|markdown }}</p>
|
||||
<p>{% trans %}Published: {% endtrans %}{{ comment.publish_date }}</p>
|
||||
<p>{% trans %}Author: {% endtrans %}{{ comment.author }}</p>
|
||||
@ -48,4 +49,4 @@
|
||||
{{ form.as_p() }}
|
||||
<p><input type="submit" value="{% trans %}Comment{% endtrans %}" /></p>
|
||||
</form>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
Reference in New Issue
Block a user