%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/www/BOS/application/modules/bdashboard/views/
Upload File :
Create Path :
Current File : /home/ugotscom/www/BOS/application/modules/bdashboard/views/bdash.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">
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="http://www.ugotechnologies.com/BOS/assets/#"><i class="fas fa-bars"></i></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="http://www.ugotechnologies.com/BOS/assets/index3.html" class="nav-link">Home</a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="http://www.ugotechnologies.com/BOS/assets/#" class="nav-link">Contact</a>
      </li>
    </ul>

    <!-- SEARCH FORM -->
    <form class="form-inline ml-3">
      <div class="input-group input-group-sm">
        <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
        <div class="input-group-append">
          <button class="btn btn-navbar" type="submit">
            <i class="fas fa-search"></i>
          </button>
        </div>
      </div>
    </form>

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">
      <!-- Messages Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="http://www.ugotechnologies.com/BOS/assets/#">
          <i class="far fa-comments"></i>
          <span class="badge badge-danger navbar-badge">3</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <a href="http://www.ugotechnologies.com/BOS/assets/#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="http://www.ugotechnologies.com/BOS/assets/dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Brad Diesel
                  <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">Call me whenever you can...</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="http://www.ugotechnologies.com/BOS/assets/#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="http://www.ugotechnologies.com/BOS/assets/dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  John Pierce
                  <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">I got your message bro</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="http://www.ugotechnologies.com/BOS/assets/#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="http://www.ugotechnologies.com/BOS/assets/dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Nora Silvester
                  <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">The subject goes here</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="http://www.ugotechnologies.com/BOS/assets/#" class="dropdown-item dropdown-footer">See All Messages</a>
        </div>
      </li>
      <!-- Notifications Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="http://www.ugotechnologies.com/BOS/assets/#">
          <i class="far fa-bell"></i>
          <span class="badge badge-warning navbar-badge">15</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <span class="dropdown-item dropdown-header">15 Notifications</span>
          <div class="dropdown-divider"></div>
          <a href="http://www.ugotechnologies.com/BOS/assets/#" class="dropdown-item">
            <i class="fas fa-envelope mr-2"></i> 4 new messages
            <span class="float-right text-muted text-sm">3 mins</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="http://www.ugotechnologies.com/BOS/assets/#" class="dropdown-item">
            <i class="fas fa-users mr-2"></i> 8 friend requests
            <span class="float-right text-muted text-sm">12 hours</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="http://www.ugotechnologies.com/BOS/assets/#" class="dropdown-item">
            <i class="fas fa-file mr-2"></i> 3 new reports
            <span class="float-right text-muted text-sm">2 days</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="http://www.ugotechnologies.com/BOS/assets/#" class="dropdown-item dropdown-footer">See All Notifications</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="http://www.ugotechnologies.com/BOS/assets/#">
          <i class="fas fa-th-large"></i>
        </a>
      </li>
    </ul>
  </nav>
     <section class="content-header">
          <h1>Dashboard</h1>
     </section>

     <section class="content">
          <div class="row">

        
               <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-yellow">
                         <div class="inner">
                              <h3><?=$details;?></h3>
                              <p>Leads</p>
                         </div>
                         <div class="icon">
                              <i class="ion ion-person-add"></i>
                         </div>
                         
                              <a href="<?=base_url();?>emp/" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>    
                         
                    </div>
               </div>
        
               <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-green">
                         <div class="inner">
                              <h3><?=$hot_leads;?></h3>
                              <p>Hot Leads</p>
                         </div>
                         <div class="icon">
                              <i class="fa fa-tag"></i>
                         </div>
                          
                              <a href="<?=base_url();?>user" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>  
                    </div>
               </div>
          
               <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-blue">
                         <div class="inner">
                              <h3><?=$todaysfollowup;?></h3>
                              <p>Followup Today</p>
                         </div>
                         <div class="icon">
                              <i class="fa fa-shopping-cart"></i>
                         </div>
                            <a href="<?=base_url();?>followup" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>  
                    </div>
               </div>
                     <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-purple">
                         <div class="inner">
                              <h3><?=$sold;?></h3>
                              <p>Sold</p>
                         </div>
                         <div class="icon">
                              <i class="fa fa-shopping-cart"></i>
                         </div>
                            <a href="<?=base_url();?>followup" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>  
                    </div>
               </div>
          </div>
         
                
           <div class="row">

        
               <div class="col-md-6">
 <canvas id="myChart"></canvas>
</div>
 <div class="col-md-6">
 <canvas id="pie"></canvas>
