%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/public_html/dg/application/modules/bdashboard/views/
Upload File :
Create Path :
Current File : /home/ugotscom/public_html/dg/application/modules/bdashboard/views/dash - Copy (2).php

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<div class="content-wrapper">
     <section class="content-header">
          <h1>Dashboard</h1>
     </section>

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

        
               <div class="col-lg-4 col-xs-6">
                    <div class="small-box bg-yellow">
                         <div class="inner">
                              <h3><?=$details;?></h3>
                              <p>Orders</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-4 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-4 col-xs-6">
                    <div class="small-box bg-blue">
                         <div class="inner">
                              <h3><?=$closed_leads;?></h3>
                              <p>Hot Leads</p>
                         </div>
                         <div class="icon">
                              <i class="fa fa-shopping-cart"></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>
          
 
       <div clas="row">
hello
<div class="chart-container">
    <div class="bar-chart-container">
      <canvas id="bar-chart"></canvas>
    </div>
  </div>
  <!-- javascript -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.js"></script>
   <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 

   <script>
  $(function(){
      //get the bar chart canvas
      var cData = JSON.parse(`<?php echo $chart_data; ?>`);
      var ctx = $("#bar-chart");
 
      //bar chart data
      var data = {
        labels: cData.label,
        datasets: [
          {
            label: cData.label,
            data: cData.data,
            backgroundColor: [
              "#DEB887",
              "#A9A9A9",
              "#DC143C",
              "#F4A460",
              "#2E8B57",
              "#1D7A46",
              "#CDA776",
              "#CDA776",
              "#989898",
              "#CB252B",
              "#E39371",
            ],
            borderColor: [
              "#CDA776",
              "#989898",
              "#CB252B",
              "#E39371",
              "#1D7A46",
              "#F4A460",
              "#CDA776",
              "#DEB887",
              "#A9A9A9",
              "#DC143C",
              "#F4A460",
              "#2E8B57",
            ],
            borderWidth: [1, 1, 1, 1, 1,1,1,1, 1, 1, 1,1,1]
          }
        ]
      };
 
      //options
      var options = {
        responsive: true,
        title: {
          display: true,
          position: "top",
          text: "Monthly Registered Users Count",
          fontSize: 18,
          fontColor: "#111"
        },
        legend: {
          display: true,
          position: "bottom",
          labels: {
            fontColor: "#333",
            fontSize: 16
          }
        }
      };
 
      //create bar Chart class object
      var chart1 = new Chart(ctx, {
        type: "bar",
        data: data,
        options: options
      });
 
  });
</script>
       </div>
        
     </section>
</div>

Zerion Mini Shell 1.0