Subversion Repositories SmartDukaan

<h1>Admin Dashboard</h1>
<div id="registrations_chart_div" style="width:1200; height:300"></div>
<div id="clicks_chart_div" style="width:1200px; height:300px"></div>
<div id="orders_chart_div" style="width:1200px; height:300px"></div>
<div id="devices_chart_div" style="width:600px; height:300px"></div>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
        var dailysignups = [];
        <?php foreach ($userbase as $key => $value):?>
                var temp = [new Date('<?php echo $value[0]['date'];?>') , <?php echo $value[0]['count'];?>];
                dailysignups.push(temp);
        <?php endforeach;?>
        var dailyclicks = [];
        <?php foreach ($clicks as $key => $value):?>
                var temp = [new Date('<?php echo $value[0]['date'];?>') , <?php echo $value[0]['count'];?>];
                dailyclicks.push(temp);
        <?php endforeach;?>
        var dailyorders = [];
        <?php foreach ($orders as $key => $value):?>
                var temp = [new Date('<?php echo $value[0]['date'];?>') , <?php echo $value[0]['count'];?>];
                dailyorders.push(temp);
        <?php endforeach;?>
        var devices = [];
        devices.push(['Version Code','Number of Devices']);     
        <?php foreach ($devices as $key => $value):?>
                var temp = ["<?php echo $value['devices']['versioncode'];?>" , <?php echo $value[0]['count'];?>];
                devices.push(temp);
        <?php endforeach;?>

        google.load('visualization', '1', {packages: ['corechart', 'line']});
        google.setOnLoadCallback(drawBasic);

        function drawBasic() {
      var data = new google.visualization.DataTable();
      data.addColumn('date', 'Date');
      data.addColumn('number', 'Signups');
      data.addRows(dailysignups);
      var options1 = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'User Registrations'
        }
      };

      var chart1 = new google.visualization.LineChart(document.getElementById('registrations_chart_div'));
      chart1.draw(data, options1);

      var clicksdata = new google.visualization.DataTable();      
      clicksdata.addColumn('date', 'Date');
      clicksdata.addColumn('number', 'Clicks');      
      clicksdata.addRows(dailyclicks);
      var options2 = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'Number of Clicks'
        }
      };

      var chart2 = new google.visualization.LineChart(document.getElementById('clicks_chart_div'));
      chart2.draw(clicksdata, options2);

      var ordersdata = new google.visualization.DataTable();      
      ordersdata.addColumn('date', 'Date');
      ordersdata.addColumn('number', 'Orders');      
      ordersdata.addRows(dailyorders);
      var options3 = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'Number of Orders'
        }
      };

      var chart3 = new google.visualization.LineChart(document.getElementById('orders_chart_div'));
      chart3.draw(ordersdata, options3);

                var devicesdata = google.visualization.arrayToDataTable(devices);
                var options4 = {
                        title: 'Version Codes'
                };
                var chart4 = new google.visualization.PieChart(document.getElementById('devices_chart_div'));
                chart4.draw(devicesdata, options4);
    }
    </script>