99 lines
4.1 KiB
HTML
99 lines
4.1 KiB
HTML
{% 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">
|
|
<h4>Add chrono details</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<ol>
|
|
{% for jump in jump_list %}
|
|
<li>
|
|
<div class="form-group row pb-0 mb-0">
|
|
<label class="col-1 col-sm-1 col-md-1 col-lg-1 col-xl-1 col-form-label text-right mb-0 pb-0"> </label>
|
|
<div class="col-11 col-sm-11 col-md-11 col-lg-11 col-xl-11 pt-2 text-danger pb-0">
|
|
{{ jump.value }}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
<li id="li_add_score">
|
|
<div class="form-group row">
|
|
<label class="col-1 col-sm-1 col-md-1 col-lg-1 col-xl-1 col-form-label text-right"> </label>
|
|
<div class="col-3 col-sm-3 col-md-3 col-lg-3 col-xl-3">
|
|
<input type="number" min="0.1" step="0.01" name="jump_score" placeholder="x,xx" class="form-control" id="jump_score">
|
|
</div>
|
|
<div class="col-1 col-sm-1 col-md-1 col-lg-1 col-xl-1"><button type="button" class="btn btn-warning btn-sm" id="plus_button">+</button></div>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
<div class="card-footer pt-0">
|
|
<a href="{% url 'jump_chrono_details' chrono.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" >
|
|
$(document).ready(function() {
|
|
var number_of_jump = {{ number_of_jump }};
|
|
|
|
function check_number_of_jump()
|
|
{
|
|
if(number_of_jump >= 10)
|
|
$('#li_add_score').hide();
|
|
else
|
|
$('#li_add_score').show();
|
|
}
|
|
|
|
function insert_entered_value(jump_score)
|
|
{
|
|
$('#minusButton').remove();
|
|
$('ol li:last-child').before('<li><div class="form-group row"><label class="col-1 col-sm-1 col-md-1 col-lg-1 col-xl-1 col-form-label text-right"> </label><div class="col-3 col-sm-3 col-md-3 col-lg-3 col-xl-3 pt-2">' + jump_score + '</div><div class="col-1 col-sm-1 col-md-1 col-lg-1 col-xl-1"><button type="button" class="btn btn-warning btn-sm" id="minus_button">-</button></div></div></li>');
|
|
$('#jump_score').val('');
|
|
$('#jump_score').focus()
|
|
check_number_of_jump();
|
|
}
|
|
|
|
$('body').on('click', '#minus_button', function(event){
|
|
$.ajax({
|
|
url: '/chrono/' + {{ chrono.id }} + '/remove_jump_chrono_value/',
|
|
method: "POST",
|
|
data: {
|
|
order: number_of_jump,
|
|
csrfmiddlewaretoken: '{{ csrf_token }}'
|
|
},
|
|
}).done(function() {
|
|
$('ol li:last-child').prev().remove();
|
|
number_of_jump = number_of_jump - 1;
|
|
});
|
|
});
|
|
|
|
$('#plus_button').click(function(){
|
|
$.ajax({
|
|
url: '/chrono/' + {{ chrono.id }} + '/add_jump_chrono_value/',
|
|
method: "POST",
|
|
data: {
|
|
order: number_of_jump + 1,
|
|
value: $('#jump_score').val(),
|
|
csrfmiddlewaretoken: '{{ csrf_token }}'
|
|
},
|
|
}).done(function() {
|
|
insert_entered_value($('#jump_score').val());
|
|
number_of_jump = number_of_jump + 1;
|
|
});
|
|
});
|
|
|
|
check_number_of_jump();
|
|
});
|
|
</script>
|
|
{% endblock %} |