84 lines
2.8 KiB
Plaintext
84 lines
2.8 KiB
Plaintext
<h1>Open Cashier</h1>
|
|
<br>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<table class='table table-striped'>
|
|
<% @float.each do |float| %>
|
|
<tr>
|
|
<th><%= float.name %></th>
|
|
<th><input class='float-value' type='text' data-value ="<%= float.value %>" value='' /></th>
|
|
</tr>
|
|
<% end %>
|
|
<tr>
|
|
<th>Total</th>
|
|
<th><div id='total'></div></th>
|
|
</tr>
|
|
</table>
|
|
<div class="row">
|
|
<div class='col-md-4'></div>
|
|
<div class='col-md-2'>
|
|
<button class='btn btn-primary' id='open_cashier'>Open Cashier</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='col-md-8'>
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-1 col-sm-1">
|
|
<div class="row bottom">
|
|
<div class=" cashier_number " data-value="1" data-type="num">1</div>
|
|
<div class=" cashier_number left" data-value="2" data-type="num">2</div>
|
|
<div class=" cashier_number left" data-value="3" data-type="num">3</div>
|
|
</div>
|
|
<div class="row bottom">
|
|
<div class=" cashier_number " data-value="4" data-type="num">4</div>
|
|
<div class=" cashier_number left" data-value="5" data-type="num">5</div>
|
|
<div class=" cashier_number left" data-value="6" data-type="num">6</div>
|
|
</div>
|
|
<div class="row bottom">
|
|
<div class=" cashier_number " data-value="7" data-type="num">7</div>
|
|
<div class=" cashier_number left" data-value="8" data-type="num">8</div>
|
|
<div class=" cashier_number left" data-value="9" data-type="num">9</div>
|
|
</div>
|
|
<div class="row bottom">
|
|
<div class=" cashier_number " data-value="0" data-type="num">0</div>
|
|
<div class=" cashier_number left" data-value="." data-type="num">.</div>
|
|
<div class=" cashier_number left" data-value="00" data-type="num">00</div>
|
|
</div>
|
|
<div class="row bottom">
|
|
<div class=" cashier_number red" data-type="del" >Del</div>
|
|
<div class=" cashier_number orange left" data-type="clr">Clr</div>
|
|
<div class=" cashier_number purple left" data-type="ent">Ent</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var total = 0
|
|
$(document).on('focusout', '.float-value', function(event){
|
|
var input_type = $(this).attr("data-value");
|
|
var count = $(this).val();
|
|
total += input_type * count
|
|
$('#total').text(total)
|
|
|
|
})
|
|
$('#open_cashier').on('click',function(){
|
|
var amount = $('#total').text();
|
|
$.ajax({type: "POST",
|
|
url: "<%= origami_shifts_path %>",
|
|
data: "opening_balance=" + amount,
|
|
success:function(result){
|
|
if(result){
|
|
window.location.href = '/origami';
|
|
}
|
|
}
|
|
});
|
|
})
|
|
</script>
|