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" >
2022-02-15 17:49:35 +01:00
< form action = "{% if gymnast_id %}{% url 'gymnast_update' gymnast_id %}{% else %}{% url 'gymnast_create' %}{% endif %}" method = "post" class = "form-horizontal" id = "form" name = "form" >
2021-11-12 15:32:24 +01:00
{% csrf_token %}
2022-09-07 12:21:22 +02:00
< div class = "form-group row {% if form.last_name.errors %}has-error has-feedback{% endif %}" >
2022-02-08 18:55:48 +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 < span class = "text-danger" > < b > *< / b > < / span > < / 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 %}" >
2022-02-08 18:55:48 +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 < span class = "text-danger" > < b > *< / b > < / span > < / 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 %}" >
2022-02-08 18:55:48 +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 < span class = "text-danger" > < b > *< / b > < / span > < / 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 >
2022-02-13 15:33:46 +01:00
< div class = "col-12 col-sm-10 col-md-6 col-lg-6 col-xl-6" >
2022-02-06 15:44:55 +01:00
{{ 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 " >
2022-02-08 18:55:48 +01:00
< label for = "id_club" class = "col-4 col-sm-3 col-form-label" > Club < span class = "text-danger" > < b > *< / b > < / span > < / 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 >
2022-09-07 12:21:22 +02:00
< div class = "form-group row {% if form.email.errors %}has-error has-feedback{% endif %}" >
< label for = "id_email_trainer" class = "col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label" > Email trainer< / label >
< div class = "col-12 col-sm-10 col-md-6 col-lg-6 col-xl-6" >
{{ form.email_trainer }}
{% if form.email_trainer.errors %} < span class = "btn btn-sm btn-danger-outline" > {% for error in form.email_trainer.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 %}" >
2022-02-08 18:55:48 +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 < span class = "text-danger" > < b > *< / b > < / span > < / 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 >
2022-02-15 18:30:03 +01:00
< div class = "row" >
2022-02-08 18:55:48 +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 < span class = "text-danger" > < b > *< / b > < / span > < / label >
2022-02-15 18:30:03 +01:00
< div class = "col-8 col-sm-3 col-md-3 col-lg-3 col-xl-3" >
< div class = "form-group {% if form.hours_by_week.errors %}has-error{% endif %}" >
2021-11-17 10:39:16 +01:00
{{ form.hours_by_week }}
2022-02-15 18:30:03 +01:00
{% if form.hours_by_week.errors %}
< label id = "id_hours_by_week-error" class = "text-danger" for = "id_hours_by_week" >
{% for error in form.hours_by_week.errors %}{{error}}{% endfor %}
< / label >
{% endif %}
< / div >
2021-11-17 10:39:16 +01:00
< / div >
< / div >
2022-02-13 15:33:46 +01:00
< div class = "form-group row " >
< label for = "id_information" class = "col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label" > Informations< / label >
< div class = "col-8 col-sm-9 col-md-9 col-lg-9 col-xl-9 {% if form.id_informations.errors %}has-danger{% endif %}" >
{{ form.informations }}
< / 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 >
2022-09-07 12:21:22 +02:00
{% else %}
< input type = "hidden" value = "1" name = "{{ form.is_active.name }}" id = "id_is_active" >
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" >
2022-02-11 16:06:46 +01:00
const csrf_token = "{{ csrf_token|escapejs }}";
2022-02-12 18:39:06 +01:00
const club_lookup = "{% url 'club_lookup' %}";
2022-02-11 16:06:46 +01:00
2021-11-12 15:32:24 +01:00
$(function(){
$('#id_birthdate').datetimepicker({
format: 'YYYY-MM-DD'
});
blackDashboard.initDateTimePicker();
2022-02-15 17:49:35 +01:00
$('#id_hours_by_week').focusout(function(){
value = $(this).val().replace(/,/g, '.');
$(this).val(parseFloat(value).toFixed(1));
});
$('#form').submit(function(){
$('#id_hours_by_week').val().replace(/,/g, '.');
$('#id_hours_by_week').val(parseFloat(value).toFixed(1));
})
2021-11-12 15:32:24 +01:00
$('#id_club_related').autocomplete({
source: function(request, response) {
$.ajax({
2022-02-12 18:39:06 +01:00
url: club_lookup,
method: "POST",
data: {
pattern: $('#id_club_related').val(),
csrfmiddlewaretoken: csrf_token
},
2021-11-12 15:32:24 +01:00
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 %}