Add CB settlement report and transaction

app/views/transactions/card_sale_trans/index.html.erb

@@ -96,7 +96,13 @@
                       <td><%= cardSale.res_date %> <%= cardSale.res_time.utc.getlocal.strftime("%I:%M %p") %></td>
                       <td><%= cardSale.ref_no %></td>
                       <td><%= cardSale.res_amt %></td>
-                      <td><%= cardSale.app %></td>
+                      <td>
+                        <% if cardSale.app == 'cup' %>
+                          UNION
+                        <% else %>
+                          <%= cardSale.app %>
+                        <% end %>    
+                      </td>
                       <td><%= cardSale.sale.customer.name rescue '-' %></td>
                       <td><%= cardSale.sale.cashier_name rescue '-' %></td>
 
@@ -176,7 +182,7 @@
       search_by_date();
     });   
     
-    function search_by_date(){
+      function search_by_date(){
 
       from = $("#from").val();
         to   = $("#to").val();  
@@ -196,9 +202,50 @@
         if(check_arr.length == 3){
           check_arr = [];
         }
-      }
+      }  
     }
 
+    function show_shift_name(period,period_type,from,to,shift_item){
+      var shift = $('#shift_name');
+      if (from == '' && to == '') {
+        from = $("#from").val();
+            to   = $("#to").val();
+      }
+      shift.empty();
+      
+      var str = '';
+      var param_shift = '';    
+      var param_shift = '<%= params[:shift_name] rescue '-'%>';
+
+      url = '<%= reports_get_shift_by_date_path %>';
+      
+      $.get(url, {period :period, period_type :period_type, from :from, to :to, report_type :shift_item} , function(data){
+
+        str = '<option value="0">--- All Shift ---</option>';
+        $(data.message).each(function(index){ 
+          
+          var local_date = data.message[index].local_opening_date + ' - ' + data.message[index].local_closing_date;
+          var sh_date = data.message[index].opening_date + ' - ' + data.message[index].closing_date;
+          var shift_id = data.message[index].shift_id ;
+          if(param_shift != ''){
+            if(shift_id == param_shift){
+              selected = 'selected = "selected"';
+            }
+            else{
+              selected = '';         
+            }         
+          }else{
+            selected = '';         
+          }              
+          str += '<option value="'+ shift_id +'" '+ selected +'>' + local_date + '</option>';
+          
+         // console.log(sh_date)
+      }) 
+        shift.append(str);
+      });
+    }
+  });
+
   });
 
 </script>

app/views/transactions/card_sale_trans/show.json.jbuilder

@@ -1 +0,0 @@
-json.partial! "transactions_sales/transactions_sale", transactions_sale: @transactions_sale

app/views/transactions/card_settle_trans/index.html.erb

