klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2024-10-31 19:38:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

pedagogy: enhance StarList widget

Browse Source
This commit is contained in:
Antoine Bartuccio 2019-07-05 12:31:49 +02:00
parent 851231869b
commit e475273cd3
Signed by: klmp200
GPG Key ID: E7245548C53F904B
3 changed files with 45 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
pedagogy/forms.py
View File

@ -77,6 +77,16 @@ class UVForm(forms.ModelForm):
class StarList(forms.NumberInput): class StarList(forms.NumberInput):
template_name = "pedagogy/starlist.jinja" template_name = "pedagogy/starlist.jinja"
def __init__(self, nubmer_of_stars=0):
super(StarList, self).__init__(None)
self.number_of_stars = nubmer_of_stars
def get_context(self, name, value, attrs):
context = super(StarList, self).get_context(name, value, attrs)
context["number_of_stars"] = range(0, self.number_of_stars)
context["translations"] = {"do_not_vote": _("Do not vote")}
return context
class UVCommentForm(forms.ModelForm): class UVCommentForm(forms.ModelForm):
""" """
@ -99,11 +109,11 @@ class UVCommentForm(forms.ModelForm):
"comment": MarkdownInput, "comment": MarkdownInput,
"author": forms.HiddenInput, "author": forms.HiddenInput,
"uv": forms.HiddenInput, "uv": forms.HiddenInput,
"grade_global": StarList, "grade_global": StarList(5),
"grade_utility": StarList, "grade_utility": StarList(5),
"grade_interest": StarList, "grade_interest": StarList(5),
"grade_teaching": StarList, "grade_teaching": StarList(5),
"grade_work_load": StarList, "grade_work_load": StarList(5),
} }
def __init__(self, author_id, uv_id, *args, **kwargs): def __init__(self, author_id, uv_id, *args, **kwargs):

27
pedagogy/templates/pedagogy/starlist.jinja
View File

@ -1,29 +1,38 @@
<div> <div>
{# <input name="{{ widget.name }}" id="{{ widget.name }}" hidden type="number" {% include "django/forms/widgets/attrs.html" %}></input> #}
<style> <style>
.checked{ .checked {
color : orange; color : orange;
} }
.unchecked{ .unchecked {
color : gray; color : gray;
} }
.star input[type="radio"]{ .star input[type="radio"] {
display : none; display : none;
} }
.star{ .star {
display: inline; display: inline;
} }
</style> </style>
{% for i in i|rjust:5 %} <label class="star">
<input type="radio" name="{{ widget.name }}" value="-1" onclick='
var stars = document.getElementsByClassName("{{ widget.name }}");
for (var i = 0; i < stars.length; i++){
var attrs = stars[i].getAttribute("class");
attrs = attrs.replace("unchecked", "");
attrs = attrs.replace("checked", "");
stars[i].setAttribute("class", attrs + " unchecked");
}
' checked>
<span class="fa fa-times-circle"> {{ translations.do_not_vote }}</span>
</label>
{% for i in number_of_stars %}
<label class="star"> <label class="star">
<input type="radio" name="{{ widget.name }}" value="{{ forloop.counter0 }}" onclick=' <input type="radio" name="{{ widget.name }}" value="{{ forloop.counter0 }}" onclick='
var stars = document.getElementsByClassName("{{ widget.name }}"); 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++){ for (var i = 0; i < stars.length; i++){
console.log(i);
var attrs = stars[i].getAttribute("class"); var attrs = stars[i].getAttribute("class");
attrs = attrs.replace("unchecked", ""); attrs = attrs.replace("unchecked", "");
attrs = attrs.replace("checked", ""); attrs = attrs.replace("checked", "");

22
pedagogy/templates/pedagogy/uv_detail.jinja
View File

@ -1,5 +1,5 @@
{% extends "core/base.jinja" %} {% extends "core/base.jinja" %}
{% import "pedagogy/macros.jinja" as macros%} {% from "pedagogy/macros.jinja" import display_star %}
{% block title %} {% block title %}
{% trans %}UV Details{% endtrans %} {% trans %}UV Details{% endtrans %}
@ -15,20 +15,20 @@
<p>{{ object.key_concepts|markdown }}</p> <p>{{ object.key_concepts|markdown }}</p>
<p>{% trans %}UV manager: {% endtrans %}{{ object.manager }}</p> <p>{% trans %}UV manager: {% endtrans %}{{ object.manager }}</p>
<p>{{ object.grade_global_average }}</p> <p>{{ display_star(object.grade_global_average) }}</p>
<p>{{ object.grade_utility_average }}</p> <p>{{ display_star(object.grade_utility_average) }}</p>
<p>{{ object.grade_interest_average }}</p> <p>{{ display_star(object.grade_interest_average) }}</p>
<p>{{ object.grade_teaching_average }}</p> <p>{{ display_star(object.grade_teaching_average) }}</p>
<p>{{ object.grade_work_load_average }}</p> <p>{{ display_star(object.grade_work_load_average) }}</p>
{% if object.comments.exists() %} {% if object.comments.exists() %}
<h2>{% trans %}Comments{% endtrans %}</h2> <h2>{% trans %}Comments{% endtrans %}</h2>
{% for comment in object.comments.all() %} {% for comment in object.comments.all() %}
<p>{{ macros.display_star(comment.grade_global) }}</p> <p>{{ display_star(comment.grade_global) }}</p>
<p>{{ macros.display_star(comment.grade_utility) }}</p> <p>{{ display_star(comment.grade_utility) }}</p>
<p>{{ macros.display_star(comment.grade_interest) }}</p> <p>{{ display_star(comment.grade_interest) }}</p>
<p>{{ macros.display_star(comment.grade_teaching) }}</p> <p>{{ display_star(comment.grade_teaching) }}</p>
<p>{{ macros.display_star(comment.grade_work_load) }}</p> <p>{{ display_star(comment.grade_work_load) }}</p>
<p>{{ comment.comment|markdown }}</p> <p>{{ comment.comment|markdown }}</p>
<p>{% trans %}Published: {% endtrans %}{{ comment.publish_date }}</p> <p>{% trans %}Published: {% endtrans %}{{ comment.publish_date }}</p>
<p>{% trans %}Author: {% endtrans %}{{ comment.author }}</p> <p>{% trans %}Author: {% endtrans %}{{ comment.author }}</p>