173 lines
7.1 KiB
HTML
173 lines
7.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
<!-- {% block page_title %}.: New Routine :.{% endblock %} -->
|
|
<!-- {% block title %}Routine{% endblock %} -->
|
|
|
|
{% 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">
|
|
<h4 class="">Compose Training : {{ gymnast_training.gymnast }} - {{ gymnast_training.date|date:"l j F Y" }}</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<ul class="no-bullets" id="ul-rounds-list"><li>
|
|
<div class="form-group row pb-0 mb-0">
|
|
<label class="col-2 col-form-label pb-0 text-center">Rank</label>
|
|
<label class="col-7 col-form-label pb-0">Label</label>
|
|
<label class="col-3 col-form-label pb-0">Repetition</label>
|
|
</div>
|
|
</li>
|
|
{% for gtr in gtr_list %}
|
|
<li>
|
|
<div class="form-group row pb-0 mb-0">
|
|
<label class="col-2 col-form-label pt-2 pb-0 text-center">{{ gtr.rank }}</label>
|
|
<div class="col-7 pt-2 text-danger">
|
|
{{ gtr.training_round.label }}
|
|
</div>
|
|
<div class="col-3 pt-2 text-danger">
|
|
{{ gtr.repetition }}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
<li>
|
|
<div class="form-group row pb-0 mb-0">
|
|
<label class="col-2 col-form-label text-right mb-0 text-center" id="label_rank">{{ rank }}</label>
|
|
<div class="col-7 mb-0">
|
|
<input type="hidden" name="traininground_id" id="id_traininground_id" value="">
|
|
<input type="text" name="traininground" placeholder="Training round" class="form-control selectpicker" id="id_traininground">
|
|
</div>
|
|
<div class="col-3 mb-0">
|
|
<select type="text" name="repetition" placeholder="Repetition" class="form-control selectpicker" id="id_repetition">
|
|
<option>-----</option>
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
<option>6</option>
|
|
<option>7</option>
|
|
<option>8</option>
|
|
<option>9</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-footer pt-0">
|
|
<a href="{% url 'gymnast_training_details' gymnast_training.id %}">
|
|
<button type="submit" value="add" class="btn btn-icon btn-warning ">
|
|
<i class="tim-icons icon-double-left"></i>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block footerscript %}
|
|
<script type="text/javascript">
|
|
const csrf_token = "{{ csrf_token|escapejs }}";
|
|
|
|
$(document).ready(function() {
|
|
var repetition = 0;
|
|
var round_label = "";
|
|
var rank = {{ rank }};
|
|
$('#id_traininground').focus();
|
|
|
|
function insert_round(repetition)
|
|
{
|
|
$.ajax({
|
|
url: "{% url 'link_round_to_training' %}",
|
|
method: "POST",
|
|
data: {
|
|
gymnast_training_id: {{ gymnast_training.id }},
|
|
traininground_id: $('#id_traininground_id').val(),
|
|
rank: rank,
|
|
repetition: $('#id_repetition').val(),
|
|
csrfmiddlewaretoken: '{{ csrf_token }}'
|
|
},
|
|
}).done(function() {
|
|
insert_selected_round(round_label, repetition);
|
|
});
|
|
}
|
|
|
|
$('#id_repetition').on("change", function(){
|
|
if($("select option:selected").val() != "-----")
|
|
insert_round($("select option:selected").val());
|
|
});
|
|
|
|
function insert_selected_round(round_label="Test", repetition=1)
|
|
{
|
|
// $('#minusButton').remove();
|
|
$('#ul-rounds-list li:last-child').before('<div class="form-group row pb-0 mb-0"><label class="col-2 col-form-label pt-2 pb-0 text-center">' + rank + '</label><div class="col-7 pt-2 text-danger">' + round_label + '</div><div class="col-3 pt-2 text-danger">' + repetition + '</div></div>');
|
|
rank += 1;
|
|
$('#label_rank').html(rank);
|
|
$('#id_traininground').val('').focus();
|
|
}
|
|
|
|
// $('body').on('click', '#minusButton', function(event){
|
|
// $.ajax({
|
|
// url: "{% url 'unlink_skill_from_combination' %}",
|
|
// method: "POST",
|
|
// data: {
|
|
// combination_id: {{ routine.id }},
|
|
// rank: number_of_skill,
|
|
// csrfmiddlewaretoken: '{{ csrf_token }}'
|
|
// },
|
|
// }).done(function() {
|
|
// $('ol li:last-child').prev().remove();
|
|
// });
|
|
// });
|
|
|
|
$('#id_traininground').autocomplete({
|
|
source: function(request, response) {
|
|
$.ajax({
|
|
url: "{% url 'traininground_lookup' %}",
|
|
method: "POST",
|
|
data: {
|
|
pattern: request.term,
|
|
csrfmiddlewaretoken: csrf_token
|
|
},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if(data.length != 0) {
|
|
response($.map(data, function(item) {
|
|
return {
|
|
label: item.Label,
|
|
value: item.Label,
|
|
trainingroun_id: item.ID,
|
|
notation: item.Label,
|
|
}
|
|
}))
|
|
} else {
|
|
response([{ label: 'No result found.', value: '' }]);
|
|
};
|
|
},
|
|
|
|
error: function (exception) {
|
|
console.log(exception);
|
|
}
|
|
});
|
|
},
|
|
minLength: 2,
|
|
select: function (event, ui) {
|
|
$('#id_traininground_id').val(ui.item.trainingroun_id);
|
|
round_label = ui.item.label;
|
|
$('#id_repetition').focus();
|
|
},
|
|
{% 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 %}
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %} |