EVOLUTION-NINJA
Edit File: super-admin-dashboard.php
<?php echo view('includes/admin-header',$dash_b); ?> <div class="col-sm-10" style="padding: 0;"> <div class="dashboard-right"> <h3><b>Dashboard</b></h3> <div class="row dashboard-box"> <?php $role_id = session()->get('role_id'); if($role_id == '1'){ ?> <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><?php echo count($no_org) ?></h5> <div class="bottom"> <i class="fa fa-calendar-o" aria-hidden="true"> <?php echo $crnt_date ?></i> </div> </div> </div> <?php }?> <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><?php echo count($moduler_role) ?></h5> <div class="bottom"> <i class="fa fa-calendar-o" aria-hidden="true"> <?php echo $crnt_date ?></i> </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><?php echo count($faculty_role) ?></h5> <div class="bottom"> <i class="fa fa-calendar-o" aria-hidden="true"> <?php echo $crnt_date ?></i> </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 Active Users</h5> <h5><?php echo count($active_valid) ?></h5> <div class="bottom"> <i class="fa fa-calendar-o" aria-hidden="true"> <?php echo $crnt_date ?></i> </div> </div> </div> <?php $role_id = session()->get('role_id'); if($role_id != '1'){ ?> <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><?php echo count($lastmonth_user) ?> </h5> <div class="bottom"> <i class="fa fa-calendar-o" aria-hidden="true"> <?php echo $crnt_date ?></i> </div> </div> </div> <?php } ?> </div><!--row dashboard-box--> <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><?php echo count($active_valid) ?></h5> <div class="bottom"> <i class="fa fa-calendar-o" aria-hidden="true"> <?php echo $crnt_date ?></i> </div> </div> </div> --> <?php $role_id = session()->get('role_id'); if($role_id == '1'){ ?> <div class="col-sm-3 pt-4"> <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><?php echo count($lastmonth_user) ?> </h5> <div class="bottom"> <i class="fa fa-calendar-o" aria-hidden="true"> <?php echo $crnt_date ?></i> </div> </div> </div> <?php } ?> <div class="col-sm-6"></div> </div><!--row--> <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">Med Connect</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu1">Evidence Care</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu2">MeLS CME</a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div id="home" class="container tab-pane active"><br> <h3>Med Connect</h3> <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>0</h5> <p><span>Total Patients</span></p> <h5>0</h5> </div> </div> </div><!--col-3--> <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>MyCPD Portfolio</span></p> <h5><?php echo $cpd ?></h5> <p><span>MedInsider Forum</span></p> <h5>0</h5> <p><span>Collaborate</span></p> <h5>0</h5> </div> </div> </div><!--col-3--> <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>Career Connect</span></p> <h5>0</h5> <p><span>Anaesthesia Alerts</span></p> <h5>0</h5> <p><span>Community Outreach</span></p> <h5>0</h5> </div> </div> </div><!--col-3--> <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>Wellness Wise Talk</span></p> <h5>0</h5> <p><span>News & Updates</span></p> <h5>0</h5> </div> </div> </div><!--col-3--> </div><!--row--> </div><!--tab--> <div id="menu1" class="container tab-pane fade"><br> <h3>Evidence Care</h3> <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><?php echo count($totaluser_role) ?></h5> <p><span>Total Records</span></p> <h5><?php echo ($c_old_check + $c_patient + $l_old_check + $l_patient + $o_old_check + $o_patient); ?></h5> <p class="mb-0"><span>Total Record Update <div class="tooltip-3"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-3"> <div class="text-content-3"> <h6>Total Number of Cases Recorded includes all the cases which have been uploaded for analysis</h6> <i></i> </div> </div> </div> </span></p> <h5><?php echo ($c_old_check + $l_old_check + $o_old_check); ?></h5> </div> </div> </div><!--col-3--> <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>Reflective Anaesthesia Logbook</span></p> <h5 ><?php echo $logbook ?></h5> <p><span>CNB Database</span></p> <h6 style="color:black;">Report analysed: <?php echo $c_old_check;?></h6> <h6 style="color:black;">Incompleted: <?php echo ($c_patient);?></h6> <p><span>Labour Analgesia</span></p> <h6 style="color:black;">Report analysed: <?php echo $l_old_check;?></h6> <h6 style="color:black;">Incompleted: <?php echo ($l_patient);?></h6> </div> </div> </div><!--col-3--> <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>Obstetrics Anaesthesia</span></p> <h6 style="color:black;">Report analysed: <?php echo $o_old_check;?></h6> <h6 style="color:black;">Incompleted: <?php echo ($o_patient);?></h6> <p><span>PNB Database</span></p> <h5>0</h5> <!-- <h6 style="color:black;">Report analysed: NA</h6> <h6 style="color:black;">Incompleted: NA</h6> --> <p><span>Clinical Audits</span></p> <h5>0</h5> </div> </div> </div><!--col-3--> <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>Critical Incident Reporting System </span></p> <h5>0</h5> <p><span>Reports & Analytics</span></p> <h5>0</h5> </div> </div> </div><!--col-3--> <div class="col-sm-3 pt-5"> <div class="tabs-3"> </div> </div><!--col-3--> </div> </div> <div id="menu2" class="container tab-pane fade"><br> <h3>Mels CME</h3> <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><?php echo count($totaluser_role) ?></h5> <p><span>Total Collabrations</span></p> <h5>0</h5> </div> </div> </div><!--col-3--> <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 Conferences</span></p> <h5><?php echo count($total_conference) ?></h5> <p><span>Total e-Library</span></p> <h5><?php echo count($total_elibrary) ?></h5> <p><span>Online Exam Edge</span></p> <h5><?php echo $guidelines ?></h5> </div> </div> </div><!--col-3--> <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>Videos e-learn Hub</span></p> <h5><?php echo $video_sec ?></h5> <p><span>Quiz Hub</span></p> <h5>0</h5> </div> </div> </div><!--col-3--> <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>Calculators Suite</span></p> <h5 style="color:black;">0</h5> <p><span>Clinical Guidelines & Protocols Suite</span></p> <h5>0</h5> </div> </div> </div><!--col-3--> </div> </div> </div> </div><!--tabs--> <!-- <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 id="worldMap" style="width: 750px; height: 400px; margin: auto; border: 1px solid #EEE" class="jsvmap-container"></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> --><!--row-map--> <!-- <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> --><!--row--> <div class="row d-none"> <div class="col-sm-4"> <div class="scatter"> <canvas id="myChart" style="width:100%;max-width:700px"></canvas> </div> </div> <div class="col-sm-4"> <div class="line-chart"> <canvas id="myChart1" style="width:100%;max-width:600px"></canvas> </div> </div> <div class="col-sm-4"></div> </div> <div class="row d-none"> <div class="col-sm-4"> <div class="scatter"> <canvas id="myChart2" style="width:100%;max-width:700px"></canvas> </div> </div> <div class="col-sm-4"> <div class="line-chart"> <canvas id="myChart3" style="width:100%;max-width:600px"></canvas> </div> </div> <div class="col-sm-4"></div> </div> </div><!--dashboard-right--> </div><!--col-10--> <!-- </div> </section> --> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); 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> <script type="text/javascript"> var xyValues = [ {x:50, y:7}, {x:60, y:8}, {x:70, y:8}, {x:80, y:9}, {x:90, y:9}, {x:100, y:9}, {x:110, y:10}, {x:120, y:11}, {x:130, y:14}, {x:140, y:14}, {x:150, y:15} ]; 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> <script> var xValues = [50,60,70,80,90,100,110,120,130,140,150]; var yValues = [7,8,8,9,9,9,10,11,14,14,15]; 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> <script type="text/javascript"> var xValues = []; var yValues = []; generateData("x * 2 + 7", 0, 10, 0.5); 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> <script type="text/javascript"> var map = new JsVectorMap({ map: 'world', backgroundColor: 'tranparent', draggable: true, zoomButtons: true, zoomOnScroll: true, zoomOnScrollSpeed: 3, zoomMax: 12, zoomMin: 1, zoomAnimate: true, showTooltip: true, zoomStep: 1.5, bindTouchEvents: true, focusOn: {}, // focus on regions on page load /** * Markers options */ markers: null, // Set of markers to add to the map during initialization markersSelectable: false, markersSelectableOne: false, markerStyle: { // Marker style initial: { r: 7, fill: 'black', fillOpacity: 1, stroke: '#FFF', strokeWidth: 5, strokeOpacity: .65 }, hover: { fill: '#3cc0ff', stroke: '#5cc0ff', cursor: 'pointer', strokeWidth: 2 }, selected: { fill: 'blue' }, selectedHover: {} }, // Marker Label style markerLabelStyle: { initial: { fontFamily: 'Verdana', fontSize: 12, fontWeight: 'bold', cursor: 'default', fill: 'black' }, hover: { cursor: 'pointer' } }, /** * Region styles */ labels: { // add a label for a specific region regions: { render(code) { return ['EG', 'KZ', 'CN'].indexOf(code) > -1 ? 'Hello ' + code : '' }, } } regionsSelectable: false, regionsSelectableOne: false, regionStyle: { // Region style initial: { fill: '#e3eaef', fillOpacity: 1, stroke: 'none', strokeWidth: 0, strokeOpacity: 1 }, hover: { fillOpacity: .7, cursor: 'pointer' }, selected: { fill: '#000' }, selectedHover: {} }, // Region label style regionLabelStyle: { initial: { fontFamily: 'Verdana', fontSize: '12', fontWeight: 'bold', cursor: 'default', fill: '#35373e' }, hover: { cursor: 'pointer' } }, series: { markers: [ // You can add one or more objects to create series for markers. ] regions: [ // You can add one or more objects to create series for regions. ] } }) </script> <script type="text/javascript"> $('#worldMap').vectorMap({ map: 'world_en', backgroundColor: '#a5bfdd', color: '#f4f3f0', hoverColor: '#0000ff', hoverOpacity: null, selectedColor: '#666666', attribute: 'fill', enableZoom: true, showTooltip: true, values: sample_data, scaleColors: ['#ffffff', '#a00000'], normalizeFunction: 'polynomial', onRegionClick: function(element,code,region) { displayInfo(code,region); } }); function updateMap() { $.getJSON('docs/testdata.json',function(data) { var map=$("#worldMap").vectorMap('get','mapObject'); map.series.region[0].setValues(data); }); } </script> <?php echo view('includes/flow-footer'); ?> <style type="text/css"> [data-index=22]{ cx="656.325" } </style>