From 6525834fa951646f809c9fdffa1dacee80f9e180 Mon Sep 17 00:00:00 2001
From: Aung Myo <aungmyo.zaw@code2lab.com>
Date: Thu, 13 Jul 2017 10:35:35 +0630
Subject: [PATCH] update add order view

---
 app/views/origami/addorders/show.html.erb | 108 ++++++++++++++++++----
 1 file changed, 88 insertions(+), 20 deletions(-)

diff --git a/app/views/origami/addorders/show.html.erb b/app/views/origami/addorders/show.html.erb
index 98055c46..c4f51c1e 100644
--- a/app/views/origami/addorders/show.html.erb
+++ b/app/views/origami/addorders/show.html.erb
@@ -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>
+