ok
Direktori : /proc/thread-self/root/home2/selectio/www/saew.in/admin/ |
Current File : //proc/thread-self/root/home2/selectio/www/saew.in/admin/index-backup.php |
<?php include "header.php";?> <div class="content-wrapper" style="background: white;"> <section class="content-header"> <h1>Dashboard</h1> <ol class="breadcrumb"> <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> <li class="active">Dashboard</li> </ol> </section> <div class="box-body"> <div class="row"> <div class="col-md-6"> <!-- BAR CHART --> <!--<center style="font-size:20px;color: green;font-weight: 700;">Last 12 Days Attendance Details</center> <div class="chart"> <canvas id="barChart" style="height: 300px; width: 100%;" height="auto" width="auto"></canvas> </div>--> </div> <!-- /.col --> <div class="col-md-6"> <!--<div id="chartContainer" style="height: 300px; width: 100%;"></div> </div>--> <!-- /.col --> </div> <!--<div class="row"> <div class="col-md-12"> <div id="chartContainers" style="height: 370px; width: 100%;"></div> </div> </div>--> <!-- <div class="row"> <div class="col-md-6"> <div class="box " style="border-top:0;border: 1px solid blanchedalmond;padding: 2px;"> <div class="box-header with-border" > <h3 class="box-title "><i class="fa fa-exclamation-triangle text-yellow" aria-hidden="true"></i> Not Initaited Follow Up List</h3> <div class="box-tools pull-right"> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> </button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> </div> </div> <div class="box-body"> <table id="not_initiated_data" class="table table-striped table-bordered table-condensed table-hover" style="margin-bottom:5px;font-size:14px;"> <thead> <tr hidden> <td colspan="10" class="p0"><input type="text" class="form-control b0" name="search_table" id="search_table" placeholder="Search Here" style="width:100%;background-color: darkblue;color: white;"></td> </tr> <tr class="active"> <th>S.no</th> <th>Name</th> <th>Mobile No</th> <th>Date</th> <th>Branch Name</th> </tr> </thead> <tbody> <tr> <td colspan="10" class="dataTables_empty"><center> Loading Pls Wait Data</center></td> </tr> </tbody> </table> </div> </div> </div> <div class="col-md-6"> <div class="box " style="border-top:0;border: 1px solid blanchedalmond;padding: 2px;"> <div class="box-header with-border" > <h3 class="box-title "><i class="fa fa-exclamation-triangle text-yellow" aria-hidden="true"></i> Today Follow Up List</h3> <div class="box-tools pull-right"> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> </button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> </div> </div> <div class="box-body"> <table id="today_follow_up" class="table table-striped table-bordered table-condensed table-hover" style="margin-bottom:5px;font-size:14px"> <thead> <tr hidden> <td colspan="10" class="p0"><input type="text" class="form-control b0" name="search_table" id="search_table" placeholder="Search Here" style="width:100%;background-color: darkblue;color: white;"></td> </tr> <tr class="active"> <th>S.no</th> <th>Name</th> <th>Mobile No</th> <th>Date</th> <th>Branch Name</th> </tr> </thead> <tbody> <tr> <td colspan="10" class="dataTables_empty"><center> Loading Pls Wait Data</center></td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="box " style="border-top:0;border: 1px solid blanchedalmond;padding: 2px;"> <div class="box-header with-border" > <h3 class="box-title "><i class="fa fa-exclamation-triangle text-yellow" aria-hidden="true"></i> Un-Know Date Follow Up List</h3> <div class="box-tools pull-right"> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> </button> <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> </div> </div> <div class="box-body"> <table id="unknow_follow_up" class="table table-striped table-bordered table-condensed table-hover" style="margin-bottom:5px;font-size:14px"> <thead> <tr hidden> <td colspan="10" class="p0"><input type="text" class="form-control b0" name="search_table" id="search_table" placeholder="Search Here" style="width:100%;background-color: darkblue;color: white;"></td> </tr> <tr class="active"> <th>S.no</th> <th>Name</th> <th>Mobile No</th> <th>Date</th> <th>Branch Name</th> </tr> </thead> <tbody> <tr> <td colspan="10" class="dataTables_empty"><center> Loading Pls Wait Data</center></td> </tr> </tbody> </table> </div> </div> </div> </div> --> </div> <script src="https://diya.gmkinfotech.xyz/theme/plugins/chartjs/Chart.min.js"></script> <script> $(function () { /* ChartJS * ------- * Here we will create a few charts using ChartJS */ //------------- //- BAR CHART - //------------- var barChartData = { labels: ["November-15", "November-16", "November-17", "November-18", "November-19", "November-20", "November-21","November-22","November-23","November-24","November-25","November-26"], datasets: [ { label: "Present", fillColor: "rgba(210, 214, 222, 1)", strokeColor: "rgba(210, 214, 222, 1)", pointColor: "rgba(210, 214, 222, 1)", pointStrokeColor: "#c1c7d1", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(220,220,220,1)", data: [23, 14, 23, 14,23, 14,23, 14,23, 14, 0, 12.00] }, { label: "Absent", fillColor: "rgba(60,141,188,0.9)", strokeColor: "rgba(60,141,188,0.8)", pointColor: "#3b8bba", pointStrokeColor: "rgba(60,141,188,1)", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(60,141,188,1)", data: [4.00, 5.0023, 14,23, 14,23, 14,23, 14, 14.00, 14.00,14] } ] }; var barChartCanvas = $("#barChart").get(0).getContext("2d"); var barChart = new Chart(barChartCanvas); barChartData.datasets[1].fillColor = "#00a65a"; barChartData.datasets[1].strokeColor = "#00a65a"; barChartData.datasets[1].pointColor = "#00a65a"; var barChartOptions = { //Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value scaleBeginAtZero: true, //Boolean - Whether grid lines are shown across the chart scaleShowGridLines: true, //String - Colour of the grid lines scaleGridLineColor: "rgba(0,0,0,.05)", //Number - Width of the grid lines scaleGridLineWidth: 1, //Boolean - Whether to show horizontal lines (except X axis) scaleShowHorizontalLines: true, //Boolean - Whether to show vertical lines (except Y axis) scaleShowVerticalLines: true, //Boolean - If there is a stroke on each bar barShowStroke: true, //Number - Pixel width of the bar stroke barStrokeWidth: 2, //Number - Spacing between each of the X value sets barValueSpacing: 5, //Number - Spacing between data sets within X values barDatasetSpacing: 1, //String - A legend template legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>", //Boolean - whether to make the chart responsive responsive: true, maintainAspectRatio: true }; barChartOptions.datasetFill = false; barChart.Bar(barChartData, barChartOptions); }); </script> <script> window.onload = function () { var options = { animationEnabled: true, title: { text: "Attendance", fontColor: "Peru" }, axisY: { tickThickness: 0, lineThickness: 0, valueFormatString: " ", includeZero: true, gridThickness: 0 }, axisX: { tickThickness: 0, lineThickness: 0, labelFontSize: 12, labelFontColor: "Peru" }, data: [{ indexLabelFontSize: 12, toolTipContent: "<span style=\"color:red\">{indexLabel}:</span> <span style=\"color:red\"><strong>{y}</strong></span>", indexLabelPlacement: "inside", indexLabelFontColor: "white", indexLabelFontWeight: 400, indexLabelFontFamily: "Verdana", color: "#3c8dbc", type: "bar", dataPoints: [ { y: 21, label: "21%", indexLabel: "HIM-HEALTH INFORMATION MANAGEMENT" }, { y: 25, label: "25%", indexLabel: "CCS-CERTIFIED CODING SPECIALIST" }, { y: 33, label: "33%", indexLabel: "CRC-CERTIFIED RISK ADJUSTMENT CODER" }, { y: 36, label: "36%", indexLabel: "COC-CERTIFIED OUTPATIENT CODER" }, { y: 42, label: "42%", indexLabel: "CPC-CERTIFIED PROFESSIONAL CODER" }, { y: 49, label: "49%", indexLabel: "E/M-EVALUATION AND MANAGEMENT" }, { y: 50, label: "50%", indexLabel: "SURGERY" }, { y: 55, label: "55%", indexLabel: "IP DRG" }, { y: 61, label: "61%", indexLabel: "CCSP-CERTIFIED CODING SPECIALIST" } ] }] }; $("#chartContainer").CanvasJSChart(options); var options1 = { exportEnabled: true, animationEnabled: true, title:{ text: "Attendance" }, subtitles: [{ text: "For all Branches" }], axisX: { title: "States" }, axisY: { title: "Present", titleFontColor: "#4F81BC", lineColor: "#4F81BC", labelFontColor: "#4F81BC", tickColor: "#4F81BC" }, axisY2: { title: "Absent", titleFontColor: "#C0504E", lineColor: "#C0504E", labelFontColor: "#C0504E", tickColor: "#C0504E" }, toolTip: { shared: true }, legend: { cursor: "pointer", itemclick: toggleDataSeries }, data: [{ type: "spline", name: "Lead Count", showInLegend: true, xValueFormatString: "MMM YYYY", yValueFormatString: "#,##0 Units", dataPoints: [ { x: new Date(2022, 0, 1), y: 3 }, { x: new Date(2022, 1, 1), y: 3 }, { x: new Date(2022, 2, 1), y: 7 }, { x: new Date(2022, 3, 1), y: 2 }, { x: new Date(2022, 4, 1), y: 5 }, { x: new Date(2022, 5, 1), y: 1 }, { x: new Date(2022, 6, 1), y: 8 }, { x: new Date(2022, 7, 1), y: 12 }, { x: new Date(2022, 8, 1), y: 3 }, { x: new Date(2022, 9, 1), y: 2 }, { x: new Date(2022, 10, 1), y: 6 }, { x: new Date(2022, 11, 1), y: 13 }, { x: new Date(2022, 12, 1), y: 15 } ] }, { type: "spline", name: "Follow Up", axisYType: "secondary", showInLegend: true, xValueFormatString: "MMM YYYY", yValueFormatString: "#,##0.# Follow Up", dataPoints: [ { x: new Date(2022, 0, 1), y: 12 }, { x: new Date(2022, 1, 1), y: 12 }, { x: new Date(2022, 2, 1), y: 23 }, { x: new Date(2022, 3, 1), y: 12 }, { x: new Date(2022, 4, 1), y: 3 }, { x: new Date(2022, 5, 1), y: 14 }, { x: new Date(2022, 6, 1), y: 16 }, { x: new Date(2022, 7, 1), y: 17 }, { x: new Date(2022, 8, 1), y: 15 }, { x: new Date(2022, 9, 1), y: 12 }, { x: new Date(2022, 10, 1), y: 13 }, { x: new Date(2022, 11, 1), y: 17 }, { x: new Date(2022, 12, 1), y: 17 } ] }] }; $("#chartContainers").CanvasJSChart(options1); function toggleDataSeries(e) { if (typeof (e.dataSeries.visible) === "undefined" || e.dataSeries.visible) { e.dataSeries.visible = false; } else { e.dataSeries.visible = true; } e.chart.render(); } } </script> <script type="text/javascript" src="assets/dev/js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="assets/dev/js/jquery.canvasjs.min.js"></script> <?php include "footer.php";?>