git_admin/sx-fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update table box

Browse Source
This commit is contained in:
Aung Myo
2018-02-06 10:30:16 +06:30
parent 85020d91bf
commit 5543b64b27
2 changed files with 103 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/assets/stylesheets/addorder.scss
View File

@@ -179,3 +179,31 @@ i.logout_icon{
position: relative; position: relative;
top: 5px; top: 5px;
} }
.text-white{
color: #fff;
}
/* Colors */
.purple {
background-color:#7a62d3;
}
.orange{
background-color:#FF7F50;
}
.red {
background-color:#F44336;
}
.green{
background-color: #009900;
}
.orange{
background-color: #FF8C00;
}
.blue{
background-color: blue;
}

94
app/views/origami/addorders/detail.html.erb
View File

@@ -328,33 +328,87 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title" id="TableModalLabel">Select Table</h4> <h4 class="modal-title" id="TableModalLabel">Select Table</h4>
<button type="button" class="close" id="close" data-dismiss="modal" aria-hidden="true" style="font-size: 20px;color:#fff;">&times;</button> <button type="button" class="close" id="close" data-dismiss="modal" aria-hidden="true" style="font-size: 20px;">&times;</button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<h5>Table</h5> <h5>Table</h5>
<div class="card-columns"> <div class="card-columns" style="column-count: 7">
<% @tables.each do |table| %> <% @tables.each do |table| %>
<div class="card tables text-white" data-id="<%= table.name %>"> <% if table.status == 'occupied' %>
<div class="card-block"> <% if table.get_booking.nil? %>
<%= table.name %> <% if table.get_checkout_booking.nil? %>
<span class="float-right font-12"><%= table.name %></span> <div class="card tables red text-white table_<%= table.id %>" data-id="<%= table.id %>">
</div> <% else %>
<div class="card tables orange text-white table_<%= table.id %>" data-id="<%= table.id %>">
<% end %>
<div class="card-block">
<%= table.name %>
<!-- <span class="float-right font-12 new_text_<%= table.id %>"> billed</span>
<div style="font-size:12px;"></div> -->
</div> </div>
</div>
<% else %>
<% if table.get_checkout_booking.nil? %>
<div class="card tables blue text-white table_<%= table.id %>" data-id="<%= table.id %>">
<% else %>
<div class="card tables orange text-white table_<%= table.id %>" data-id="<%= table.id %>">
<% end %>
<div class="card-block">
<%= table.name %>
<span class="float-right font-12 new_text_<%= table.id %>"> new</span>
</div>
</div>
<% end %> <% end %>
</div> <% else %>
<div class="card tables green text-white table_<%= table.id %>" data-id="<%= table.id %>">
<div class="card-block">
<%= table.name %>
<span class="float-right font-12 new_text_<%= table.id %> hide"> new</span>
</div>
</div>
<% end %>
<% end %>
</div>
<hr> <hr>
<h5>Room</h5> <h5>Room</h5>
<div class="card-columns"> <div class="card-columns" style="column-count: 7">
<% @rooms.each do |room| %> <% @rooms.each do |table| %>
<div class="card tables text-white" data-id="<%= room.name %>"> <% if table.status == 'occupied' %>
<div class="card-block"> <% if table.get_booking.nil? %>
<%= room.name %> <% if table.get_checkout_booking.nil? %>
<span class="float-right font-12"><%= room.name %></span> <div class="card tables red text-white table_<%= table.id %>" data-id="<%= table.id %>">
<% else %>
<div class="card tables orange text-white table_<%= table.id %>" data-id="<%= table.id %>">
<% end %>
<div class="card-block">
<%= table.name %>
<!-- <span class="float-right font-12 new_text_<%= table.id %>"> billed</span>
<div style="font-size:12px;"></div> -->
</div>
</div>
<% else %>
<% if table.get_checkout_booking.nil? %>
<div class="card tables blue text-white table_<%= table.id %>" data-id="<%= table.id %>">
<% else %>
<div class="card tables orange text-white table_<%= table.id %>" data-id="<%= table.id %>">
<% end %>
<div class="card-block">
<%= table.name %>
<span class="float-right font-12 new_text_<%= table.id %>"> new</span>
</div>
</div> </div>
</div> <% end %>
<% end %> <% else %>
</div> <div class="card tables green text-white table_<%= table.id %>" data-id="<%= table.id %>">
</div> <div class="card-block">
<%= table.name %>
<span class="float-right font-12 new_text_<%= table.id %> hide"> new</span>
</div>
</div>
<% end %>
<% end %>
</div>
</div>
<div class="modal-footer p-r-30"> <div class="modal-footer p-r-30">
<button type="button" class="btn btn-link btn-danger waves-effect" data-dismiss="modal">CLOSE</button> <button type="button" class="btn btn-link btn-danger waves-effect" data-dismiss="modal">CLOSE</button>
&nbsp; &nbsp; &nbsp; &nbsp;