@@ -0,0 +1,233 @@
+<div class="page-header">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
+    <li class="breadcrumb-item active"><%= t :sale %></li>
+    <span class="float-right">
+      <%= link_to 'Back', dashboard_path %>
+    </span>
+  </ol>
+</div>
+<div class="row">
+  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+      <div class="main-box-body clearfix p-l-5 p-r-5">
+        <div class="table-responsive">
+          <table class="table table-">
+            <tbody>
+              <tr>
+                 <td colspan="8">
+                    <%= form_tag transactions_card_settle_trans_path, :method => :get do %>
+                    <div class="row clearfix">
+                      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
+                        <label><%= t("views.right_panel.detail.enter_keyboards") %></label>
+                        <input type="text" id="sale_id" name="sale_id" class="form-control" placeholder="Cashier Name" style="margin-right: 10px;height: 34px;">
+                      </div>
+
+                      <% if defined? @payment_method %>
+                        <div class="col-lg-2 col-md-2 col-sm-2">
+                          <label class="font-14"><%= t("views.right_panel.detail.select_payments") %></label>
+                          <%= select_tag "payment_type", options_for_select(@payment_method, :selected => params[:payment_type]), :class => "form-control" %> 
+                        </div>
+                      <% end %>
+
+                    <% if not defined? status %>
+    
+                      <div class="col-lg-2 col-md-2 col-sm-2">
+                      <label class="font-14"><%= t("views.right_panel.detail.select_status") %></label>
+                      
+                      <select name="status_type" id="status_type" class="form-control">
+                        <%  @status.each do |pm| %>
+                        <option class="<%=pm[1].downcase%>" value="<%=pm[1].downcase%>"><%=pm[0]%></option>
+                        <%end %>
+                      </select>
+                    </div>  
+                    <% end %>
+                      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> 
+                         <label class=""><%= t("views.right_panel.detail.from") %></label>
+                         <input class="form-control datepicker" name="from" id="from" type="text" placeholder="From date" style="height: 34px;">
+                      </div>
+                      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
+                        <label class=""><%= t("views.right_panel.detail.to") %></label>
+                        <input class="form-control datepicker" name="to" id="to" type="text" placeholder="To date" style="height: 34px;">
+                      </div>
+                      
+                      <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
+                        <label></label>
+                        <br><input type="submit" value="Search" class='btn btn-primary btn-md'>
+                      </div>
+                    </div>
+                    <% end %>
+                 </td>
+              </tr>
+              
+            </tbody>
+
+           
+          </table>
+          
+        </div>
+        <div class="card"  style="width:112%;">
+          <div class="table-responsive">
+            <table class="table table-striped">
+            <thead>
+              <tr>
+                <th><%= t("views.right_panel.detail.shift_sale_id") %></th>
+                <th><%= t("views.right_panel.detail.req_date") %></th>
+                <th><%= t("views.right_panel.detail.req_type") %></th>
+                <th><%= t("views.right_panel.detail.res_date") %></th>
+                <th><%= t("views.right_panel.detail.res_type") %></th>
+                <th><%= t("views.right_panel.detail.employee_name") %></th>
+                <th><%= t("views.right_panel.detail.sale_cnt") %></th>
+                <th><%= t("views.right_panel.detail.sale_amount") %></th>
+                <th><%= t("views.right_panel.detail.void_cnt") %></th>
+                <th><%= t("views.right_panel.detail.void_amount") %></th>
+                <th><%= t("views.right_panel.detail.status") %></th>
+              </tr>
+            </thead>
+
+            <tbody>
+                    <% if @cardSettles != 0 %>
+                      <% @cardSettles.each do |cardSettle| %>
+                          <tr>
+                              <td><%= cardSettle.shift_sale.shift_started_at.strftime("%e %b %I:%M%p") rescue '-' %> - <%= cardSettle.shift_sale.shift_closed_at ? cardSettle.shift_sale.shift_closed_at.strftime("%e %b %I:%M%p") : '-'  %></td>
+                              <td><%= cardSettle.req_date %> <%= cardSettle.req_time.utc.getlocal.strftime("%I:%M %p") %></td>
+                              <td>
+                                <% if cardSettle.req_type == 'CUP' %>
+                                UNION
+                                <% else %>
+                                  <%= cardSettle.req_type %>
+                                <% end %>
+                            </td>
+                              <td><%= cardSettle.res_date %> <%= cardSettle.res_time.utc.getlocal.strftime("%I:%M %p") %></td>
+                              <td>
+                                <% if cardSettle.res_type == 'CUP' %>
+                                UNION
+                                <% else %>
+                                  <%= cardSettle.res_type %>
+                                <% end %>
+                            </td>
+                              <td><%= cardSettle.shift_sale.employee.name %></td>
+                              <td><%= cardSettle.sale_cnt %></td>
+                              <td><%= cardSettle.sale_amt %></td>
+                              <td><%= cardSettle.void_cnt %></td>
+                              <td><%= cardSettle.void_amt %></td>
+                              <td><%= cardSettle.status %></td>
+                          </tr>
+                      <% end %>
+                  <% else %>
+                      <tr><td colspan="10"><strong><p style="text-align: center">There is no data for search....</p></strong></td></tr>
+                  <% end %>
+            </tbody>
+          </table>
+          <br>
+           <% if @cardSettles != 0 %>
+               <%= paginate @cardSettles %>
+           <% end %>
+        </div>
+        </div>
+      </div>
+
+  </div>
+</div>
+
+<script>
+  $(function(){
+
+    var check_arr = [];
+    search_by_period();
+    $('#sel_period').change(function(){
+      
+      search_by_period();
+      
+    });
+    
+    function search_by_period(){
+      var period = $('#sel_period').val();
+      var period_type = 0;
+      var from = "";
+      var to = "";
+
+      show_shift_name(period,period_type,from,to,'shift_item'); 
+    }   
+    
+    // OK button is clicked
+    $('#from').bootstrapMaterialDatePicker().on('beforeChange', function(e, date){
+      new_date = new Date(date) ;
+      month    = parseInt(new_date.getMonth()+1)
+      from = new_date.getDate() + "-" + month + "-" + new_date.getFullYear();
+      $('#from').val(from)
+      search_by_date();
+    });
+    $('#to').bootstrapMaterialDatePicker().on('beforeChange', function(e, date){
+      new_date = new Date(date) ;
+      month    = parseInt(new_date.getMonth()+1)
+      to = new_date.getDate() + "-" + month + "-" + new_date.getFullYear();
+      $('#to').val(to)
+      search_by_date();
+    });   
+    
+    function search_by_date(){
+      
+        from = $("#from").val();
+        to   = $("#to").val();
+
+      var period = 0;
+      var period_type = 1;     
+
+      if(to != '' && from != ''){
+        shift_name = from + ',' + to;
+
+        check_arr.push(to);
+        
+        if(check_arr.length == 1){
+          show_shift_name(period,period_type,from,to,'shift_item');     
+        }
+        if(check_arr.length == 3){
+          check_arr = [];
+        }
+      }
+      
+    }
+    
+    function show_shift_name(period,period_type,from,to,shift_item){
+      var shift = $('#shift_name');
+      
+      shift.empty();
+      
+      var str = '';
+      var param_shift = '';    
+      var param_shift = '<%= params[:shift_name] rescue '-'%>';
+      if (from == '' && to == '') {
+        from = $("#from").val();
+            to   = $("#to").val();
+      }
+      url = '<%= reports_get_shift_by_date_path %>';
+      
+      $.get(url, {period :period, period_type :period_type, from :from, to :to, report_type :shift_item} , function(data){
+
+        str = '<option value="0">--- All Shift ---</option>';
+        $(data.message).each(function(index){ 
+          
+          var local_date = data.message[index].local_opening_date + ' - ' + data.message[index].local_closing_date;
+          var sh_date = data.message[index].opening_date + ' - ' + data.message[index].closing_date;
+          var shift_id = data.message[index].shift_id ;
+          if(param_shift != ''){
+            if(shift_id == param_shift){
+              selected = 'selected = "selected"';
+            }
+            else{
+              selected = '';         
+            }         
+          }else{
+            selected = '';         
+          }              
+          str += '<option value="'+ shift_id +'" '+ selected +'>' + local_date + '</option>';
+          
+         // console.log(sh_date)
+      }) 
+        shift.append(str);
+      });
+    }
+
+  });
+
+</script>