Subversion Repositories SmartDukaan

Rev

Rev 16952 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<h1>Admin Dashboard</h1>
<?php   $y=0;
for ($x = 0; $x < sizeof($userbase); $x++){
  if($userbase[$x][0]['date']==$dailyVerifications[$y][0]['date']){
      $userbase[$x][0]['verifyCount']=$dailyVerifications[$y][0]['count'];
      $y++;
  }else{
          $userbase[$x][0]['verifyCount']='0';
  }
}?>
<div id="registrations_chart_div" style="width:1200; height:300"></div>
<div id="activeusers_chart_div" style="width:1200; height:300"></div>
<div id="activebuyers_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="brand_preferences_chart_div" style="width:1200px; height:300px"></div>
<div class="row">
  <div id="devices_chart_div" class="col-xs-6" style="width:400px; height:300px"></div>
  <div id="preferences_chart_div" class="col-xs-6" style="width:400px; height:300px"></div>
</div>
<div id="app_transactions_chart_div" style="width:1200px; height:300px"></div>
<div id="app_transactions_conversions_div" style="width:1200px; height:300px"></div>
<div id="top_five_apps" style="width:1200px; height:300px"></div>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
        var dailysignups = [];
  var apptransactions=[];
  var appconversions=[];
  var appinstalls=[];

  <?php foreach ($appinstalls as $key => $value):?>
    var temp = [];
    temp.push(new Date('<?php echo $key;?>'));
    <?php foreach ($apps as $appid => $app) :?>
      <?php if(array_key_exists($appid, $value)):?>
      temp.push(<?php echo $value[$appid];?>);
      <?php else:?>
      temp.push(0);
      <?php endif;?>
    <?php endforeach;?>    
    appinstalls.push(temp);
  <?php endforeach;?>
//console.log(appinstalls);
        <?php foreach ($userbase as $key => $value):?>
                var temp = [new Date('<?php echo $value[0]['date'];?>') , <?php echo $value[0]['count'];?>,<?php echo $value[0]['verifyCount'];?>];
                dailysignups.push(temp);
        <?php endforeach;?>

  <?php foreach ($app_transactions_clicks_approved as $key => $value):?>
    var temp1 = [new Date('<?php echo $value[0]['date'];?>') , <?php echo $value[0]['count'];?>,<?php echo $value[0]['approved'];?>];
    apptransactions.push(temp1);
  <?php endforeach;?>

  <?php foreach ($app_transactions_percentage as $key => $value):?>
    var temp = [new Date('<?php echo $value['x']['date'];?>'),<?php echo $value[0]['conversion'];?>];
    appconversions.push(temp);
  <?php endforeach;?>  

  var dailyactiveusers = [];
  <?php foreach ($activeUsers as $key => $value):?>
    var temp = [new Date('<?php echo $value[0]['date'];?>') , <?php echo $value[0]['count'];?>];
    dailyactiveusers.push(temp);
  <?php endforeach;?>
   var dailyactivebuyers = [];
  <?php foreach ($activeBuyers as $key => $value):?>
    var temp = [new Date('<?php echo $value[0]['date'];?>') , <?php echo $value[0]['count'];?>];
    dailyactivebuyers.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['a']['versioncode'];?>" , <?php echo $value[0]['count'];?>];
                devices.push(temp);
        <?php endforeach;?>  
  var brandpreferences = [];
  <?php foreach ($preferences_set as $key => $value):?>
    var temp = [new Date("<?php echo $value[0]['date'];?>") , <?php echo $value[0]['count'];?>];
    brandpreferences.push(temp);
  <?php endforeach;?>
  var preferences = [];
  preferences.push(['Preferences','Yes','No']); 
  preferences.push(['Brands',<?php echo $usersWithBrandPreferencesSet[0][0]['count'];?>,<?php echo ($totalUsers[0][0]['count'] - $usersWithBrandPreferencesSet[0][0]['count']);?>]);
        
  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.addColumn('number', 'Verifications');
      data.addRows(dailysignups);
      var options1 = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'Daily User activations'
        }
      };

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

      var topFive = new google.visualization.DataTable();
      topFive.addColumn('date', 'Date');
      <?php foreach ($apps as $key => $value):?>
        topFive.addColumn('number',' <?php echo($value);?>');  
      <?php endforeach?>
      topFive.addRows(appinstalls);
      var options10 = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'Top Five Apps'
        }
      };

      var chartTopFive = new google.visualization.LineChart(document.getElementById('top_five_apps'));
      chartTopFive.draw(topFive,options10);

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

      var data = new google.visualization.DataTable();
      data.addColumn('date', 'Date');
      data.addColumn('number', 'Active Users');
      data.addRows(dailyactiveusers);
      var options_dau = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'Daily Active Users'
        }
      };
      var chart_dau = new google.visualization.LineChart(document.getElementById('activeusers_chart_div'));
      chart_dau.draw(data, options_dau);

      var data = new google.visualization.DataTable();
      data.addColumn('date', 'Date');
      data.addColumn('number', 'Active Buyers');
      data.addRows(dailyactivebuyers);
      var options_dab = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'Daily Active Buyers'
        }
      };
      var chart_dau = new google.visualization.LineChart(document.getElementById('activebuyers_chart_div'));
      chart_dau.draw(data, options_dab);

            var appData = new google.visualization.DataTable();
      appData.addColumn('date', 'Date');
      appData.addColumn('number', 'Clicks');
      appData.addColumn('number', 'Approved');
      appData.addRows(apptransactions);
      var options7 = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'Daily User Clicks and Conversion'
        }
      };

    var chart7 = new google.visualization.LineChart(document.getElementById('app_transactions_chart_div'));
      chart7.draw(appData, options7);

    var appConversionData = new google.visualization.DataTable();
    appConversionData.addColumn('date', 'Date');
    appConversionData.addColumn('number', 'Conversion');
    appConversionData.addRows(appconversions);
    var options8 = {
      hAxis: {
        title: 'Date',
      },
      vAxis: {
        title: 'Daily Conversion (In %s)'
      }
    };

  var chart8 = new google.visualization.LineChart(document.getElementById('app_transactions_conversions_div'));
    chart8.draw(appConversionData, options8);


      var clicksdata = new google.visualization.DataTable();      
      clicksdata.addColumn('date', 'Date');
      clicksdata.addColumn('number', 'Clicks');      
      clicksdata.addRows(dailyclicks);
      var options2 = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'Daily 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: 'Daily orders'
        }
      };

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


      var brandpreferencesdata = new google.visualization.DataTable();      
      brandpreferencesdata.addColumn('date', 'Date');
      brandpreferencesdata.addColumn('number', 'Brand Preferences Set');      
      brandpreferencesdata.addRows(brandpreferences);
      var options5 = {
        hAxis: {
          title: 'Date',
        },
        vAxis: {
          title: 'Daily brand preferences'
        }
      };

      var chart5 = new google.visualization.LineChart(document.getElementById('brand_preferences_chart_div'));
      chart5.draw(brandpreferencesdata, options5);


                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);

      var preferencesdata = google.visualization.arrayToDataTable(preferences);
      // var options6 = {
      //   title: 'Preferences Set'
      // };
      var options6 = {
        title: 'Preferences Set',
        chartArea: {width: '50%'},
        isStacked: true,
        hAxis: {
          title: 'Total Users',
          minValue: 0,
        },
        vAxis: {
          title: 'Type'
        }
      };
      var chart6 = new google.visualization.BarChart(document.getElementById('preferences_chart_div'));
      chart6.draw(preferencesdata, options6);
    }
    </script>