queue card ui

This commit is contained in:
Yan
2017-11-17 19:55:26 +06:30
parent 2555efa186
commit 3aac2629c9
2 changed files with 21 additions and 6 deletions

View File

@@ -11,6 +11,10 @@
@import "BSBMaterial/themes/all-themes";
@import "reset";
.sx-margin-0 {
margin: 0 !important;
}
.selected-item {
color: #fff !important;
background-color: #7a62d3 !important;

View File

@@ -28,15 +28,26 @@
@bg_color = "normal"
end
%>
<div class="card select-queue <%= @bg_color %>" data-id="<%= queue.id %>" style="">
<div class="card select-queue <%= @bg_color %>" data-id="<%= queue.id %>">
<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 float-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><br>
<span class="card-title"> Remark : <%= queue.remark %></span>
<div class="row card-title">
<div class="col-md-auto col-sm-12 sx-margin-0">
<p class="padding-0 margin-0">
<strong> Queue No : <%= queue.queue_no %></strong>
</p>
</div>
<div class="col-md-auto col-sm-12 sx-margin-0">
<p class="padding-0 margin-0">
<strong> Seater : <%= queue.seater %></strong>
</p>
</div>
</div>
<p class="card-title"> Name : <%= queue.name %></p>
<p class="card-title"> Contact No : <%= queue.contact_no %></p>
<p class="card-title"> Remark : <%= queue.remark %></p>
</div>
</div>
<% end %>