2021-11-12 15:32:24 +01:00
{% extends "base.html" %}
{% block content %}
< div class = "row justify-content-center" >
< div class = "col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8" >
< div class = "card" >
< div class = "card-header" >
2021-12-20 12:23:22 +01:00
< h4 class = "" > {% if gymnast_id %}Edit{% else %}Add{% endif %} Gymnast< / h4 >
2021-11-12 15:32:24 +01:00
< / div >
< div class = "card-body" >
2021-12-20 12:23:22 +01:00
< form action = "{% if gymnast_id %}{% url 'gymnast_update' gymnast_id %}{% else %}{% url 'gymnast_create' %}{% endif %}" method = "post" class = "form-horizontal" id = "formulaire" name = "formulaire" >
2021-11-12 15:32:24 +01:00
{% csrf_token %}
< div class = "form-group row {% if form.last_name.errors %}has-error has-feedback{% endif %}" >
2021-12-01 07:56:54 +01:00
< label for = "id_last_name" class = "col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label" > Names*< / label >
2021-11-12 15:32:24 +01:00
< div class = "col-8 col-sm-9 col-md-9 col-lg-9 col-xl-9" >
< div class = "row" >
< div class = "col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 pr-0" >
{{ form.last_name }}
{% if form.last_name.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.last_name.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< div class = "col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6" >
{{ form.first_name }}
{% if form.first_name.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.first_name.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
< / div >
< / div >
< div class = "form-group row {% if form.birthdate.errors %}has-error has-feedback{% endif %}" >
2021-12-01 07:56:54 +01:00
< label for = "id_birthdate" class = "col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label" > Birthdate*< / label >
2021-11-12 15:32:24 +01:00
< div class = "col-8 col-sm-3 col-md-3 col-lg-3 col-xl-3" >
{{ form.birthdate }}
{% if form.birthdate.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.birthdate.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
< div class = "form-group row {% if form.gender.errors %}has-error has-feedback{% endif %}" >
2021-12-01 07:56:54 +01:00
< label for = "id_gender" class = "col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label" > Gender*< / label >
2021-11-12 15:32:24 +01:00
< div class = "col-8 col-sm-3 col-md-3 col-lg-3 col-xl-3" >
{{ form.gender }}
{% if form.gender.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.gender.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
2022-02-06 15:44:55 +01:00
< div class = "form-group row {% if form.email.errors %}has-error has-feedback{% endif %}" >
< label for = "id_email" class = "col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label" > Email< / label >
< div class = "col-12 col-sm-10 col-md-9 col-lg-9 col-xl-9" >
{{ form.email }}
{% if form.email.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.email.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
2021-11-12 15:32:24 +01:00
< div class = "form-group row " >
2021-12-01 07:56:54 +01:00
< label for = "id_club" class = "col-4 col-sm-3 col-form-label" > Club*< / label >
2021-11-12 15:32:24 +01:00
< div class = "col-8 col-md-9 col-lg-6 {% if form.club.errors %}has-danger{% endif %}" >
2021-11-12 16:15:32 +01:00
{{ form.club }}
2021-11-12 15:32:24 +01:00
{{ form.club_related }}
{% if form.club.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.club.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
2021-11-17 10:39:16 +01:00
< div class = "form-group row {% if form.trainings_by_week.errors %}has-error has-feedback{% endif %}" >
2021-12-01 07:56:54 +01:00
< label for = "id_trainings_by_week" class = "col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label" > Trainings by week*< / label >
2021-11-17 10:39:16 +01:00
< div class = "col-8 col-sm-3 col-md-3 col-lg-2 col-xl-2" >
{{ form.trainings_by_week }}
{% if form.trainings_by_week.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.trainings_by_week.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
< div class = "form-group row {% if form.hours_by_week.errors %}has-error has-feedback{% endif %}" >
2021-12-01 07:56:54 +01:00
< label for = "id_hours_by_week" class = "col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label" > Hours by week*< / label >
2021-11-17 10:39:16 +01:00
< div class = "col-8 col-sm-3 col-md-3 col-lg-2 col-xl-2" >
{{ form.hours_by_week }}
{% if form.hours_by_week.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.hours_by_week.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
2022-01-05 18:44:15 +01:00
{% if gymnast_id %}
2021-11-12 15:32:24 +01:00
< div class = "form-group row {% if form.is_active.errors %}has-error has-feedback{% endif %}" >
< label for = "id_is_active" class = "col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label" > Is active< / label >
< div class = "col-8 col-sm-2 col-md-2 col-lg-2 col-xl-2" >
{{ form.is_active }}
{% if form.is_active.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.is_active.errors %}{{error}}{% endfor %}< / span > {% endif %}
< / div >
< / div >
2021-11-17 10:39:16 +01:00
{% endif %}
2021-11-12 15:32:24 +01:00
< div class = "form-group text-center" >
< input type = "submit" value = "Save" class = "btn btn-fill btn-warning" / >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
2021-12-02 14:23:26 +01:00
{% endblock %}
2021-11-12 15:32:24 +01:00
2021-12-02 14:23:26 +01:00
{% block footerscript %}
2021-11-12 15:32:24 +01:00
< script type = "text/javascript" >
$(function(){
$('#id_birthdate').datetimepicker({
format: 'YYYY-MM-DD'
});
blackDashboard.initDateTimePicker();
$('#id_club_related').autocomplete({
source: function(request, response) {
$.ajax({
url: '/club/lookup/?pattern=' + $('#id_club_related').val(),
dataType: "json",
success: function(data) {
if(data.length != 0) {
response($.map(data, function(item) {
return {
label: item.Name,
value: item.Name,
clubid: 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.clubid);
2022-02-01 11:08:02 +01:00
},
{% if request.session.template == 0 %}
classes: {
"ui-widget-content": "custom_autocomplete_ul",
"ui-autocomplete": "custom_autocomplete_ul",
"ui-menu-item-wrapper": "custom_autocomplete_li",
"ui-menu-item": "custom_autocomplete_li",
},
{% endif %}
2021-11-12 15:32:24 +01:00
});
});
< / script >
{% endblock %}