EVOLUTION-NINJA

Edit File: dashboard.php

<?php
    echo view('dashboard/includes/dashboard-header');    
?>
        <div class="col-sm-10" style="padding: 0;">
            <div class="dashboard-right">
                <h3><b>Dashboard</b></h3>
                <div class="row dashboard-box">
                    <div class="col-sm-3">
                        <div class="box-1">
                            <img src="<?php echo base_url('public/assets/images/box-img-1.png');?>">
                            <h5>Total Organizations</h5>
                            <h5>10,000</h5>
                            <div class="bottom">
                                <i class="fa fa-calendar-o" aria-hidden="true">20-04-2022</i>
                                <a href="">VIEW ALL</a>
                            </div>
                        </div>
                    </div>
                     <div class="col-sm-3">
                        <div class="box-2">
                            <img src="<?php echo base_url('public/assets/images/box-img-2.png');?>">
                            <h5>Total Module Admins</h5>
                            <h5>5,000</h5>
                            <div class="bottom">
                                <i class="fa fa-calendar-o" aria-hidden="true">20-04-2022</i>
                                <a href="">VIEW ALL</a>
                            </div>
                        </div>
                    </div>
                     <div class="col-sm-3">
                         <div class="box-3">
                            <img src="<?php echo base_url('public/assets/images/box-img-2.png');?>">
                            <h5>Total Faculties</h5>
                            <h5>5,000</h5>
                            <div class="bottom">
                                <i class="fa fa-calendar-o" aria-hidden="true">20-04-2022</i>
                                <a href="">VIEW ALL</a>
                            </div>
                        </div>
                    </div>
                     <div class="col-sm-3">
                        <div class="box-4">
                            <img src="<?php echo base_url('public/assets/images/box-img-2.png');?>">
                            <h5>Total Users</h5>
                            <h5>5,000</h5>
                            <div class="bottom">
                                <i class="fa fa-calendar-o" aria-hidden="true">20-04-2022</i>
                                <a href="">VIEW ALL</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row pt-4">
                    <div class="col-sm-3">
                       <div class="box-5">
                            <img src="<?php echo base_url('public/assets/images/box-img-2.png');?>">
                            <h5>Total Active Users</h5>
                            <h5>10,000</h5>
                            <div class="bottom">
                                <i class="fa fa-calendar-o" aria-hidden="true">20-04-2022</i>
                                <a href="">VIEW ALL</a>
                            </div>
                        </div> 
                    </div>
                     <div class="col-sm-3">
                         <div class="box-6">
                            <img src="<?php echo base_url('public/assets/images/box-img-2.png');?>">
                            <h5 style="font-size: 17px;">Registrations last month</h5>
                            <h5>5,000</h5>
                            <div class="bottom">
                                <i class="fa fa-calendar-o" aria-hidden="true">20-04-2022</i>
                                <a href="">VIEW ALL</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6"></div>
                </div>

<div class="dashboard-tabs">
                     <ul class="nav nav-tabs" role="tablist" id="nav-tabs-dashboard">
                        <li class="nav-item">
                          <a class="nav-link active" data-toggle="tab" href="#home">MeduConnect</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" data-toggle="tab" href="#menu1">MeduCore</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" data-toggle="tab" href="#menu2">MeLS</a>
                        </li>
                    </ul>

<div class="tab-content">
                        <div id="home" class="container tab-pane active"><br>
                           <div class="row">
                               <div class="col-sm-3">
                                  <div class="tabs-1">
                                      <div class="tabs-img">
                                           <img src="<?php echo base_url('public/assets/images/tabs-img-1.png');?>"> 
                                      </div>
                                      <div class="tab-cont">
                                        <p><span>Total Users</span></p>
                                        <h5>12.5K</h5>
                                        <p><span>Total Patients</span></p>
                                        <h5>12.5K</h5>
                                      </div>
                                  </div> 
                               </div>
                                <div class="col-sm-3">
                                    <div class="tabs-2">
                                      <div class="tabs-img">
                                           <img src="<?php echo base_url('public/assets/images/tabs-img-2.png');?>"> 
                                      </div>
                                      <div class="tab-cont">
                                        <p><span>Total ePHQs Sent</span></p>
                                        <h5>12.5K</h5>
                                        <p><span>Total ePHQs Received</span></p>
                                        <h5>12.5K</h5>
                                      </div>
                                  </div> 
                                </div>
                                <div class="col-sm-3">
                                    <div class="tabs-3">
                                      <div class="tabs-img">
                                           <img src="<?php echo base_url('public/assets/images/tabs-img-3.png');?>"> 
                                      </div>
                                      <div class="tab-cont">
                                        <p><span>Total Consent Sent</span></p>
                                        <h5>12.5K</h5>
                                        <p><span>Total Consent Received</span></p>
                                        <h5>12.5K</h5>
                                      </div>
                                  </div> 
                               </div>
                               <div class="col-sm-3">
                                    <div class="tabs-4">
                                      <div class="tabs-img">
                                           <img src="<?php echo base_url('public/assets/images/tabs-img-4.png');?>"> 
                                      </div>
                                      <div class="tab-cont">
                                        <p><span>Total ePCOM Sent</span></p>
                                        <h5>12.5K</h5>
                                        <p><span>Total ePCOM Received</span></p>
                                        <h5>12.5K</h5>
                                      </div>
                                    </div> 
                               </div>
                           </div> 
                        </div>
                        <div id="menu1" class="container tab-pane fade"><br>
                          <h3>Menu 1</h3>
                          <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                        </div>
                        <div id="menu2" class="container tab-pane fade"><br>
                          <h3>Menu 2</h3>
                          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
                        </div>
                      </div>

