klmp200
/
Sith
mirror of https://github.com/ae-utbm/sith3.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

pedagogy: basic display of the guide

This commit is contained in:
Antoine Bartuccio 2019-07-05 18:16:28 +02:00
parent 3063e4a24f
commit 2aa1314fac
Signed by: klmp200
GPG Key ID: E7245548C53F904B
1 changed files with 74 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

128
pedagogy/templates/pedagogy/guide.jinja
View File

@ -6,46 +6,66 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<form id="search_form" action="{{ url('pedagogy:guide') }}" method="get"> <form id="search_form" action="{{ url('pedagogy:guide') }}" method="get">
<p> <p>
<input type="text" name="search"> <input type="text" name="search">
<button>{% trans %}Details{% endtrans %}</button> <button>{% trans %}Details{% endtrans %}</button>
</p> </p>
<p> <p>
<input type="radio" name="department" value="EDIM">{% trans %}EDIM{% endtrans %} <input type="radio" name="department" value="EDIM">{% trans %}EDIM{% endtrans %}
<input type="radio" name="department" value="EE">{% trans %}ENERGIE{% endtrans %} <input type="radio" name="department" value="EE">{% trans %}ENERGIE{% endtrans %}
<input type="radio" name="department" value="IMSI">{% trans %}IMSI{% endtrans %} <input type="radio" name="department" value="IMSI">{% trans %}IMSI{% endtrans %}
<input type="radio" name="department" value="GI">{% trans %}INFO{% endtrans %} <input type="radio" name="department" value="GI">{% trans %}INFO{% endtrans %}
<input type="radio" name="department" value="MC">{% trans %}GMC{% endtrans %} <input type="radio" name="department" value="MC">{% trans %}GMC{% endtrans %}
<input type="radio" name="department" value="HUMA">{% trans %}HUMA{% endtrans %} <input type="radio" name="department" value="HUMA">{% trans %}HUMA{% endtrans %}
<input type="radio" name="department" value="TC">{% trans %}TC{% endtrans %} <input type="radio" name="department" value="TC">{% trans %}TC{% endtrans %}
</p> </p>
<p> <p>
<input type="radio" name="credit_type" value="CS">{% trans %}CS{% endtrans %} <input type="radio" name="credit_type" value="CS">{% trans %}CS{% endtrans %}
<input type="radio" name="credit_type" value="TM">{% trans %}TM{% endtrans %} <input type="radio" name="credit_type" value="TM">{% trans %}TM{% endtrans %}
<input type="radio" name="credit_type" value="EC">{% trans %}EC{% endtrans %} <input type="radio" name="credit_type" value="EC">{% trans %}EC{% endtrans %}
<input type="radio" name="credit_type" value="QC">{% trans %}QC{% endtrans %} <input type="radio" name="credit_type" value="QC">{% trans %}QC{% endtrans %}
<input type="radio" name="credit_type" value="TM">{% trans %}TM{% endtrans %} <input type="radio" name="credit_type" value="TM">{% trans %}TM{% endtrans %}
<input type="checkbox" name="semester" value="AUTUMN">A <input type="checkbox" name="semester" value="AUTUMN">A
<input type="checkbox" name="semester" value="SPRING">P <input type="checkbox" name="semester" value="SPRING">P
<input type="checkbox" name="semester" value="AUTUMN_AND_SPRING"> <input type="checkbox" name="semester" value="AUTUMN_AND_SPRING">
</p> </p>
</form> </form>
{% if can_create_uv(user) %} {% if can_create_uv(user) %}
<p> <p>
<a href="{{ url('pedagogy:uv_create') }}">{% trans %}Create UV{% endtrans %}</a> <a href="{{ url('pedagogy:uv_create') }}">{% trans %}Create UV{% endtrans %}</a>
</p> </p>
{% endif %} <br>
{% for uv in object_list %} {% endif %}
<p> <table>
<a href="{{ url('pedagogy:uv_detail', uv_id=uv.id) }}">{{ uv.code }}</a> <thead>
{% if user.is_owner(uv) -%} <tr>
<a href="{{ url('pedagogy:uv_update', uv_id=uv.id) }}">{% trans %}Edit{% endtrans %}</a> <td>{% trans %}UV{% endtrans %}</td>
<a href="{{ url('pedagogy:uv_delete', uv_id=uv.id) }}">{% trans %}Delete{% endtrans %}</a> <td>{% trans %}Title{% endtrans %}</td>
{%- endif -%} <td>{% trans %}Department{% endtrans %}</td>
</p> <td>{% trans %}Credit type{% endtrans %}</td>
{% endfor %} {% if can_create_uv(user) %}
<td>{% trans %}Edit{% endtrans %}</td>
<td>{% trans %}Delete{% endtrans %}</td>
{% endif %}
</tr>
</thead>
<tbody>
{% for uv in object_list %}
<tr>
<td><a href="{{ url('pedagogy:uv_detail', uv_id=uv.id) }}">{{ uv.code }}</a></td>
<td>{{ uv.title }}</td>
<td>{{ uv.department }}</td>
<td>{{ uv.credit_type }}</td>
{% if user.is_owner(uv) -%}
<td><a href="{{ url('pedagogy:uv_update', uv_id=uv.id) }}">{% trans %}Edit{% endtrans %}</a></td>
<td><a href="{{ url('pedagogy:uv_delete', uv_id=uv.id) }}">{% trans %}Delete{% endtrans %}</a></td>
{%- endif -%}
</tr>
{% endfor %}
</tbody>
</table>
<script> <script>
@ -53,16 +73,16 @@
var urlParams = new URLSearchParams(window.location.search); var urlParams = new URLSearchParams(window.location.search);
function autofillCheckboxRadio(name){ function autofillCheckboxRadio(name){
if (urlParams.has(name)){ $("input[name='" + name + "']").each(function(){ if (urlParams.has(name)){ $("input[name='" + name + "']").each(function(){
if ($(this).attr("value") == urlParams.get(name)) if ($(this).attr("value") == urlParams.get(name))
$(this).prop("checked", true); $(this).prop("checked", true);
}); });
}
} }
if (urlParams.has("search")) }
$("input[name='search']").first().prop("value", urlParams.get("search")); if (urlParams.has("search"))
autofillCheckboxRadio("department"); $("input[name='search']").first().prop("value", urlParams.get("search"));
autofillCheckboxRadio("credit_type"); autofillCheckboxRadio("department");
autofillCheckboxRadio("semester"); autofillCheckboxRadio("credit_type");
autofillCheckboxRadio("semester");
// Allow unchecking a radio button when we click on it // Allow unchecking a radio button when we click on it
// Keep a state of what is checked // Keep a state of what is checked
@ -76,17 +96,17 @@
formStates[this.name] = this.value; formStates[this.name] = this.value;
} }
$("input[type='radio']").each(function() { $("input[type='radio']").each(function() {
$(this).on("click", radioCheckToggle); $(this).on("click", radioCheckToggle);
// Get current state // Get current state
if ($(this).prop("checked")){ if ($(this).prop("checked")){
formStates[$(this).attr("name")] = $(this).attr("value"); formStates[$(this).attr("name")] = $(this).attr("value");
} }
}); });
var autumn_and_spring = $("input[value='AUTUMN_AND_SPRING']").first(); var autumn_and_spring = $("input[value='AUTUMN_AND_SPRING']").first();
var autumn = $("input[value='AUTUMN']").first(); var autumn = $("input[value='AUTUMN']").first();
var spring = $("input[value='SPRING']").first(); var spring = $("input[value='SPRING']").first();
// Make autumn and spring hidden if js is enabled // Make autumn and spring hidden if js is enabled
autumn_and_spring.hide(); autumn_and_spring.hide();
@ -106,7 +126,7 @@
autumn.prop("checked", false); autumn.prop("checked", false);
spring.prop("checked", false); spring.prop("checked", false);
} }
this.submit(); this.submit();
}); });
</script> </script>
{% endblock content %} {% endblock content %}