</div>

</div>
<br>
<div class="row">
 <div class="col-md-6">
 <canvas id="leadspie"></canvas>
</div>
<div class="col-md-6">
 <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                  
                            <th class="text-center">Name</th>
                                  <th class="text-center">Leads Generated</th>
                                                              
                                </tr>
                            </thead>
                            <tbody>
                               
                                <tr>
                                  
                                    <td class="text-center bg-yellow">Total Leads</td>
                            <td class="text-center"><?=$details;?></td>
                       
                            </tr>
                          <tr>
                                  
                                    <td class="text-center bg-blue">Under Processing</td>
                            <td class="text-center"><?=$underprocess;?></td>
                       
                            </tr>
                             <tr>
                                  
                                    <td class="text-center bg-purple">Closed</td>
                            <td class="text-center"><?=$closed_leads;?></td>
                       
                            </tr>
                              <tr>
                                  
                                    <td class="text-center bg-green" >Sold</td>
                            <td class="text-center"><?=$sold;?></td>
                       
                            </tr>
                            </tbody>
                        </table>
</div>
</div>

<br>
          <div class="row">
<div class="col-md-4">
  <p>Total Leads Generated by Each Staff</p>
       <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                  
                            <th class="text-center">Name</th>
                                  <th class="text-center">Leads Generated</th>
                                                              
                                </tr>
                            </thead>
                            <tbody>
                                <?php $i=1;
                                foreach ($totalno as $value) { ?>
                                <tr>
                                  
                                    <td class="text-center"><?=$value['name'];?></td>
                            <td class="text-center"><?=$value['total'];?></td>
                       
                            </tr>
                          <?php } ?>
                            </tbody>
                        </table>
</div>
<div class="col-md-4">
  <p>Total Sold by Each Staff</p>
       <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                  
                            <th class="text-center">Name</th>
                                  <th class="text-center">Leads Closed</th>
                                                              
                                </tr>
                            </thead>
                            <tbody>
                                <?php $i=1;
                                foreach ($closedtotalno as $value) { ?>
                                <tr>
                                  
                                    <td class="text-center"><?=$value['name'];?></td>
                            <td class="text-center"><?=$value['total'];?></td>
                       
                            </tr>
                          <?php } ?>
                            </tbody>
                        </table>
</div>
<div class="col-md-4">
  <p>Most Leads Generated</p>
       <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                  
                            <th class="text-center">Enquiry Source</th>
                                  <th class="text-center">Leads Generated</th>
                                                              
                                </tr>
                            </thead>
                            <tbody>
                                <?php $i=1;
                                foreach ($enquirytotal as $value) { ?>
                                <tr>
                                  
                                    <td class="text-center"><?=$value['source'];?></td>
                            <td class="text-center"><?=$value['total'];?></td>
                       
                            </tr>
                          <?php } ?>
                            </tbody>
                        </table>
</div>
          </div>
        


<script type="text/javascript">
 var paramNombres = [];
var paramEdades = [];
  $.post("<?php echo base_url();?>chart/totalno",
      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",
                          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();?>chart/enquirytotal",
      function(data){

         var obj = JSON.parse(data);
//console.log(data);
          paramNombres = [];
          paramEdades = [];
          $.each(obj, function(i,item){
              paramNombres.push(item.source);
              paramEdades.push(item.total);
          });
            
         
          var ctx = $("#pie");
          var myChart = new Chart(ctx, {
              type: 'doughnut',
              data: {
                  labels: paramNombres, 
                  datasets: [
                      {
                          label: "Leads Generated",
                          fill: true,
                          lineTension: 0.1,
                          backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
                          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: {
                title: {
        display: true,
        text: 'Most Leads Generated Source'
      }
              }
          });
      });

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

         var obj = JSON.parse(data);
//console.log(data);
          paramNombres = [];
          paramEdades = [];
          $.each(obj, function(i,item){
              paramNombres.push(item.Lead_type);
              paramEdades.push(item.total);
          });
            
         
          var ctx = $("#leadspie");
          var myChart = new Chart(ctx, {
              type: 'pie',
              data: {
                  labels: paramNombres, 
                  datasets: [
                      {
                          label: "Leads Matrix",
                          fill: true,
                          lineTension: 0.1,
                          backgroundColor: ["#003f5c","#58508d","#bc5090","#ff6361","#ffa600"],
                          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: {
                title: {
        display: true,
        text: 'Leads Matrix'
      }
              }
          });
      });

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

Zerion Mini Shell 1.0