merge with chart

app/controllers/home_controller.rb

@@ -62,6 +62,17 @@ class HomeController < ApplicationController
 
   def dashboard
     @shop = Shop.first
+
+    today = DateTime.now.strftime('%Y-%m-%d')
+    @orders = Sale::where("payment_status='new' and sale_status='bill' and DATE_FORMAT(receipt_date,'%Y-%m-%d') = '#{today}'").count()
+    @sales = Sale::where("payment_status='paid' and sale_status='completed' and DATE_FORMAT(receipt_date,'%Y-%m-%d') = '#{today}'").count()
+
+    @top_products = Sale.top_products(today)
+    @hourly_sales = Sale.hourly_sales(today)
+    # .group_by_hour(:created_at, :time_zone => 'Asia/Rangoon',format: '%I:%p')
+    # .sum(:grand_total)
+    @employee_sales = Sale.employee_sales(today).sum(:grand_total)
+    @inventories = StockJournal.inventory_balances(today).sum(:balance)
   end
 
   def destroy

app/models/sale.rb

@@ -843,6 +843,28 @@ end
      return tax
   end
 
+  def self.top_products(today)
+    query = Sale.select("(SUM(i.qty) * i.price) as grand_total,SUM(i.qty) as total_item," +
+                        " i.price as unit_price,mi.name as product_name")
+                .joins("JOIN sale_items i ON i.sale_id = sales.sale_id JOIN menu_items mi ON i.product_code = mi.item_code")
+                .where("(i.qty > 0 ) and DATE_FORMAT(receipt_date,'%Y-%m-%d') = '#{today}'"+
+                      "and payment_status='paid' and sale_status= 'completed'")
+                .group('mi.name')
+                .order("SUM(i.qty) DESC").limit(5)
+  end
+
+  def self.hourly_sales(today)
+    query= Sale.select("grand_total").where('payment_status="paid" and sale_status = "completed" and DATE_FORMAT(receipt_date,"%Y-%m-%d") = ?',today)
+  end
+
+  def self.employee_sales(today)
+    query = Sale.select("e.name as employee_name,grand_total")
+            .where('payment_status="paid" and sale_status = "completed" and DATE_FORMAT(receipt_date,"%Y-%m-%d") = ?',today)
+            .joins("join employees e on e.id=sales.cashier_id")
+            .group('e.name')
+            .order('e.name ASC')
+  end
+
   private
 
   def generate_custom_id

app/models/stock_journal.rb

@@ -36,4 +36,12 @@ class StockJournal < ApplicationRecord
     journal.save
   end
 
+  def self.inventory_balances(today)
+    query = StockJournal.select("mii.item_instance_name as item_instance_name,balance")
+            .joins("join menu_item_instances mii on mii.item_instance_code=stock_journals.item_code")
+            .where("DATE_FORMAT(stock_journals.created_at,'%Y-%m-%d') = '#{today}'")
+            .group("mii.item_instance_name")
+            .order("mii.item_instance_name ASC")
+  end
+
 end

app/views/home/dashboard.html.erb

@@ -53,4 +53,251 @@
     <!-- #END# Widgets -->
     <!-- CPU Usage -->
 
+    <% if current_user.role == 'administrator' || current_user.role == 'manager' %>
+        <div class="row">
+              <div class="col-md-6">
+                <div class="panel">
+                  <div class="panel-heading"><h4>Top Products</h4></div>
+                  <div class="panel-body">
+                    <canvas id="top_products" class="col-md-12"></canvas>
+                  </div>
+                </div>
+              </div>
+              <div class="col-md-6">
+                <div class="panel">
+                  <div class="panel-heading"><h4>Inventory</h4></div>
+                  <div class="panel-body">
+                    <canvas id="inventory" class="col-md-12"></canvas>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <br><br>
+            <div class="row">
+              <div class="col-md-6">
+                <div class="panel">
+                  <div class="panel-heading"><h4>Hourly Sales</h4></div>
+                  <div class="panel-body">
+                    <canvas id="hourly_sales" class="col-md-12"></canvas>
+                  </div>
+                </div>
+              </div>
+              <div class="col-md-6">
+                <div class="panel">
+                  <div class="panel-heading"><h4>Employee Sales</h4></div>
+                  <div class="panel-body">
+                    <canvas id="employee_sales" class="col-md-12"></canvas>
+                  </div>
+                </div>
+              </div>
+            </div>
+      <% end %>
 </div>
