From e7c2e3c0077c94c3ce8907007c665cc9254abe49 Mon Sep 17 00:00:00 2001
From: Aung Myo <aungmyo.zaw@code2lab.com>
Date: Wed, 27 Sep 2017 17:54:54 +0630
Subject: [PATCH] update addorder

---
 app/assets/javascripts/OQS.js                 |  2 +-
 app/assets/javascripts/addorder.js            | 58 +++++++++----------
 .../channels/order_queue_station.js           |  2 +-
 app/assets/stylesheets/addorder.scss          |  1 +
 4 files changed, 32 insertions(+), 31 deletions(-)

diff --git a/app/assets/javascripts/OQS.js b/app/assets/javascripts/OQS.js
index 64ebc678..c48807b3 100644
--- a/app/assets/javascripts/OQS.js
+++ b/app/assets/javascripts/OQS.js
@@ -61,7 +61,7 @@ $(document).ready(function(){
 	          var date = new Date(data[field]["created_at"]); 
           var show_date = date.getDate() + "-" + date.getMonth() + "-" + date.getFullYear() + ' ' +  date.getHours()+ ':' +  date.getMinutes();
 	           
-	          row ='<div class="card queue_station" data-date="'+data[field]["order_id"]+'">'
+	          row ='<div class="card queue_station animated " data-date="'+data[field]["order_id"]+'">'
 	                  +'<div class="card-block">'
 	                      +'<h4 class="card-title">'
 	                        +'<span class="order-zone-type">'+data[field]["table_type"]+'- </span>'
diff --git a/app/assets/javascripts/addorder.js b/app/assets/javascripts/addorder.js
index 01d42309..0e626507 100644
--- a/app/assets/javascripts/addorder.js
+++ b/app/assets/javascripts/addorder.js
@@ -69,38 +69,38 @@ $(function(){
               image_path = "/image/logo.png";
             }
 
-            row = '<div class="card custom-card">'
-            +'<div class="custom-card-head card-head" style="line-height:14px;">'
-            +'<small class="col-md-9">'+ menu_items[field].name +'</small>'
-            +"<div class='col-md-3 add_icon' data-item-code='"
-              + menu_items[field].code +"' data-name='"
-              + menu_items[field].name +"' data-qty = '"+ qty +"' data-price = '"
-              + price +"' data-instance-code = '"+ code +"' data-instance = '"
-              + name +"' data-promotion-price = '"+ promotion_price +"' data-attributes = '"
-              + JSON.stringify(item_attributes) +"' data-options = '"
-              + options +"' data-image='"+image_path+"'>"
-            +"<i class='fa "+fa_plus+" '"
-            + 'style="margin-top:4px;">'
-            +'</i></div>'
-            +'</div>'
+            row = '<div class="card custom-card testimonial-card animated fadeInRight" style="">'
+                     +'<div class="custom-card-head card-head" style="line-height:14px;">'
+                      +'<small class="col-md-9">'+ menu_items[field].name +'</small>'
+                      +"<div class='col-md-3 add_icon' data-item-code='"
+                        + menu_items[field].code +"' data-name='"
+                        + menu_items[field].name +"' data-qty = '"+ qty +"' data-price = '"
+                        + price +"' data-instance-code = '"+ code +"' data-instance = '"
+                        + name +"' data-promotion-price = '"+ promotion_price +"' data-attributes = '"
+                        + JSON.stringify(item_attributes) +"' data-options = '"
+                        + options +"' data-image='"+image_path+"'>"
+                      +"<i class='fa "+fa_plus+" '"
+                      + 'style="margin-top:4px;">'
+                      +'</i>'
+                      +'</div>'
+                     +'</div>'
 
-            +"<div class='"+menu_item_box+"'  data-item-code='"
-              + menu_items[field].code +"' data-instance = '"
-              +JSON.stringify(menu_items[field].instances)+"' data-id = '"
-              +JSON.stringify(menu_items[field].attributes)+"' data-item = '"
-              +JSON.stringify(item_attributes)+"' data-option = '"
-              +JSON.stringify(menu_items[field].options)+"' data-item-sets = '"
-              +JSON.stringify(menu_items[field].item_sets)+"' data-toggle='modal' data-target='."+data_target+"'>"
+                  +"<div class='"+menu_item_box+"'  data-item-code='"
+                    + menu_items[field].code +"' data-instance = '"
+                    +JSON.stringify(menu_items[field].instances)+"' data-id = '"
+                    +JSON.stringify(menu_items[field].attributes)+"' data-item = '"
+                    +JSON.stringify(item_attributes)+"' data-option = '"
+                    +JSON.stringify(menu_items[field].options)+"' data-item-sets = '"
+                    +JSON.stringify(menu_items[field].item_sets)+"' data-toggle='modal' data-target='."+data_target+"'>"
 
-            +"<div class='card-block custom-card-block'>"
-            +"<img id='logo' src='"+image_path+"'>"
+                    +"<div class='card-block custom-card-block'>"
+                      +"<img id='logo' src='"+image_path+"'>"
+                    +"</div>"
 
-            +"</div>"
-
-            +'<div class="card-footer custom-card-footer">'
-            +'<small>'+ price +'</small>'
-            +'</div>'
-            +'</div>'; 
+                    +'<div class="card-footer custom-card-footer">'
+                      +'<small>'+ price +'</small>'
+                    +'</div>'
+                  +'</div>'; 
             $('.menu_items_list').append(row);
           }
         }
diff --git a/app/assets/javascripts/channels/order_queue_station.js b/app/assets/javascripts/channels/order_queue_station.js
index 1b9351cf..4fb7d214 100644
--- a/app/assets/javascripts/channels/order_queue_station.js
+++ b/app/assets/javascripts/channels/order_queue_station.js
@@ -34,7 +34,7 @@ App.order_queue_station = App.cable.subscriptions.create('OrderQueueStationChann
 
   		if (oqs_id == items[field]["order_queue_station_id"]) {
 
-  			row ='<div class="card queue_station queue_station_box" data-date="'+items[field]["order_id"]+'">'
+  			row ='<div class="card queue_station animated shake queue_station_box" data-date="'+items[field]["order_id"]+'">'
           +'<strong class="hidden">'+items[field]["order_id"]+'</strong>'
 		  		+'<div class="card-block">'
 		  		+'<h4 class="card-title">'
diff --git a/app/assets/stylesheets/addorder.scss b/app/assets/stylesheets/addorder.scss
index 88adca00..d81a2d85 100644
--- a/app/assets/stylesheets/addorder.scss
+++ b/app/assets/stylesheets/addorder.scss
@@ -9,6 +9,7 @@
     background-color: #54A5AF;
     padding:5px;
     color :#fff;
+
 }
 
 .custom-card {