105 lines
4.4 KiB
HTML
105 lines
4.4 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 mb-0">
|
|
<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="1" max="{% if score_type %}2500{% else %}250{% endif %}" step="1" name="jump_score" placeholder="{% if score_type %}xxxx{% else %}xxx{% endif %}" 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 }};
|
|
var score_type = {{ score_type }};
|
|
|
|
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 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"> </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(){
|
|
if(score_type && $('#jump_score').val().length >= 4) // tof
|
|
var jump_value = $('#jump_score').val() / 1000;
|
|
else
|
|
var jump_value = $('#jump_score').val() / 100;
|
|
|
|
$.ajax({
|
|
url: '/chrono/' + {{ chrono.id }} + '/add_jump_chrono_value/',
|
|
method: "POST",
|
|
data: {
|
|
order: number_of_jump + 1,
|
|
value: jump_value,
|
|
csrfmiddlewaretoken: '{{ csrf_token }}'
|
|
},
|
|
}).done(function() {
|
|
insert_entered_value(jump_value);
|
|
number_of_jump = number_of_jump + 1;
|
|
});
|
|
});
|
|
|
|
check_number_of_jump();
|
|
});
|
|
</script>
|
|
{% endblock %} |