109 lines
3.4 KiB
Plaintext
109 lines
3.4 KiB
Plaintext
<!--- Booking Items -->
|
|
<div class="card-columns" style="padding-top:10px">
|
|
|
|
<% @i = 0 %>
|
|
<% @booking.each do |booking| %>
|
|
<% if booking.booking_status == "new" %>
|
|
<div class="card booking_click" data-ref="<%= api_booking_path booking.id%>" id="booking_block">
|
|
<div class="card-block" id="card-block" style="width:100%;">
|
|
<h4 class="card-title">
|
|
<%= @i += 1 %> . <%= booking.dining_facility.name %>
|
|
- <%= booking.id %>
|
|
</h4>
|
|
<!-- <p class="card-text">Medium, Fries, Salad</p> -->
|
|
<p class="card-text">
|
|
<small class="text-muted">
|
|
Order at <%= booking.checkin_at.strftime("%H,%m") %>, <%= booking.checkin_by %>
|
|
</small>
|
|
</p>
|
|
</div>
|
|
<div class="card-footer">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<button id="assign" data-ref="<%= booking.id%>" data-type="complete" class="btn assign btn-primary btn-sm btn-block">ASSIGN</button>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<button id="cancel" data-ref="<%= booking.id%>" data-type="cancel" class="btn btn-danger cancel btn-sm btn-block">CANCLE</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
<!--- end of Items-->
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
|
|
$(".booking_click").on("click", function(){
|
|
$(".summary-items tbody tr").remove();
|
|
var url = $(this).attr('data-ref');
|
|
show_details(url);
|
|
});
|
|
|
|
$('.assign').click(function(e){
|
|
var booking_id = $('#assign').attr('data-ref');
|
|
var type = $('#assign').attr('data-type');
|
|
update_booking(booking_id,type)
|
|
});
|
|
|
|
$('.cancel').click(function(e){
|
|
var booking_id = $('#cancel').attr('data-ref');
|
|
var type = $('#cancel').attr('data-type');
|
|
update_booking(booking_id,type)
|
|
});
|
|
|
|
});
|
|
|
|
function show_details(url_item){
|
|
$.ajax({
|
|
type: "GET",
|
|
url: url_item,
|
|
data: {},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
item_data = data.order_items;
|
|
//console.log(item_data.length);
|
|
|
|
$("#table").text(data.table_name)
|
|
$("#order_at").text(data.checkin_at)
|
|
$("#order_by").text(data.checkin_by)
|
|
|
|
for(var field in item_data) {
|
|
if (item_data[field].item_name){
|
|
var price = parseFloat(item_data[field].price).toFixed(2);
|
|
|
|
row = "<tr>"
|
|
+'<td style="width:33%; text-align:left">' + item_data[field].item_name +'</td>'
|
|
+'<td style="width:33%; text-align:center">' + item_data[field].qty + '</td>'
|
|
+'<td style="width:33%; text-align:right">' + price + '</td>'
|
|
+'</tr>';
|
|
}
|
|
$(".summary-items tbody").append(row);
|
|
}
|
|
|
|
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
function update_booking(booking_id,type) {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "api/update_booking/" ,
|
|
data: {booking_id:booking_id,type:type},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if(data.status == true && data.type == "cancel")
|
|
{
|
|
alert('Booking has canceled!');
|
|
}else{
|
|
alert('Booking has completed!');
|
|
}
|
|
location.reload();
|
|
}
|
|
});
|
|
}
|
|
|
|
</script> |