update move loading

app/assets/stylesheets/origami.scss

@@ -496,4 +496,27 @@ nav.pagination .page a:hover,
   background-color: #ccc;
   text-decoration: none;
 
+}
+
+#oqs_loading_wrapper{
+    position: fixed;
+    background-color: #C8C8C8 ;
+    height: 100%;
+    width: 100%;
+    left: 0;
+    opacity: 0.6;
+    top: 0;
+    z-index: 100;
+}
+#oqs_loading{
+    position: relative;
+    height: 100%;
+    width: 100%;
+    background-image: url('../../../image/loading-ajax.gif');
+    background-position:  center center;
+    background-repeat: no-repeat;
+    opacity: 1;
+    z-index: 101;
+    filter: alpha(opacity=100); /* ie */
+    -moz-opacity: 1; /* mozilla */       
 }

app/views/origami/moveroom/move_dining.html.erb

@@ -1,4 +1,7 @@
 <div class="container-fluid">
+<div id="oqs_loading_wrapper" style="display:none;">
+    <div id="oqs_loading"></div>
+  </div>
   <div class="row">
    <!-- Column One -->
    <div class="col-lg-6 col-md-6 col-sm-6">

app/views/origami/movetable/move_dining.html.erb

@@ -1,4 +1,7 @@
 <div class="container-fluid">
+<div id="oqs_loading_wrapper" style="display:none;">
+    <div id="oqs_loading"></div>
+  </div>
   <div class="row clearfix">
    <!-- Column One -->
    <div class="col-lg-6 col-md-6 col-sm-6">
@@ -384,6 +387,7 @@ end
     $('#move_table').on('click',function(){
       change_to = $('#change_table_value').val();
       change_from = "<%= @dining.id %>";
+      $("#oqs_loading_wrapper").show();
       if (change_to == ""){
         swal({
          title: "Alert!!",
@@ -391,6 +395,7 @@ end
          type: 'warning',
        });
       }else{
+
         $.ajax({type: "POST",
           url: "<%= origami_moving_path %>",
           data: "change_from="+ change_from + "&change_to=" + change_to,