2021-11-18 21:36:15 +01:00
{% extends "base.html" %}
{% block content %}
< div class = "row justify-content-center" >
< div class = "col-12 col-sm-12 col-md-8 col-lg-8 col-xl-6" >
< div class = "card" >
< div class = "card-header" >
2021-12-01 07:56:54 +01:00
< h4 class = "" > {% if accidentid %}Edit{% else %}Add{% endif %} accident< / h4 >
2021-11-18 21:36:15 +01:00
< / div >
< div class = "card-body" >
< form action = "{% if accidentid %}{% url 'accident_update' accidentid %}{% else %}{% url 'accident_create' %}{% endif %}" method = "post" class = "form-horizontal" id = "formulaire" name = "formulaire" >
{% csrf_token %}
< div class = "form-group row " >
2021-12-01 07:56:54 +01:00
< label for = "id_date" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Date*< / label >
2021-11-18 21:36:15 +01:00
< div class = "col-8 col-sm-6 col-md-4 col-lg-4 col-xl-4 {% if form.date.errors %}has-danger{% endif %}" >
{{ form.date }}
{% if form.date.errors %}< span class = "btn btn-sm btn-danger-outline" > {% for error in form.date.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
< div class = "form-group row " >
2021-12-01 07:56:54 +01:00
< label for = "id_gymnast" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Gymnast*< / label >
2021-11-18 21:36:15 +01:00
< div class = "col-8 col-sm-8 col-md-6 col-lg-6 col-xl-6 {% if form.gymnast.errors %}has-danger{% endif %}" >
{{ form.gymnast }}
{{ form.gymnast_related }}
{% if form.gymnast.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.gymnast.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
2021-11-28 15:05:00 +01:00
< div class = "form-group row " >
< label for = "id_skill" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Skill< / label >
< div class = "col-8 col-sm-8 col-md-6 col-lg-6 col-xl-6 {% if form.skill.errors %}has-danger{% endif %}" >
{{ form.skill }}
{{ form.skill_related }}
{% if form.skill.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.skill.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
< div class = "form-group row " >
< label for = "id_nb_week_off" class = "col-4 col-sm-3 col-md-3 col-lg-3 col-xl-2 col-form-label" > # Week off< / label >
< div class = "col-sm-5 col-md-4 col-lg-2 {% if form.nb_week_off.errors %}has-danger{% endif %}" >
{{ form.nb_week_off }}
{% if form.nb_week_off.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.nb_week_off.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
2021-11-18 21:36:15 +01:00
< div class = "form-group row " >
< label for = "id_information" class = "col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label" > Informations< / label >
2021-11-28 15:05:00 +01:00
< div class = "col-8 col-sm-9 col-md-9 col-lg-9 col-xl-9 {% if form.id_informations.errors %}has-danger{% endif %}" >
2021-11-21 10:45:55 +01:00
{{ form.informations }}
2021-11-18 21:36:15 +01:00
< / div >
< / div >
< div class = "form-group text-center" >
< input type = "submit" value = "{% if accidentid %}Save{% else %}Add{% endif %}" class = "btn btn-warning" / >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
2021-11-28 15:05:00 +01:00
{% endblock %}
2021-11-18 21:36:15 +01:00
2021-11-28 15:05:00 +01:00
{% block footerscript %}
2021-11-18 21:36:15 +01:00
< script type = "text/javascript" >
$(function(){
blackDashboard.initDateTimePicker();
$('#id_gymnast_related').autocomplete({
source: function(request, response){
$.ajax({
url: '/gymnast/lookup/?pattern=' + $('#id_gymnast_related').val(),
dataType: "json",
success: function(data){
if(data.length != 0){
response($.map(data, function(item){
return {
label: item.Name,
value: item.Name,
gymnastid: item.ID
}
}))
} else {
response([{ label: 'No result found.', value: '' }]);
};
},
error: function(exception){
console.log(exception);
}
});
},
minLength: 3,
select: function(event, ui){
$($(this).data('ref')).val(ui.item.gymnastid);
}
});
2021-11-28 15:05:00 +01:00
$('#id_skill_related').autocomplete({
2021-11-18 21:36:15 +01:00
source: function(request, response) {
$.ajax({
2021-11-28 15:05:00 +01:00
url: '/skill/lookup/?pattern=' + $('#id_skill_related').val(),
2021-11-18 21:36:15 +01:00
dataType: "json",
success: function(data) {
if(data.length != 0) {
response($.map(data, function(item) {
return {
2021-11-28 15:05:00 +01:00
label: item.Name,
value: item.Name,
skillid: item.ID
2021-11-18 21:36:15 +01:00
}
}))
} else {
response([{ label: 'No result found.', value: '' }]);
};
},
error: function (exception) {
console.log(exception);
}
});
},
minLength: 3,
select: function (event, ui) {
$($(this).data('ref')).val(ui.item.skillid);
}
});
});
< / script >
{% endblock %}