| Server IP : 162.240.98.243 / Your IP : 18.191.168.203 Web Server : Apache System : Linux server.bti.yaw.mybluehostin.me 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : btiyawmy ( 1003) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/btiyawmy/public_html/patient.easenup.in/ |
Upload File : |
<?php
session_start();
include('db/dbcon.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Dashboard</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<!-- bootstrap & fontawesome -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />
<!-- page specific plugin styles -->
<!-- text fonts -->
<link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" />
<!-- ace styles -->
<link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
<![endif]-->
<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="assets/css/ace-ie.min.css" />
<![endif]-->
<!-- inline styles related to this page -->
<!-- ace settings handler -->
<script src="assets/js/ace-extra.min.js"></script>
<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
<!--[if lte IE 8]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body class="no-skin">
<?php include('includes/header.php'); ?>
<div class="main-container ace-save-state" id="main-container">
<script type="text/javascript">
try{ace.settings.loadState('main-container')}catch(e){}
</script>
<div id="sidebar" class="sidebar navbar-collapse collapse ace-save-state">
<script type="text/javascript">
try{ace.settings.loadState('sidebar')}catch(e){}
</script>
<div class="sidebar-shortcuts" id="sidebar-shortcuts">
<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
<button class="btn btn-success">
<i class="ace-icon fa fa-signal"></i>
</button>
<button class="btn btn-info">
<i class="ace-icon fa fa-pencil"></i>
</button>
<button class="btn btn-warning">
<i class="ace-icon fa fa-users"></i>
</button>
<button class="btn btn-danger">
<i class="ace-icon fa fa-cogs"></i>
</button>
</div>
<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
<span class="btn btn-success"></span>
<span class="btn btn-info"></span>
<span class="btn btn-warning"></span>
<span class="btn btn-danger"></span>
</div>
</div><!-- /.sidebar-shortcuts -->
<?php include('includes/sidebar.php'); ?>
<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
</div>
</div>
<div class="main-content">
<div class="main-content-inner">
<div class="breadcrumbs ace-save-state" id="breadcrumbs">
<ul class="breadcrumb">
<li>
<i class="ace-icon fa fa-home home-icon"></i>
<a href="#">Home</a>
</li>
<li>
<a href="#">Dashboard</a>
</li>
</ul><!-- /.breadcrumb -->
<div class="nav-search" id="nav-search">
<form class="form-search">
<span class="input-icon">
<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
<i class="ace-icon fa fa-search nav-search-icon"></i>
</span>
</form>
</div><!-- /.nav-search -->
</div>
<div class="page-content">
<div class="ace-settings-container" id="ace-settings-container">
<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
<i class="ace-icon fa fa-cog bigger-130"></i>
</div>
<div class="ace-settings-box clearfix" id="ace-settings-box">
<div class="pull-left width-50">
<div class="ace-settings-item">
<div class="pull-left">
<select id="skin-colorpicker" class="hide">
<option data-skin="no-skin" value="#438EB9">#438EB9</option>
<option data-skin="skin-1" value="#222A2D">#222A2D</option>
<option data-skin="skin-2" value="#C6487E">#C6487E</option>
<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
</select>
</div>
<span> Choose Skin</span>
</div>
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-navbar" autocomplete="off" />
<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
</div>
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-sidebar" autocomplete="off" />
<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
</div>
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-breadcrumbs" autocomplete="off" />
<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
</div>
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" autocomplete="off" />
<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
</div>
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-add-container" autocomplete="off" />
<label class="lbl" for="ace-settings-add-container">
Inside
<b>.container</b>
</label>
</div>
</div><!-- /.pull-left -->
<div class="pull-left width-50">
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" autocomplete="off" />
<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
</div>
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" autocomplete="off" />
<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
</div>
<div class="ace-settings-item">
<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" autocomplete="off" />
<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
</div>
</div><!-- /.pull-left -->
</div><!-- /.ace-settings-box -->
</div><!-- /.ace-settings-container -->
<div class="page-header">
<h1>Dashboard </h1>
</div><!-- /.page-header -->
<div class="row">
<div class="col-xs-12">
<!-- PAGE CONTENT BEGINS -->
<div class="alert alert-block alert-success">
<button type="button" class="close" data-dismiss="alert">
<i class="ace-icon fa fa-times"></i>
</button>
<i class="ace-icon fa fa-check green"></i>
Welcome
<strong class="green">
<small> <?php echo $rs['name']; ?></small>
</strong>
</div>
<div class="row">
<div class="space-6"></div>
<div class="col-sm-12 infobox-container">
<div class="infobox infobox-green">
<div class="infobox-icon">
<i class="ace-icon fa fa-book"></i>
</div>
<div class="infobox-data">
<span class="infobox-data-number">0</span>
<div class="infobox-content"><a class='modalLink' href='#myModal' data-toggle='modal' data-target='#myModal'>Book Appointment </a></div>
</div>
<div class="stat stat-success">0%</div>
</div>
<div class="infobox infobox-blue">
<div class="infobox-icon">
<i class="ace-icon fa fa-calendar"></i>
</div>
<div class="infobox-data">
<span class="infobox-data-number">
<?php
$today=date('Y-m-d');
$IPDF=$conn->query("SELECT count(*) as cnt FROM addaspatient WHERE patientid='$_GET[id]' AND typevisit='IPD' AND admintedDate='$today'");
$RowIPD=$IPDF->fetch_assoc();
echo "$RowIPD[cnt]";
?>
</span>
<div class="infobox-content">Visit (IPD)</div>
</div>
</div>
<div class="infobox infobox-pink">
<div class="infobox-icon">
<i class="ace-icon fa fa-flag"></i>
</div>
<div class="infobox-data">
<span class="infobox-data-number">
<?php
$today=date('Y-m-d');
$OPDF=$conn->query("SELECT count(*) as cnt FROM addaspatient WHERE patientid='$_GET[id]' AND (typevisit='OPD' OR typevisit='Opd_Emergency' OR typevisit='OPD_Routine') AND admintedDate='$today'");
$RowOPD=$OPDF->fetch_assoc();
echo "$RowOPD[cnt]";
?>
</span>
<div class="infobox-content">Visit (OPD)</div>
</div>
</div>
<div class="infobox infobox-red">
<div class="infobox-icon">
<i class="ace-icon fa fa-calendar-o"></i>
</div>
<div class="infobox-data">
<span class="infobox-data-number">
<?php
$today=date('Y-m-d');
$TotalPatient=$conn->query("SELECT count(*) as cnt FROM addaspatient WHERE patientid='$_GET[id]' AND (typevisit='OPD' OR typevisit='Opd_Emergency' OR typevisit='OPD_Routine') AND admintedDate='$today'");
$RowTotalPatient=$TotalPatient->fetch_assoc();
echo "$RowTotalPatient[cnt]";
?>
</span>
<div class="infobox-content">Total Visit</div>
</div>
</div>
<div class="infobox infobox-orange2">
<div class="infobox-chart">
<span class="sparkline" data-values="196,128,202,177,154,94,100,170,224"><canvas width="44" height="33" style="display: inline-block; width: 44px; height: 33px; vertical-align: top;"></canvas></span>
</div>
<div class="infobox-data">
<span class="infobox-data-number">
<?php
$sql ="SELECT count(*) as cnt FROM immunization WHERE patientid='$_GET[id]'";
//$sql ="SELECT * FROM immunization WHERE patientid='$_SESSION[userno]'";
$qsql = mysqli_query($conn,$sql);
$rs = mysqli_fetch_array($qsql);
echo "$rs[cnt]";
?>
</span>
<div class="infobox-content">Vaccine</div>
</div>
</div>
<div class="space-6"></div>
<!--<div class="infobox infobox-green infobox-small infobox-dark">-->
<!-- <div class="infobox-progress">-->
<!-- <div class="easy-pie-chart percentage" data-percent="61" data-size="39" style="height: 39px; width: 39px; line-height: 38px;">-->
<!-- <span class="percent">0</span>%-->
<!-- <canvas height="39" width="39"></canvas></div>-->
<!-- </div>-->
<!-- <div class="infobox-data">-->
<!-- <div class="infobox-content">Timeline</div>-->
<!-- </div>-->
<!--</div>-->
<!--<div class="infobox infobox-blue infobox-small infobox-dark">-->
<!-- <div class="infobox-chart">-->
<!-- <span class="sparkline" data-values="3,4,2,3,4,4,2,2"><canvas width="39" height="19" style="display: inline-block; width: 39px; height: 19px; vertical-align: top;"></canvas></span>-->
<!-- </div>-->
<!-- <div class="infobox-data">-->
<!-- <div class="infobox-content">Investigation</div>-->
<!-- <div class="infobox-content">Report</div>-->
<!-- </div>-->
<!--</div>-->
<!--<div class="infobox infobox-grey infobox-small infobox-dark">-->
<!-- <div class="infobox-icon">-->
<!-- <i class="ace-icon fa fa-calendar-o"></i>-->
<!-- </div>-->
<!-- <div class="infobox-data">-->
<!-- <div class="infobox-content">Billing</div>-->
<!-- </div>-->
<!--</div>-->
</div>
<!--<div class="vspace-12-sm"></div>-->
<!--<div class="col-sm-5">-->
<!-- <div class="widget-box">-->
<!-- <div class="widget-header widget-header-flat widget-header-small">-->
<!-- <h5 class="widget-title">-->
<!-- <i class="ace-icon fa fa-signal"></i>-->
<!-- Traffic Sources-->
<!-- </h5>-->
<!-- <div class="widget-toolbar no-border">-->
<!-- <div class="inline dropdown-hover">-->
<!-- <button class="btn btn-minier btn-primary">-->
<!-- This Week-->
<!-- <i class="ace-icon fa fa-angle-down icon-on-right bigger-110"></i>-->
<!-- </button>-->
<!-- <ul class="dropdown-menu dropdown-menu-right dropdown-125 dropdown-lighter dropdown-close dropdown-caret">-->
<!-- <li class="active">-->
<!-- <a href="#" class="blue">-->
<!-- <i class="ace-icon fa fa-caret-right bigger-110"> </i>-->
<!-- This Week-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="#">-->
<!-- <i class="ace-icon fa fa-caret-right bigger-110 invisible"> </i>-->
<!-- Last Week-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="#">-->
<!-- <i class="ace-icon fa fa-caret-right bigger-110 invisible"> </i>-->
<!-- This Month-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="#">-->
<!-- <i class="ace-icon fa fa-caret-right bigger-110 invisible"> </i>-->
<!-- Last Month-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="widget-body">-->
<!-- <div class="widget-main">-->
<!-- <div id="piechart-placeholder" style="width: 90%; min-height: 150px; padding: 0px; position: relative;"><canvas class="flot-base" width="384" height="150" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 384px; height: 150px;"></canvas><canvas class="flot-overlay" width="384" height="150" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 384px; height: 150px;"></canvas><div class="legend"><div style="position: absolute; width: 90px; height: 110px; top: 15px; right: -30px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:15px;right:-30px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid null;padding:1px"><div style="width:4px;height:0;border:5px solid #68BC31;overflow:hidden"></div></div></td><td class="legendLabel">social networks</td></tr><tr><td class="legendColorBox"><div style="border:1px solid null;padding:1px"><div style="width:4px;height:0;border:5px solid #2091CF;overflow:hidden"></div></div></td><td class="legendLabel">search engines</td></tr><tr><td class="legendColorBox"><div style="border:1px solid null;padding:1px"><div style="width:4px;height:0;border:5px solid #AF4E96;overflow:hidden"></div></div></td><td class="legendLabel">ad campaigns</td></tr><tr><td class="legendColorBox"><div style="border:1px solid null;padding:1px"><div style="width:4px;height:0;border:5px solid #DA5430;overflow:hidden"></div></div></td><td class="legendLabel">direct traffic</td></tr><tr><td class="legendColorBox"><div style="border:1px solid null;padding:1px"><div style="width:4px;height:0;border:5px solid #FEE074;overflow:hidden"></div></div></td><td class="legendLabel">other</td></tr></tbody></table></div></div>-->
<!-- <div class="hr hr8 hr-double"></div>-->
<!-- <div class="clearfix">-->
<!-- <div class="grid3">-->
<!-- <span class="grey">-->
<!-- <i class="ace-icon fa fa-facebook-square fa-2x blue"></i>-->
<!-- likes-->
<!-- </span>-->
<!-- <h4 class="bigger pull-right">1,255</h4>-->
<!-- </div>-->
<!-- <div class="grid3">-->
<!-- <span class="grey">-->
<!-- <i class="ace-icon fa fa-twitter-square fa-2x purple"></i>-->
<!-- tweets-->
<!-- </span>-->
<!-- <h4 class="bigger pull-right">941</h4>-->
<!-- </div>-->
<!-- <div class="grid3">-->
<!-- <span class="grey">-->
<!-- <i class="ace-icon fa fa-pinterest-square fa-2x red"></i>-->
<!-- pins-->
<!-- </span>-->
<!-- <h4 class="bigger pull-right">1,050</h4>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div><!-- /.widget-main -->
<!-- </div><!-- /.widget-body -->
<!-- </div><!-- /.widget-box -->
<!--</div>-->
<!-- /.col -->
</div><!-- /.row -->
<div class="hr hr32 hr-dotted"></div>
<!-- PAGE CONTENT ENDS -->
</div><!-- /.col -->
</div>
</div><!-- /.page-content -->
</div>
</div><!-- /.main-content -->
<?php include('includes/footer.php'); ?>
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div><!-- /.main-container -->
<!-- basic scripts -->
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Book Appointment</h4>
</div>
<div class="modal-body">
<form class="was-validated">
<?php
$sql ="SELECT * FROM patient WHERE patientid='$_GET[id]'";
$qsql = mysqli_query($conn,$sql);
while($rs = mysqli_fetch_array($qsql))
{
echo"
<input type='hidden' value='$rs[patientid]' name='patientid'>
<input type='hidden' value='$rs[patientname]' name='patientname'>
";
}
?>
<div class="form-group">
<div class="wrap-form-control form-control-select">
<input onchange="appointmenttype(this.value)" value="In person consultation" name="VisitConsultant" type="radio">
<span style="font-size:18px;"> In person consultation</span>
<span class="focus-form-control"></span>
</div>
<div class="wrap-form-control form-control-select">
<input onchange="appointmentvideo(this.value)" value="Video Consultation" name="VisitConsultant" type="radio">
<span style="font-size:18px;"> Video Consultation</span>
<span class="focus-form-control"></span>
</div>
<div class="wrap-form-control form-control-select">
<input onchange="appointmenttele(this.value)" value="Tele consultation" name="VisitConsultant" type="radio">
<span style="font-size:18px;"> Tele consultation</span>
<span class="focus-form-control"></span>
</div>
<div class='form-group'>
<span class="label-form-control">Specialty</span>
<div class="wrap-form-control form-control-select">
<div id="divvideo">
<select class='form-control' name="Specialty">
<option value="" disabled selected>Choose Specialty</option>
</select>
<span class="focus-form-control"></span>
</div>
<div class="form-group" style='margin-top:12px;'>
<div id="divst">
<span class="label-form-control">State</span>
<select class='form-control' name="Selectstate">
<option value="" disabled selected>State Name</option>
</select>
<span class="focus-form-control"></span>
</div>
<div class="form-group">
<span class="label-form-control">Find Doctors</span>
<div class="wrap-form-control form-control-select">
<div id="divdoctr">
<span class="focus-form-control"></span>
</div>
<div class="form-group">
<span class="label-form-control">Payment Method </span>
<div class="wrap-form-control form-control-select">
<select class='form-control' name="Payment">
<option value="" disabled selected>Select Payment Method </option>
<option value="Cash On counter">Cash On counter</option>
</select>
<span class="focus-form-control"></span>
</div>
<div class="form-group"> <span class="label-form-control">When can you come? </span>
<div class="wrap-form-control validate-input" data-validate="Valid email is required: ex@abc.xyz">
<input class="form-control" type="date" name="selectdate" placeholder="Enter your email addess">
<span class="focus-form-control"></span></div>
<div class="form-group"><span class="label-input100">Select Time </span>
<div class="wrap-input100 input100-select">
<div id="loadtime">
<select class='form-control' name="SelectTime">
<option value="" disabled selected>Select Time</option>
<?php
function create_time_range($start, $end, $interval='30 mins', $format='12'){
$startTime = strtotime($start);
$endTime = strtotime($end);
$returnTimeFormat = ($format=='12')?'g:i:s A':'G:i:s';
$current = time();
$addTime = strtotime('+'.$interval,$current);
$diff=$addTime-$current;
$times=array();
while($startTime < $endTime){
$times[]=date($returnTimeFormat, $startTime);
$startTime += $diff;
}
$times[]=date($returnTimeFormat,$startTime);
return $times;
}
$times=create_time_range('7:30','18:30','1 days');
?>
<H1> Time Picker Dropdown Using Time Range</h1>
<?php foreach($times as $key=>$val){ ?>
<option value="<?php echo $val; ?>"><?php echo $val;?></option>
<?php } ?>
</select>
<span class="focus-input100"></span></div>
<div class="form-group"></div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div></div>
</div>
</div>
<!--[if !IE]> -->
<script src="assets/js/jquery-2.1.4.min.js"></script>
<!-- <![endif]-->
<!--[if IE]>
<script src="assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
<script type="text/javascript">
if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- page specific plugin scripts -->
<!-- ace scripts -->
<script src="assets/js/ace-elements.min.js"></script>
<script src="assets/js/ace.min.js"></script>
<!-- inline scripts related to this page -->
<!--[if lte IE 8]>
<script src="assets/js/excanvas.min.js"></script>
<![endif]-->
<script src="assets/js/jquery-ui.custom.min.js"></script>
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="assets/js/jquery.easypiechart.min.js"></script>
<script src="assets/js/jquery.sparkline.index.min.js"></script>
<script src="assets/js/jquery.flot.min.js"></script>
<script src="assets/js/jquery.flot.pie.min.js"></script>
<script src="assets/js/jquery.flot.resize.min.js"></script>
<!-- inline scripts related to this page -->
<script type="text/javascript">
jQuery(function($) {
$('.easy-pie-chart.percentage').each(function(){
var $box = $(this).closest('.infobox');
var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
var size = parseInt($(this).data('size')) || 50;
$(this).easyPieChart({
barColor: barColor,
trackColor: trackColor,
scaleColor: false,
lineCap: 'butt',
lineWidth: parseInt(size/10),
animate: ace.vars['old_ie'] ? false : 1000,
size: size
});
})
$('.sparkline').each(function(){
var $box = $(this).closest('.infobox');
var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
$(this).sparkline('html',
{
tagValuesAttribute:'data-values',
type: 'bar',
barColor: barColor ,
chartRangeMin:$(this).data('min') || 0
});
});
//flot chart resize plugin, somehow manipulates default browser resize event to optimize it!
//but sometimes it brings up errors with normal resize event handlers
$.resize.throttleWindow = false;
var placeholder = $('#piechart-placeholder').css({'width':'90%' , 'min-height':'150px'});
var data = [
{ label: "social networks", data: 38.7, color: "#68BC31"},
{ label: "search engines", data: 24.5, color: "#2091CF"},
{ label: "ad campaigns", data: 8.2, color: "#AF4E96"},
{ label: "direct traffic", data: 18.6, color: "#DA5430"},
{ label: "other", data: 10, color: "#FEE074"}
]
function drawPieChart(placeholder, data, position) {
$.plot(placeholder, data, {
series: {
pie: {
show: true,
tilt:0.8,
highlight: {
opacity: 0.25
},
stroke: {
color: '#fff',
width: 2
},
startAngle: 2
}
},
legend: {
show: true,
position: position || "ne",
labelBoxBorderColor: null,
margin:[-30,15]
}
,
grid: {
hoverable: true,
clickable: true
}
})
}
drawPieChart(placeholder, data);
/**
we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
so that's not needed actually.
*/
placeholder.data('chart', data);
placeholder.data('draw', drawPieChart);
//pie chart tooltip example
var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
var previousPoint = null;
placeholder.on('plothover', function (event, pos, item) {
if(item) {
if (previousPoint != item.seriesIndex) {
previousPoint = item.seriesIndex;
var tip = item.series['label'] + " : " + item.series['percent']+'%';
$tooltip.show().children(0).text(tip);
}
$tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
} else {
$tooltip.hide();
previousPoint = null;
}
});
/////////////////////////////////////
$(document).one('ajaxloadstart.page', function(e) {
$tooltip.remove();
});
var d1 = [];
for (var i = 0; i < Math.PI * 2; i += 0.5) {
d1.push([i, Math.sin(i)]);
}
var d2 = [];
for (var i = 0; i < Math.PI * 2; i += 0.5) {
d2.push([i, Math.cos(i)]);
}
var d3 = [];
for (var i = 0; i < Math.PI * 2; i += 0.2) {
d3.push([i, Math.tan(i)]);
}
var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'220px'});
$.plot("#sales-charts", [
{ label: "Domains", data: d1 },
{ label: "Hosting", data: d2 },
{ label: "Services", data: d3 }
], {
hoverable: true,
shadowSize: 0,
series: {
lines: { show: true },
points: { show: true }
},
xaxis: {
tickLength: 0
},
yaxis: {
ticks: 10,
min: -2,
max: 2,
tickDecimals: 3
},
grid: {
backgroundColor: { colors: [ "#fff", "#fff" ] },
borderWidth: 1,
borderColor:'#555'
}
});
$('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
function tooltip_placement(context, source) {
var $source = $(source);
var $parent = $source.closest('.tab-content')
var off1 = $parent.offset();
var w1 = $parent.width();
var off2 = $source.offset();
//var w2 = $source.width();
if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
return 'left';
}
$('.dialogs,.comments').ace_scroll({
size: 300
});
//Android's default browser somehow is confused when tapping on label which will lead to dragging the task
//so disable dragging when clicking on label
var agent = navigator.userAgent.toLowerCase();
if(ace.vars['touch'] && ace.vars['android']) {
$('#tasks').on('touchstart', function(e){
var li = $(e.target).closest('#tasks li');
if(li.length == 0)return;
var label = li.find('label.inline').get(0);
if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
});
}
$('#tasks').sortable({
opacity:0.8,
revert:true,
forceHelperSize:true,
placeholder: 'draggable-placeholder',
forcePlaceholderSize:true,
tolerance:'pointer',
stop: function( event, ui ) {
//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
$(ui.item).css('z-index', 'auto');
}
}
);
$('#tasks').disableSelection();
$('#tasks input:checkbox').removeAttr('checked').on('click', function(){
if(this.checked) $(this).closest('li').addClass('selected');
else $(this).closest('li').removeClass('selected');
});
//show the dropdowns on top or bottom depending on window height and menu position
$('#task-tab .dropdown-hover').on('mouseenter', function(e) {
var offset = $(this).offset();
var $w = $(window)
if (offset.top > $w.scrollTop() + $w.innerHeight() - 100)
$(this).addClass('dropup');
else $(this).removeClass('dropup');
});
})
</script>
<script>
function appointmenttype(appid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divvideo").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","loadapptype.php?appid="+appid,true);
xmlhttp.send();
}
function appointmentvideo(vidid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divvideo").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","videoid.php?vidid="+vidid,true);
xmlhttp.send();
}
function appointmenttele(teleid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divvideo").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","teleid.php?teleid="+teleid,true);
xmlhttp.send();
}
function loadhospital(hstid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divhos").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","hospitalva.php?hstid="+hstid,true);
xmlhttp.send();
}
function loadcity(deptid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divdoc").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","city.php?deptid="+deptid,true);
xmlhttp.send();
}
function loaddr(daid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divdoctr").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","drselect.php?daid="+daid,true);
xmlhttp.send();
}
function loadtime(time)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divtime").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","timefunction.php?time="+time,true);
xmlhttp.send();
}
function loadstate(stid)
{
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("divst").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","loadstate.php?stid="+stid,true);
xmlhttp.send();
}
</script>
<script>
var currentTab = 0; // Current tab is set to be the first tab (0)
showTab(currentTab); // Display the current tab
function showTab(n) {
// This function will display the specified tab of the form...
var x = document.getElementsByClassName("tab");
x[n].style.display = "block";
//... and fix the Previous/Next buttons:
if (n == 0) {
document.getElementById("prevBtn").style.display = "none";
} else {
document.getElementById("prevBtn").style.display = "inline";
}
if (n == (x.length - 1)) {
document.getElementById("nextBtn").innerHTML = "Submit";
} else {
document.getElementById("nextBtn").innerHTML = "Next";
}
//... and run a function that will display the correct step indicator:
fixStepIndicator(n)
}
function nextPrev(n) {
// This function will figure out which tab to display
var x = document.getElementsByClassName("tab");
// Exit the function if any field in the current tab is invalid:
if (n == 1 && !validateForm()) return false;
// Hide the current tab:
x[currentTab].style.display = "none";
// Increase or decrease the current tab by 1:
currentTab = currentTab + n;
// if you have reached the end of the form...
if (currentTab >= x.length) {
// ... the form gets submitted:
document.getElementById("regForm").submit();
return false;
}
// Otherwise, display the correct tab:
showTab(currentTab);
}
function validateForm() {
// This function deals with validation of the form fields
var x, y, i, valid = true;
x = document.getElementsByClassName("tab");
y = x[currentTab].getElementsByTagName("input");
// A loop that checks every input field in the current tab:
for (i = 0; i < y.length; i++) {
// If a field is empty...
if (y[i].value == "") {
// add an "invalid" class to the field:
y[i].className += " invalid";
// and set the current valid status to false
valid = false;
}
}
// If the valid status is true, mark the step as finished and valid:
if (valid) {
document.getElementsByClassName("step")[currentTab].className += " finish";
}
return valid; // return the valid status
}
function fixStepIndicator(n) {
// This function removes the "active" class of all steps...
var i, x = document.getElementsByClassName("step");
for (i = 0; i < x.length; i++) {
x[i].className = x[i].className.replace(" active", "");
}
//... and adds the "active" class on the current step:
x[n].className += " active";
}
</script>
</body>
</html>