From e448265a48291b4e7b5fb1325134b472e6853f66 Mon Sep 17 00:00:00 2001
From: Aung Myo <aungmyo.zaw@code2lab.com>
Date: Thu, 17 Aug 2017 18:55:29 +0630
Subject: [PATCH] update add oreder

---
 app/views/origami/addorders/show.html.erb | 57 ++++++++++++++++++++++-
 1 file changed, 55 insertions(+), 2 deletions(-)

diff --git a/app/views/origami/addorders/show.html.erb b/app/views/origami/addorders/show.html.erb
index 638da002..1c400d0d 100644
--- a/app/views/origami/addorders/show.html.erb
+++ b/app/views/origami/addorders/show.html.erb
@@ -23,7 +23,7 @@
           </div>
         </div>
         <div class="card-block">
-            <div class="card-text" style="max-height:500px; overflow:auto"">
+            <div class="card-text" style="max-height:550px; overflow:auto"">
                <table class="table table-striped summary-items">
                  <thead>
                    <tr>
@@ -49,6 +49,51 @@
         </div>
     </div>
 
+    <!-- Modal -->
+    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+            <button type="button" id="remove" class="btn btn-default" data-dismiss="modal" style="float:right;margin-right:30px;">Remove Item</button>
+            <h4 class="modal-title"></h4>
+          </div>
+          <div class="modal-body">
+            <div class="row">
+                <div class="col-lg-offset-6 col-md-offset-6 col-sm-offset-6 col-sm-6 col-md-6 col-lg-6">
+                    <span id="item_err_msg"></span>
+                </div>
+            </div>              
+              <div class="row">
+
+                <div class="col-md-6" style="width: 14.499999995%">
+                     <label for="ex1">Qty</label>
+                     <input type="hidden" id="modal_product_name">
+                     <input type="hidden" id="modal_product_sku">
+                     <input type="hidden" class="current_textbox">
+                     <div id="modal_qty" class="form-control" ></div>
+                </div>
+
+
+                         
+                
+              </div>
+              <div class="row">
+                  <div class="col-md-12">
+                   <label for="ex1" style='width:50%;'>Price</label><span class="minus btn btn-default btn-xs" style='width:50%;'>-</span>
+                     <div id="modal_price" class="form-control" ></div>
+                    <input type="button" class="btn btn-primary btn-lg btn-block" id="clear" value="Clear">
+                  </div>
+                </div>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+            <button type="button" class="btn btn-primary">Save changes</button>
+          </div>
+        </div>
+      </div>
+    </div>
+
 <script type="text/javascript">
 
 $(function(){
@@ -166,7 +211,7 @@ $(function(){
       }); 
 
       if (append===0) {
-        row ="<tr data-price ='"+price+ "'data-instance ='"+instance+ "'data-code='"+data.attr('data-item-code')+"'>"
+        row ="<tr data-price ='"+price+ "'data-toggle='modal' data-target='#myModal' 'data-instance ='"+instance+ "'data-code='"+data.attr('data-item-code')+"'>"
                 +'<td class="item-cell-no">'+rowCount+'</td>'
                 +'<td class="item-cell-name" >' + data.attr('data-name')+ ' ' + instance + '</td>'
                 +'<td class="item-cell-qty" id="item_qty">' + qty + '</td>'
@@ -265,6 +310,14 @@ $(function(){
     font-weight: bold;
     border-color: #fff #fff #fff #54A5AF;
 }
+
+.modal-dialog {
+    left:auto;
+    right: auto;
+    width: 600px;
+    padding-top: 100px;
+
+}
 </style>