115 lines
3.7 KiB
Plaintext
115 lines
3.7 KiB
Plaintext
<div class="container-fluid">
|
|
<div class="page-header">
|
|
<ul class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
|
|
<li class="breadcrumb-item active">CRM</li>
|
|
<span class="float-right">
|
|
<%= link_to 'Back', dashboard_path %>
|
|
</span>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Column One -->
|
|
<div class="col-lg-11 col-md-11 col-sm-11">
|
|
|
|
<div class="tab-content" style="max-height:670px; overflow-y:auto">
|
|
|
|
<!--- Panel 1 - Table Orders -->
|
|
<div class="active" role="tabpanel">
|
|
<div class="tab-pane" role="tabpanel">
|
|
<div class="card-columns" style="padding-top:10px; column-gap: 1.2rem;">
|
|
|
|
<% @dining_queues.each do |queue| %>
|
|
<% if queue.status == "Assign"
|
|
@bg_color = "assign"
|
|
elsif queue.status == "Cancel"
|
|
@bg_color = "cancel"
|
|
else
|
|
@bg_color = "normal"
|
|
end
|
|
%>
|
|
<div class="card select-queue <%= @bg_color %>" data-id="<%= queue.id %>" style="width: 21.5rem;">
|
|
<div class="card-block">
|
|
<p class="hidden queue-id"><%= queue.id %></p>
|
|
<p class="hidden queue-status"><%= queue.status %></p>
|
|
<span class="card-title"><strong> Queue No : <%= queue.queue_no %></strong></span>
|
|
<span class="card-title pull-right"><strong> Seater : <%= queue.seater %></strong></span><br>
|
|
<span class="card-title"> Name : <%= queue.name %></span><br>
|
|
<span class="card-title"> Contact No : <%= queue.contact_no %></span>
|
|
<span class="card-title"> Remark : <%= queue.remark %></span>
|
|
</div>
|
|
</div>
|
|
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- tabs - End -->
|
|
</div>
|
|
<div class="col-lg-1 col-md-1 col-sm-1">
|
|
<%= link_to t("views.btn.new"),new_crm_dining_queue_path,:class => 'btn bg-green btn-block btn-lg btn-block' %>
|
|
<hr>
|
|
|
|
<button type="button" id="assign" class="btn btn-primary btn-block btn-lg waves-effect" disabled>Assign</button>
|
|
<button type="button" id="cancel" class="btn btn-danger btn-block btn-lg waves-effect" disabled>Cancel</button>
|
|
<a href="<%= dashboard_path %>" class="btn btn-default btn-block waves-effect" role="button" aria-haspopup="true" aria-expanded="false"> Back </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
|
|
$(".select-queue").on("click", function(){
|
|
$('.select-queue').removeClass('selected-item');
|
|
$(this).addClass('selected-item');
|
|
var status = $(this).find(".queue-status").text();
|
|
if(status != "Assign" && status != "Cancel"){
|
|
$("#assign").removeAttr("disabled");
|
|
$("#cancel").removeAttr("disabled");
|
|
}else{
|
|
$("#assign").attr("disabled","disabled");
|
|
$("#cancel").attr("disabled","disabled");
|
|
}
|
|
$("#assign").val($(this).find(".queue-id").text());
|
|
$("#cancel").val($(this).find(".queue-id").text());
|
|
}); //End Click
|
|
|
|
|
|
});
|
|
$('#assign').click(function() {
|
|
var id = $(this).val();
|
|
window.location.href = "dining_queues/"+id + "/assign"
|
|
});
|
|
|
|
$('#cancel').click(function() {
|
|
var id = $(this).val();
|
|
url = '<%= crm_cancel_queue_path %>';
|
|
cancel_queue(id,url);
|
|
});
|
|
|
|
|
|
function cancel_queue(id,url) {
|
|
swal({
|
|
title: "Confirm!",
|
|
text: "Are You Sure to cancel this Queue!",
|
|
}, function () {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: url ,
|
|
data: {id:id},
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if(data.status == true)
|
|
{
|
|
location.reload();
|
|
}
|
|
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
</script>
|