67 lines
1.7 KiB
JavaScript
67 lines
1.7 KiB
JavaScript
|
// Place all the behaviors and hooks related to the matching controller here.
|
||
|
|
// All this logic will automatically be available in application.js.
|
||
|
|
// You can use CoffeeScript in this file: http://coffeescript.org/
|
||
|
|
ready = function() {
|
||
|
|
$('.btn-inc').on('click', function() {
|
||
|
|
increment($(this), 1);
|
||
|
|
});
|
||
|
|
$('.btn-dec').on('click', function() {
|
||
|
|
increment($(this), -1);
|
||
|
|
});
|
||
|
|
$('.form_row').each(function(index, row) {
|
||
|
|
updateInput(row, false);
|
||
|
|
$(row).on('input', function() {
|
||
|
|
updateInput(row);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
recalculate();
|
||
|
|
};
|
||
|
|
|
||
|
|
// Validate input, and then update
|
||
|
|
updateInput = function(row, useRecalculate) {
|
||
|
|
if (useRecalculate == null) {
|
||
|
|
useRecalculate = true;
|
||
|
|
}
|
||
|
|
cell = row.querySelector("input");
|
||
|
|
if (!cell.validity.valid) {
|
||
|
|
if (parseInt(cell.value) > parseInt(cell.max)) {
|
||
|
|
cell.value = parseInt(cell.max);
|
||
|
|
} else {
|
||
|
|
cell.value = 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
disIfNec(row)
|
||
|
|
if (useRecalculate) {
|
||
|
|
recalculate()
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
disIfNec = function(row) {
|
||
|
|
counter = parseInt($(row).find('.row_counter').val())
|
||
|
|
$(row).find('.btn-dec').prop('disabled', counter === 0)
|
||
|
|
$(row).find('.btn-inc').prop('disabled', counter === parseInt($(row).find('.row_counter').attr('max')))
|
||
|
|
};
|
||
|
|
|
||
|
|
recalculate = function() {
|
||
|
|
sum = 0
|
||
|
|
$('.row_counter').each(function(i, value) { sum += parseInt($(value).val()) * parseInt($(value).data('price')) })
|
||
|
|
return $('#order_price').html((sum / 100.0).toFixed(2))
|
||
|
|
};
|
||
|
|
|
||
|
|
increment = function(button, n) {
|
||
|
|
row = $(button).closest('.form_row')
|
||
|
|
|
||
|
|
// Fix the counter
|
||
|
|
counter = $(row).find('.row_counter')
|
||
|
|
value = parseInt(counter.val())
|
||
|
|
if (isNaN(value)) {
|
||
|
|
value = 0
|
||
|
|
}
|
||
|
|
counter.val(value + n)
|
||
|
|
|
||
|
|
updateInput(row[0])
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(ready);
|
||
|
|
$(document).on('page:load', ready);
|