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

update add order view

Browse Source
This commit is contained in:
Aung Myo
2017-07-13 10:35:35 +06:30
parent d99ed58d28
commit 6525834fa9
1 changed files with 88 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
app/views/origami/addorders/show.html.erb
View File

@@ -4,39 +4,107 @@
<ul class="nav nav-tabs md-pills pills-primary flex-column" role="tablist">
<% @menu.each do |menu| %>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#table" role="tab"> <%= menu.name%></a>
<a class="nav-link" data-toggle="tab" href="" role="tab"> <%= menu.name%></a>
</li>
<% end %>
</ul>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-7">
<div class="tab-content" style="max-height:650px; overflow:auto">
<div class="col-lg-6 col-md-6 col-sm-6" style="margin-left:-30px !important">
<div class="tab-pane active" id="table" role="tabpanel" style="max-height:; overflow:auto">
<div class="card-columns" style="padding-top:10px; column-gap: 2.2rem;">
<div class="card click_table " data-id = "">
<div class="card-block">
<p class="hidden table-status">VVV</p>
<p style="text-align: center">VVVV</p>
<p style="text-align: center">BBBBB</p>
</div>
<ul class="menu-list">
<div class="box col-md-3">
<div class="card">
<div class="card-block">
<p class=""> Menu Name</p>
<p class="Card subtitle">Price : 3000 ks</p>
</div>
</div>
</div>
<div class="box col-md-3">
<div class="card">
<div class="card-block">
<p class=""> Menu Name</p>
<p class="Card subtitle">Price : 3000 ks</p>
</div>
</div>
</div>
<div class="box col-md-3">
<div class="card">
<div class="card-block">
<p class=""> Menu Name</p>
<p class="Card subtitle">Price : 3000 ks</p>
</div>
</div>
</div>
<div class="box col-md-3">
<div class="card">
<div class="card-block">
<p class=""> Menu Name</p>
<p class="Card subtitle">Price : 3000 ks</p>
</div>
</div>
</div>
</div>
</div>
</ul>
</div>
<div class="col-lg-1 col-md-1 col-sm-1">
<button type="button" class="btn btn-primary btn-block" id='back' >Back</button>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="card-header">
<div><strong id="order-title">ORDER DETAILS </strong> | Table 21</div>
</div>
<div class="card-block">
<div class="card-text" style="min-height:500px; max-height:500px; overflow-x:scroll">
<table class="table table-striped" id="order-items-table">
<thead>
<tr>
<th>#</th>
<th class="item-name">Items</th>
<th class="item-attr">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td class='item-name'>aaaaa x2</td>
<td class='item-attr'>name</td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer">
<table class="table" id="order-charges-table" border="0">
<tr>
<td class="charges-name"><strong>Sub Total:</strong></td>
<td class="item-attr"><strong id="order-sub-total">22222</strong></td>
</tr>
</table>
</div>
</div>
</div>
<script>
</script>
<style type="text/css">
li{
}
.box{
padding:1px !important;
}
..card-block{
padding:1rem !important;
}
</style>