+
+<!-- <div class="footer" style="background-color: inherit">
+  <div class="card">
+    <div class="page-header center-text">
+     <h4 class="footer-header">
+      <%= @shop.name %>
+    </h4>
+  </div>
+  <div class="center-text">
+    <%= @shop.address %>
+  </div>
+  <div class="center-text">
+    <%= @shop.phone_no %>
+  </div>
+>>>>>>> chart
+</div>
+</div> -->
+
+<script src="js/Chart.js"></script>
+<script>
+  $(document).ready(function(){
+    var top_products = JSON.parse('<%= @top_products.to_json.html_safe %>');
+    var hourly_sales = JSON.parse('<%= @hourly_sales.to_json.html_safe %>');
+    var employee_sales = JSON.parse('<%= @employee_sales.to_json.html_safe %>');
+    var inventories = JSON.parse('<%= @inventories.to_json.html_safe %>');
+    showTopProductsChartData(top_products);
+    showHourlySalesChartData(hourly_sales);
+    showEmployeeSalesChartData(employee_sales);
+    showInventoryChartData(inventories);
+  });
+
+  function randomColorGenerator () { 
+    return '#' + (Math.random().toString(16) + '0000000').slice(2, 8); 
+  };
+
+  function showTopProductsChartData(top_products) {
+    var labels = [];
+    var datasets = [];
+    var backgroundColor = [];
+
+    if(top_products!=undefined && top_products!=''){
+      if(top_products.length>0){
+        $.each(top_products,function(k,val){
+          labels.push(val.product_name);
+          datasets.push(val.total_item);
+          backgroundColor.push(randomColorGenerator());
+        });
+      
+        var chart = new Chart("top_products", {
+          type: 'pie',
+          data: {
+            labels: labels,
+            datasets: [{
+              data: datasets,
+              backgroundColor: backgroundColor
+            }]
+          },
+          options: {
+            legend: {
+              labels: {
+                fontColor: 'black'
+              }
+            }
+          }
+        });
+      }
+    }
+  }
+
+  function showHourlySalesChartData(hourly_sales) {
+    var labels = [];
+    var datasets = [];
+    var backgroundColor = [];
+
+    if(hourly_sales!=undefined && hourly_sales!=''){
+      if(Object.keys(hourly_sales).length > 0){
+        $.each(hourly_sales,function(k,val){
+          labels.push(k.toString());
+          datasets.push(val);
+          backgroundColor.push(randomColorGenerator());
+        });
+      
+
+        var myChart = new Chart("hourly_sales", {
+          type: 'bar',
+          data: {
+            labels: labels,
+            datasets: [{
+              label: '',
+              data: datasets,
+              backgroundColor: backgroundColor,
+              borderWidth: 1
+            }]
+          },
+          options: {
+            legend: {
+              display:false
+            },
+            scales: {
+              xAxes: [{
+                stacked: true,
+                categorySpacing: 0,
+                barPercentage: 0.5
+              }],
+              yAxes: [{
+                stacked: true,
+                ticks: {
+                  beginAtZero:true
+                }
+              }]
+            }
+          }
+        });
+      }
+    }
+  }
+
+  function showEmployeeSalesChartData(employee_sales) {
+    var labels = [];
+    var datasets = [];
+    var backgroundColor = [];
+    
+    if(employee_sales!=undefined && employee_sales!=''){
+      if(Object.keys(employee_sales).length > 0){
+        $.each(employee_sales,function(k,val){
+          labels.push(k.toString());
+          datasets.push(val);
+          backgroundColor.push(randomColorGenerator());
+        });
+
+        var myChart = new Chart("employee_sales", {
+          type: 'bar',
+          data: {
+            labels: labels,
+            datasets: [{
+              label: '',
+              data: datasets,
+              backgroundColor: backgroundColor,
+              borderWidth: 1
+            }]
+          },
+          options: {
+            legend: {
+              display:false
+            },
+            scales: {
+              xAxes: [{
+                stacked: true,
+                categorySpacing: 0,
+                barPercentage: 0.5
+              }],
+              yAxes: [{
+                stacked: true,
+                ticks: {
+                  beginAtZero:true
+                }
+              }]
+            }
+          }
+        });
+      }
+    }
+  }
+
+  function showInventoryChartData(inventories) {
+    var labels = [];
+    var datasets = [];
+    var borderColor = [];
+    
+    if(inventories!=undefined && inventories!=''){
+      if(Object.keys(inventories).length > 0){
+        $.each(inventories,function(k,val){
+          labels.push(k.toString());
+          datasets.push(val);
+          borderColor.push(randomColorGenerator());
+        });
+
+        var myChart = new Chart("inventory", {
+          type: 'line',
+          data: {
+            labels: labels,
+            datasets: [{
+              fill: false,
+              data: datasets,
+              borderColor: borderColor
+            }]
+          },
+          options: {
+            legend: {
+              display:false
+            },
+            scales: {
+              xAxes: [{
+                stacked: true
+              }],
+              yAxes: [{
+                stacked: false,
+                ticks: {
+                  beginAtZero:true
+                }
+              }]
+            }
+          }
+        });
+      }
+    }
+  }
+</script>