</div>

<div class="row">
                  <div class="col-sm-8"><h5><b>Current Users around the world</b></h5></div>
                  <div class="col-sm-4"></div>
              </div>
                <div class="row">
                    <div class="col-sm-8">
                         <div id="worldMarket" style="width: 100%; height: 350px"></div>
                     
                    </div>
                    <div class="col-sm-4">
                       <div class="users">
                           <div class="country-users">
                                <img src="<?php echo base_url('public/assets/images/marker.png');?>">
                                <h5>25% India</h5>
                           </div>
                           <div class="country-users">
                                <img src="<?php echo base_url('public/assets/images/marker.png');?>">
                                <h5>30% South East Asia</h5>
                           </div>
                           <div class="country-users">
                                <img src="<?php echo base_url('public/assets/images/marker.png');?>">
                                <h5>20% Australia NZ Pacific</h5>
                           </div>
                           <div class="country-users">
                                <img src="<?php echo base_url('public/assets/images/marker.png');?>">
                                <h5>20% United Kingdom</h5>
                           </div>
                            <div class="country-users">
                                <img src="<?php echo base_url('public/assets/images/marker.png');?>">
                                <h5>20% Europe</h5>
                           </div>
                       </div> 
                    </div>
                </div>
                 
                <div class="row">
                    <div class="col-sm-6">
                         <div id="curve_chart" style="width: 900px; height: 500px;margin-top: 20px;"></div>
                    </div>
                    <div class="col-sm-6">
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="logins">
                                     <img src="<?php echo base_url('public/assets/images/App-icon.png');?>">
                                     <h4>App Logins</h4>
                                     <h5>862 <span>-18%</span></h5>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="logins-1">
                                     <img src="<?php echo base_url('public/assets/images/App-icon-1.png');?>">
                                     <h4>Website Logins</h4>
                                     <h5>862 <span>-18%</span></h5>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="logins-2">
                                     <img src="<?php echo base_url('public/assets/images/App-icon-2.png');?>">
                                     <h4>Total sold</h4>
                                     <h5>862 <span>-18%</span></h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

</div>
        </div>

function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);

var options = {
          title: 'Company Performance',
          curveType: 'function',
          legend: { position: 'bottom' }
        };

var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

chart.draw(data, options);
      }
    </script>

new Chart("myChart", {
          type: "scatter",
          data: {
            datasets: [{
              pointRadius: 4,
              pointBackgroundColor: "rgb(0,0,255)",
              data: xyValues
            }]
          },
          options: {
            legend: {display: false},
            scales: {
              xAxes: [{ticks: {min: 40, max:160}}],
              yAxes: [{ticks: {min: 6, max:16}}],
            }
          }
        });
    </script>

new Chart("myChart1", {
          type: "line",
          data: {
            labels: xValues,
            datasets: [{
              fill: false,
              lineTension: 0,
              backgroundColor: "rgba(0,0,255,1.0)",
              borderColor: "rgba(0,0,255,0.1)",
              data: yValues
            }]
          },
          options: {
            legend: {display: false},
            scales: {
              yAxes: [{ticks: {min: 6, max:16}}],
            }
          }
        });

var xValues = ["Australia", "India", "Spain", "USA", "Argentina"];
        var yValues = [55, 49, 44, 24, 15];
        var barColors = [
          "#b91d47",
          "#00aba9",
          "#2b5797",
          "#e8c3b9",
          "#1e7145"
        ];

new Chart("myChart2", {
          type: "doughnut",
          data: {
            labels: xValues,
            datasets: [{
              backgroundColor: barColors,
              data: yValues
            }]
          },
          options: {
            title: {
              display: true,
              text: "Total Visits"
            }
          }
        });

</script>

new Chart("myChart3", {
  type: "line",
  data: {
    labels: xValues,
    datasets: [{
      fill: false,
      pointRadius: 1,
      borderColor: "rgba(255,0,0,0.5)",
      data: yValues
    }]
  },    
  options: {
    legend: {display: false},
    title: {
      display: true,
      text: "Total Profit",
      fontSize: 16
    }
  }
});
function generateData(value, i1, i2, step = 1) {
  for (let x = i1; x <= i2; x += step) {
    yValues.push(eval(value));
    xValues.push(x);
  }
}
</script>

function updateMap() {         
  $.getJSON('docs/testdata.json',function(data) {
    var map=$("#worldMap").vectorMap('get','mapObject');
    map.series.region[0].setValues(data);
  });
}

</script>

<?php
    echo view('dashboard/includes/dashboard-footer');    
?>