Untitled
unknown
plain_text
4 years ago
80 kB
12
Indexable
Dashboard_lab.jsp
<%@include file="header.jsp" %>
<div class="content">
<h1>
<%=request.getParameter("fname")%>
</h1>
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card card-stats">
<div class="card-body ">
<div class="row">
<div class="col-5 col-md-4">
<div class="icon-big text-center icon-warning">
<i class="nc-icon nc-globe text-warning"></i>
</div>
</div>
<div class="col-7 col-md-8">
<div class="numbers">
<p class="card-category"></p>
<p class="card-title">active <p>
</div>
</div>
</div>
</div>
<div class="card-footer ">
<hr>
<div class="stats">
<i class="fa fa-refresh"></i>
Update Now
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card card-stats">
<div class="card-body ">
<div class="row">
<div class="col-5 col-md-4">
<div class="icon-big text-center icon-warning">
<i class="nc-icon nc-money-coins text-success"></i>
</div>
</div>
<div class="col-7 col-md-8">
<div class="numbers">
<p class="card-category" >Vitals</p>
<p class="card-title" id="tvVital">Blood pressure<p>
</div>
</div>
</div>
</div>
<!-- <div class="card-footer">
<hr>
<div class="stats">
<i class="fa fa-calendar-o"></i>
Last day
</div>
</div>-->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card card-stats">
<div class="card-body ">
<div class="row">
<div class="col-5 col-md-4">
<div class="icon-big text-center icon-warning">
<i class="nc-icon nc-vector text-danger"></i>
</div>
</div>
<div class="col-7 col-md-8">
<div class="numbers">
<p class="card-category">BMI</p>
<p class="card-title" id="tvBMI">23<p>
</div>
</div>
</div>
</div>
<!-- <div class="card-footer ">
<hr>
<div class="stats">
<i class="fa fa-clock-o"></i>
In the last hour
</div>
</div>-->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card card-stats">
<div class="card-body ">
<div class="row">
<div class="col-5 col-md-4">
<div class="icon-big text-center icon-warning">
<i class="nc-icon nc-favourite-28 text-primary"></i>
</div>
</div>
<div class="col-7 col-md-8">
<div class="numbers">
<p class="card-category">Blood Group</p>
<p class="card-title" id="tvBloodGroup">AB+</p><p>
</div>
</div>
</div>
</div>
<div class="card-footer " >
<hr>
<div class="stats" id="tvFooter">
<p >Updated By</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card ">
<div class="card-header ">
<h5 class="card-title"></h5>
<p class="card-category"></p>
</div>
<div class="card-body ">
<form action="../updateBasicProfile" method="post" class="form-control" id="formBasic">
<h3>Update Basic Info</h3>
<table class="table table-borderless">
<tr>
<td>Vital</td>
<td>
<input type="text" name="txtVital" placeholder="Vital" class="form-control">
</td>
</tr>
<tr>
<td>
BMI
</td>
<td>
<input type="hidden" name="fuserid" value="<%=session.getAttribute("userid").toString()%>">
<input type="hidden" name="userid" value="<%=request.getParameter("userid").toString()%>">
<input type="number" name="txtBMI" placeholder="BMI" class="form-control" required="">
</td>
</tr>
<tr>
<td>Blood Group</td>
<td>
<select class="form-control" name="txtBloodGroup">
<option value="A+">A+</option>
<option value="A-">A-</option>
<option value="B+">B+</option>
<option value="B-">B-</option>
<option value="AB-">AB-</option>
<option value="AB+">AB+</option>
<option value="O+">O+</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td> <input type="submit" value="Update Details" class="btn btn-primary"></td>
</tr>
</table>
</form>
</div>
<div class="card-footer ">
<hr>
<div class="stats">
<i class="fa fa-history"></i> -
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="card ">
<div class="card-header ">
<h5 class="card-title">-</h5>
<p class="card-category"> </p>
</div>
<div class="card-body ">
<canvas id="chartEmail"></canvas>
</div>
<div class="card-footer ">
<div class="legend">
</div>
<hr>
<div class="stats">
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="card card-chart">
<div class="card-header">
<h5 class="card-title">-</h5>
<p class="card-category">-</p>
</div>
<div class="card-body">
<canvas id="speedChart" width="400" height="100"></canvas>
</div>
<div class="card-footer">
<div class="chart-legend">
</div>
<hr />
<div class="card-stats">
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$("#formBasic").submit(function (e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form1 = $(this);
var url1 = form1.attr('action');
var method1 = form1.attr('method');
var data1 = form1.serialize(); // <-- 'this' is your form element
$.ajax({
type: method1,
url: url1,
data: data1, // serializes the form's elements.
success: function (data2)
{
var data = jQuery.parseJSON(data2);
showNotification('bottom', 'right', data.msg);
loadData();
}
});
// showNotification('bottom', 'right', obj.msg)
});
loadData();
function loadData() {
$.ajax({
type: 'post',
url: '../basicProfile',
data: {userid: "<%=request.getParameter("userid")%>", time: "2pm"}, // serializes the form's elements.
success: function (data2)
{
console.log(data2)
var data = jQuery.parseJSON(data2);
// $('#tblDoctorRequest').show();
console.log(data.vital)
$("#tvVital").text(data.vital);
$("#tvBloodGroup").text(data.blood_group);
$("#tvBMI").text(data.bmi);
$("#tvFooter").html(data.details);
// $('#tvVital').text(data.vitals)
}
});
}
});
</script>
<%@include file="footer.jsp" %>
Footer.jsp
<footer class="footer footer-black footer-white ">
<div class="container-fluid">
<div class="row">
<nav class="footer-nav">
<ul>
<li><a href="#" target="_blank"> </a></li>
<li><a href="#" target="_blank"></a></li>
<li><a href="#" target="_blank"></a></li>
</ul>
</nav>
<div class="credits ml-auto">
<span class="copyright">
<script>
</script><i class="fa fa-heart heart"></i>
</span>
</div>
</div>
</div>
</footer>
</div>
<!-- Core JS Files -->
<script src="../assets/js/core/jquery.min.js"></script>
<script src="../assets/js/core/popper.min.js"></script>
<script src="../assets/js/core/bootstrap.min.js"></script>
<script src="../assets/js/plugins/sweetalert2.js"></script>
<script src="../assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
<!-- Google Maps Plugin -->
<!--<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>-->
<!-- Chart JS -->
<script src="../assets/js/plugins/chartjs.min.js"></script>
<!-- Notifications Plugin -->
<script src="../assets/js/plugins/bootstrap-notify.js"></script>
<!-- Control Center for Now Ui Dashboard: parallax effects, scripts for the example pages etc -->
<script src="../assets/js/paper-dashboard.min.js?v=2.0.1" type="text/javascript"></script><!-- Paper Dashboard DEMO methods, don't include it in your project! -->
<!--<script src="../assets/demo/demo.js"></script>-->
<script src="../assets/js/plugins/bootstrap-notify.js"></script>
<script src="../assets/js/plugins/chartjs.min.js"></script>
<!--<script src="../assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>-->
<script src="../assets/js/notification_display.js"></script>
<!--for datatable-->
<!--for datatable-->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.22/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.22/datatables.min.js"></script>
</body>
</html>
header.jsp
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
<link rel="icon" type="image/png" href="../assets/img/favicon.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>
EHR SHaring Platform
</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
<!-- CSS Files -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="../assets/css/paper-dashboard.css?v=2.0.1" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your project -->
<!--<link href="../assets/demo/demo.css" rel="stylesheet" />-->
<script src="../assets/js/core/jquery.min.js">
</script>
</head>
<body class="">
<div class="wrapper ">
<div class="sidebar" data-color="white" data-active-color="danger">
<div class="logo">
<a>
<div class="logo-image-small">
</div>
<!-- <p>CT</p> -->
</a>
<a>
EHR SHaring Platform <!-- <div class="logo-image-big">
<img src="../assets/img/logo-big.png">
</div> -->
</a>
</div>
<div class="sidebar-wrapper">
<ul class="nav">
<!-- <li class="active ">
<a href="./dashboard.jsp">
<i class="nc-icon nc-bank"></i>
<p>Dashboard</p>
</a>
</li>-->
<li>
<a href="patient_list.jsp">
<i class="nc-icon nc-pin-3"></i>
<p>Patient List</p>
</a>
</li>
<!-- <li>
<a href="./notification_list.jsp">
<i class="nc-icon nc-bell-55"></i>
<p>Notifications</p>
</a>
</li>-->
<li>
<a href="profile.jsp">
<i class="nc-icon nc-single-02"></i>
<p>User Profile</p>
</a>
</li>
<!-- <li>
<a href="./medicine.jsp">
<i class="nc-icon nc-tile-56"></i>
<p>Medicines</p>
</a>
</li>-->
<li>
<a href="../Logout.jsp">
<i class="nc-icon nc-caps-small"></i>
<p>logout</p>
</a>
</li>
</ul>
</div>
</div>
<div class="main-panel">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-absolute fixed-top navbar-transparent">
<div class="container-fluid">
<div class="navbar-wrapper">
<div class="navbar-toggle">
<button type="button" class="navbar-toggler">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<a class="navbar-brand" href="javascript:;">EHR</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar navbar-kebab"></span>
<span class="navbar-toggler-bar navbar-kebab"></span>
<span class="navbar-toggler-bar navbar-kebab"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navigation">
<form>
<div class="input-group no-border">
<input type="text" value="" class="form-control" placeholder="Search...">
<div class="input-group-append">
<div class="input-group-text">
<i class="nc-icon nc-zoom-split"></i>
</div>
</div>
</div>
</form>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link btn-magnify" href="javascript:;">
<i class="nc-icon nc-layout-11"></i>
<p>
<span class="d-lg-none d-md-block">Stats</span>
</p>
</a>
</li>
<li class="nav-item btn-rotate dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="nc-icon nc-bell-55"></i>
<p>
<span class="d-lg-none d-md-block">Some Actions</span>
</p>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
Medical_reports.jsp
<%@include file="header.jsp" %>
<div class="content">
<div class="row">
<h1>
<%=request.getParameter("fname")%>
</h1>
<div class="col-md-12">
<form action="../uploadReport" method="post" enctype="multipart/form-data" class="form-control" id="formUpload">
<h3>Upload New Report</h3>
<table class="table table-borderless">
<tr>
<td>Select Report Type</td>
<td> <select name="txtReportType" class="form-control">
<!--<option value="prescription">E-prescriptions</option>-->
<option value="pathalogy">Pathalogy Report</option>
<!--<option value="discharge">Discharge Report</option>-->
<!--<option value="others">Others</option>-->
</select>
</td>
</tr>
<tr>
<td>
Title
</td>
<td>
<input type="hidden" name="fuserid" value="<%=session.getAttribute("userid").toString()%>">
<input type="hidden" name="userid" value="<%=request.getParameter("userid")%>">
<input type="text" name="txttitle" placeholder="Title" class="form-control" required="">
</td>
</tr>
<tr>
<td>Details</td>
<td>
<textarea name="txtDescription" placeholder="Description" class="form-control"></textarea>
</td>
</tr>
<tr>
<td>Select File</td>
<td><input type="file" name="txtFile" class="form-control" required=""></td>
</tr>
<tr>
<td></td>
<td> <input type="submit" value="Upload Report" class="btn btn-primary"></td>
</tr>
</table>
</form>
<!-- <div class="card">
<div class="card-header">
<h4 class="card-title"> E-prescriptions</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table" id="tblPrescription">
<thead class=" text-primary">
<th>
Dr Name
</th>
<th>
Title
</th>
<th>
Description
</th>
<th class="text-right">
File
</th>
<th class="text-right">
Dated
</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>-->
<div class="card">
<div class="card-header">
<h4 class="card-title"> Pathology Report</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table" id="tblPathology">
<thead class=" text-primary">
<th>
Dr Name
</th>
<th>
Title
</th>
<th>
Description
</th>
<th class="text-right">
File
</th>
<th class="text-right">
Dated
</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<!-- <div class="card">
<div class="card-header">
<h4 class="card-title"> Discharge Report</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table" id="tblDischarge">
<thead class=" text-primary">
<th>
Dr Name
</th>
<th>
Title
</th>
<th>
Description
</th>
<th class="text-right">
File
</th>
<th class="text-right">
Dated
</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>-->
<!-- <div class="card">
<div class="card-header">
<h4 class="card-title"> Other Report</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table" id="tblOthers">
<thead class=" text-primary">
<th>
Dr Name
</th>
<th>
Title
</th>
<th>
Description
</th>
<th class="text-right">
File
</th>
<th class="text-right">
Dated
</th>
</thead>
<tbody>
</tbody>
</table>
<form action="profile_view.jsp" method="post">
<input type='hidden' name='userid' value='<%=request.getParameter("userid")%>'>
<input type="submit" value="Go To User Profile" class="btn btn-success">
</form>
</div>
</div>
</div>-->
</div>
</div>
</div>
<script>
$(document).ready(function () {
$("#formUpload").submit(function (e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = form.attr('action');
var method = form.attr('method');
var enctype = form.attr('enctype');
var data = new FormData(this); // <-- 'this' is your form element
console.log(enctype)
$.ajax({
type: method,
url: url,
enctype: enctype,
contentType: false,
processData: false,
data: data, // serializes the form's elements.
success: function (data)
{
var obj = jQuery.parseJSON(data);
showNotification('bottom', 'right', obj.msg)
$('#formUpload').trigger("reset");
loadTableData();
}
});
});
loadTableData();
function loadTableData() {
$.ajax({
type: 'post',
url: '../medicalReports',
data: {userid: "<%=request.getParameter("userid")%>", time: "2pm"}, // serializes the form's elements.
success: function (data2)
{
console.log(data2)
var data = jQuery.parseJSON(data2);
// $('#tblDoctorRequest').show();
// $("#tblPrescription").DataTable().clear();
$("#tblPathology").DataTable().clear();
// $("#tblDischarge").DataTable().clear();
// $("#tblOthers").DataTable().clear();
console.log(data)
// You could also use an ajax property on the data table initialization
$.each(data, function (i, data) {
// if (data.report_type === 'prescription') {
// $('#tblPrescription').dataTable().fnAddData([
// data.name,
// data.title,
// data.description,
// "<a href='../uploadfiles/" + data.file + "' target='new' class='btn btn-primary'>View</a>",
// data.rdate
//
// ]);
//
// }
if (data.report_type === 'pathalogy') {
$('#tblPathology').dataTable().fnAddData([
data.name,
data.title,
data.description,
"<a href='../decryption?filename="+data.file+"' target='new' class='btn btn-primary'>View</a>",
data.rdate
]);
}
// else if (data.report_type === 'discharge') {
// $('#tblDischarge').dataTable().fnAddData([
// data.name,
// data.title,
// data.description,
// "<a href='../uploadfiles/" + data.file + "' target='new' class='btn btn-primary'>View</a>",
// data.rdate
//
// ]);
//
// } else if (data.report_type === 'others') {
// $('#tblOthers').dataTable().fnAddData([
// data.name,
// data.title,
// data.description,
// "<a href='../uploadfiles/" + data.file + "' target='new' class='btn btn-primary'>View</a>",
// data.rdate
//
// ]);
//
// }
});
}
});
}
});
</script>
<%@include file="footer.jsp" %>
Medicine.jsp
<%@include file="header.jsp" %>
<div class="content">
<div class="row">
<h1>
<%=request.getParameter("fname")%>
</h1>
<div class="col-md-12">
<form action="../uploadReport" method="post" enctype="multipart/form-data" class="form-control" id="formUpload">
<h3>Upload New Health Issues</h3>
<table class="table table-borderless">
<tr>
<td>Select Type</td>
<td> <select name="txtReportType" class="form-control">
<option value="medicines">Medicine In Use</option>
<option value="allergies">Allergies</option>
</select>
</td>
</tr>
<tr>
<td>
Title
</td>
<td>
<input type="hidden" name="fuserid" value="<%=session.getAttribute("userid").toString()%>">
<input type="hidden" name="userid" value="<%=request.getParameter("userid")%>">
<input type="text" name="txttitle" placeholder="Title" class="form-control" required="">
</td>
</tr>
<tr>
<td>Details</td>
<td>
<textarea name="txtDescription" placeholder="Description" class="form-control"></textarea>
</td>
</tr>
<tr>
<td>Select File</td>
<td><input type="file" name="txtFile" class="form-control" ></td>
</tr>
<tr>
<td></td>
<td> <input type="submit" value="Upload Report" class="btn btn-primary"></td>
</tr>
</table>
</form>
<div class="card">
<div class="card-header">
<h4 class="card-title"> Medicines</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table" id="tblPrescription">
<thead class=" text-primary">
<th>
Dr Name
</th>
<th>
Title
</th>
<th>
Description
</th>
<th class="text-right">
File
</th>
<th class="text-right">
Dated
</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h4 class="card-title"> Allergies</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table" id="tblPathology">
<thead class=" text-primary">
<th>
Dr Name
</th>
<th>
Title
</th>
<th>
Description
</th>
<th class="text-right">
File
</th>
<th class="text-right">
Dated
</th>
</thead>
<tbody>
</tbody>
</table>
<form action="profile_view.jsp" method="post">
<input type='hidden' name='userid' value='<%=request.getParameter("userid")%>'>
<input type="submit" value="Go To User Profile" class="btn btn-success">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$("#formUpload").submit(function (e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = form.attr('action');
var method = form.attr('method');
var enctype = form.attr('enctype');
var data = new FormData(this); // <-- 'this' is your form element
console.log(enctype)
$.ajax({
type: method,
url: url,
enctype: enctype,
contentType: false,
processData: false,
data: data, // serializes the form's elements.
success: function (data)
{
var obj = jQuery.parseJSON(data);
showNotification('bottom', 'right', obj.msg)
$('#formUpload').trigger("reset");
loadTableData();
}
});
});
loadTableData();
function loadTableData() {
$.ajax({
type: 'post',
url: '../medicalReports',
data: {userid: "<%=request.getParameter("userid")%>", time: "2pm"}, // serializes the form's elements.
success: function (data2)
{
console.log(data2)
var data = jQuery.parseJSON(data2);
// $('#tblDoctorRequest').show();
$("#tblPrescription").DataTable().clear();
$("#tblPathology").DataTable().clear();
console.log(data)
// You could also use an ajax property on the data table initialization
$.each(data, function (i, data) {
var file="<a href='../uploadfiles/" + data.file + "' target='new' class='btn btn-primary'>View</a>";
if(data.file==='NA'){
file="NA"
}
if (data.report_type === 'medicines') {
$('#tblPrescription').dataTable().fnAddData([
data.name,
data.title,
data.description,
file,
data.rdate
]);
} else if (data.report_type === 'allergies') {
$('#tblPathology').dataTable().fnAddData([
data.name,
data.title,
data.description,
file,
data.rdate
]);
}
});
}
});
}
});
</script>
<%@include file="footer.jsp" %>
Notification_list.jsp
<%@include file="header.jsp" %>
<div class="content">
<div class="row">
<div class="card-header">
<h5 class="card-title">Notifications</h5>
<p class="card-category"></p> <a target="_blank" href="#"></a> <a href="http://bootstrap-notify.remabledesigns.com/" target="_blank"></a></p>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="card card-plain">
<div class="card-header">
<h5 class="card-title"> </h5>
</div>
<div class="card-body">
<div class="alert alert-info">
<span>This is a plain notification</span>
</div>
<div class="alert alert-info alert-dismissible fade show">
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
<i class="nc-icon nc-simple-remove"></i>
</button>
<span>This is a notification with close button.</span>
</div>
<div class="alert alert-info alert-with-icon alert-dismissible fade show" data-notify="container">
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
<i class="nc-icon nc-simple-remove"></i>
</button>
<span data-notify="icon" class="nc-icon nc-bell-55"></span>
<span data-notify="message">This is a notification with close button and icon.</span>
</div>
<div class="alert alert-info alert-with-icon alert-dismissible fade show" data-notify="container">
<button type="button" aria-hidden="true" class="close" data-dismiss="alert" aria-label="Close">
<i class="nc-icon nc-simple-remove"></i>
</button>
<span data-notify="icon" class="nc-icon nc-chart-pie-36"></span>
<span data-notify="message">This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<%@include file="footer.jsp" %>
Patient_list.jsp
<%@include file="header.jsp" %>
<div class="content">
<div class="row">
<div class="col-md-12">
<form action="search_patient.jsp" class="form-control" method="post" id="request_access">
<table class="table table-responsive-lg">
<tr>
<td>
<input type="text" name="txtsearch" id="txtsearch" placeholder="Patient ID/Patient Mobile No." class="form-control" required=""/>
</td>
<td>
<input type="submit" name="btnSubmit" id="btnSubmit" value="Search Patient" class="btn btn-primary"/>
</td>
</tr>
</table>
<table class="table table-responsive-lg" id="tblSearchResult">
<thead>
<th>
Patient Name
</th>
<th>
Contact number
</th>
<th>
Aadhar No.
</th>
<th>
Take Access
</th>
</thead>
<tbody>
</tbody>
<tfoot>
<th>
Patient Name
</th>
<th>
Contact number
</th>
<th>
Aadhar No.
</th>
<th>
Take Access
</th>
</tfoot>
</table>
</form>
<div class="card">
<div class="card-header">
<h4 class="card-title"> Patient list</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table" id="tblDoctorRequest">
<thead class=" text-primary">
<th>
Patient Name
</th>
<th>
Contact number
</th>
<th>Date of Registration
</th>
<th>Status
</th>
<th>Details
</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<footer class="footer footer-black footer-white ">
<div class="container-fluid">
<div class="row">
<nav class="footer-nav">
<ul>
<li><a href="#" target="_blank">-</a></li>
<li><a href="#" target="_blank">-</a></li>
<li><a href="#" target="_blank">-</a></li>
</ul>
</nav>
<div class="credits ml-auto">
<span class="copyright">
<script>
</script>, <i class="#"></i>
</span>
</div>
</div>
</div>
</footer>
</div>
</div>
<script>
$(document).ready(function () {
$().ready(function () {
console.log('ready')
$('#tblSearchResult').hide()
$("#request_access").submit(function (e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = form.attr('action');
var method = form.attr('method');
var data = form.serialize(); // <-- 'this' is your form element
$.ajax({
type: method,
url: url,
data: data, // serializes the form's elements.
success: function (data1)
{
console.log(data1)
var data = jQuery.parseJSON(data1);
$('#tblSearchResult').show();
$("#tblSearchResult").DataTable().clear();
console.log(data)
// You could also use an ajax property on the data table initialization
$.each(data, function (i, data) {
$('#tblSearchResult').dataTable().fnAddData([
data.name,
data.mobile,
data.aadhar,
"<form action='request_access.jsp' method='post' id='form_access" + data.id + "'>\n\
<input type='hidden' name='id' value='" + data.id + "'> <input type='submit' id='btnRequest" + data.id + "' class='btn btn-primary' value='Take Access'></form>"
]);
$("#form_access" + data.id).submit(function (e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form1 = $(this);
var url1 = form1.attr('action');
var method1 = form1.attr('method');
var data1 = form1.serialize(); // <-- 'this' is your form element
$.ajax({
type: method1,
url: url1,
data: data1, // serializes the form's elements.
success: function (data2)
{
var data = jQuery.parseJSON(data2);
showNotification('bottom', 'right', data.msg);
}
});
// showNotification('bottom', 'right', obj.msg)
});
});
}
});
});
//load default patients
$.ajax({
type: 'post',
url: '../requestSent',
data: {userid: "<%=session.getAttribute("userid")%>", usertype: "patient"},
success: function (data2)
{
var data = jQuery.parseJSON(data2);
// $('#tblDoctorRequest').show();
$("#tblDoctorRequest").DataTable().clear();
console.log(data)
// You could also use an ajax property on the data table initialization
$.each(data, function (i, data) {
var btnDetails = "<form action='profile_view.jsp' method='post' id='form_access" + data.id + "'>\n\
<input type='submit' id='btnRequest" + data.id + "' class='btn btn-primary' disabled='' value='View Details'></form>";
if (data.status === 'accepted') {
btnDetails = "<form action='profile_view.jsp' method='post' id='form_access" + data.id + "'>\n\
<input type='hidden' name='userid' value='" + data.userid + "'> \n\
<input type='submit' id='btnRequest" + data.id + "' class='btn btn-primary' value='View Details' ></form>";
}
$('#tblDoctorRequest').dataTable().fnAddData([
data.name,
data.mobile,
data.aadhar,
data.status,
btnDetails
]);
});
}
});
});
});
</script>
<%@include file="footer.jsp" %>
Profile.jsp
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.ResultSet"%>
<%@include file="header.jsp" %>
<%
String id = session.getAttribute("userid").toString();
//String id = "1";
String first_name = "";
String last_name = "";
String address = "";
String city = "";
String country = "";
String postal_code = "";
String aadhar = "";
String personal_note = "";
String phone = "";
String email = "";
String gender = "";
String note = "";
String image = "";
String doj = "";
String query = "select * from tbluser where userid='" + id + "'";
Connection conn = DB.Connect.openConnection();
PreparedStatement stat = conn.prepareStatement(query);
ResultSet rs = stat.executeQuery(query);
int count = 0;
if (rs.next()) {
first_name = rs.getString("fname");
last_name = rs.getString("lname");
address = rs.getString("address");
email = rs.getString("emailid");
postal_code = rs.getString("pincode");
phone = rs.getString("mobile");
city = rs.getString("city");
country = rs.getString("country");
gender = rs.getString("gender");
doj = rs.getString("rdate");
note = rs.getString("note");
aadhar = rs.getString("aadhar");
image = rs.getString("image");
}
rs.close();
conn.close();
%>
<div class="content">
<div class="row">
<div class="col-md-4">
<div class="card card-user">
<div class="image">
<img src="../decryption?filename=<%=image%>" alt="...">
</div>
<div class="card-body">
<div class="author">
<a>
<img class="avatar border-gray" src="../decryption?filename=<%=image%>" alt="...">
<h5 class="title"><%=first_name%></h5>
</a>
<p class="description">
</p>
</div>
<p class="description text-center">
<br>
<br>
</p>
</div>
<div class="card-footer">
<hr>
<div class="button-container">
<div class="row">
<div class="col-lg-3 col-md-6 col-6 ml-auto">
<h5><br><small></small></h5>
</div>
<div class="col-lg-4 col-md-6 col-6 ml-auto mr-auto">
<h5><br><small></small></h5>
</div>
<div class="col-lg-3 mr-auto">
<h5><br><small></small></h5>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<!-- <div class="card-header">
<h4 class="card-title">Family Members</h4>
</div>
<div class="card-body">
<ul class="list-unstyled team-members">
<li>
<div class="row">
<div class="col-md-2 col-2">
<div class="avatar">
<img src="g" alt="Circle Image" class="img-circle img-no-padding img-responsive">
</div>
</div>
<div class="col-md-7 col-7">
Papu chaurasiya
<br />
<span class="text-muted"><small></small></span>
</div>
<div class="col-md-3 col-3 text-right">
<btn class="btn btn-sm btn-outline-success btn-round btn-icon"><i class="fa fa-envelope"></i></btn>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-md-2 col-2">
<div class="avatar">
<img src="" alt="Circle Image" class="img-circle img-no-padding img-responsive">
</div>
</div>
<div class="col-md-7 col-7">
Riya Chaturwedi
<br />
<span class="text-success"><small></small></span>
</div>
<div class="col-md-3 col-3 text-right">
<btn class="btn btn-sm btn-outline-success btn-round btn-icon"><i class="fa fa-envelope"></i></btn>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-md-2 col-2">
<div class="avatar">
<img src="" alt="Circle Image" class="img-circle img-no-padding img-responsive">
</div>
</div>
<div class="col-ms-7 col-7">
Pankaj R
<br />
<span class="text-danger"><small></small></span>
</div>
<div class="col-md-3 col-3 text-right">
<btn class="btn btn-sm btn-outline-success btn-round btn-icon"><i class="fa fa-envelope"></i></btn>
</div>
</div>
</li>
</ul>
</div>-->
</div>
</div>
<div class="col-md-8">
<div class="card card-user">
<div class="card-header">
<h5 class="card-title">Edit Profile</h5>
</div>
<div class="card-body">
<form action="../updateProfile" method="post" enctype="multipart/form-data" id="updateProfile">
<div class="row">
<div class="col-md-5 pr-1">
<div class="form-group">
<label>ID</label>
<input type="text" class="form-control" disabled="" placeholder="ID" value="<%=id%>">
</div>
</div>
<div class="col-md-3 px-1">
<div class="form-group">
<label>Phone no</label>
<input type="number" class="form-control" placeholder="Phone" value="<%=phone%>" name="txtPhone" min="6000000000" max="9999999999" required="">
</div>
</div>
<div class="col-md-4 pl-1">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" placeholder="Email" value="<%=email%>" name="txtEmail" required="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 pr-1">
<div class="form-group">
<label>Lab Name</label>
<input type="text" class="form-control" placeholder="Lab Name" value="<%=first_name%>" name="txtFname" onkeypress="return /[a-z]/i.test(event.key)">
</div>
</div>
<div class="col-md-6 pl-1">
<div class="form-group">
<label>Lab Technician Name</label>
<input type="text" class="form-control" placeholder=" Name" value="<%=last_name%>" name="txtLname" onkeypress="return /[a-z]/i.test(event.key)">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" placeholder="Home Address" value="<%=address%>" name="address">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 pr-1">
<div class="form-group">
<label>City</label>
<input type="text" class="form-control" placeholder="City" value="<%=city%>" name="txtCity" name="txtLname" onkeypress="return /[a-z]/i.test(event.key)">
</div>
</div>
<div class="col-md-4 px-1">
<div class="form-group">
<label>Country</label>
<input type="text" class="form-control" placeholder="Country" value="<%=country%>" name="txtCountry" onkeypress="return /[a-z]/i.test(event.key)">
</div>
</div>
<div class="col-md-4 pl-1">
<div class="form-group">
<label>Postal Code</label>
<input type="number" class="form-control" placeholder="ZIP Code" value="<%=postal_code%>" name="txtPostalCode" min="100000" max="999999" required="">
</div>
</div>
<div class="col-md-4 pl-1">
<div class="form-group">
<label>Lab Id</label>
<input type="number" class="form-control" placeholder="Lab ID" name="txtAadhar" value="<%=aadhar%>" min="10000" max="999999">
</div>
</div>
<div class="col-md-4 pl-1">
<div class="form-group">
<label>Select Image</label>
<input type="file" name="txtFile" placeholder="Select File" accept="image/*">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Personal note</label>
<textarea class="form-control textarea" name="txtNote"><%=note%></textarea>
</div>
</div>
</div>
<div class="row">
<div class="update ml-auto mr-auto">
<button type="submit" class="btn btn-primary btn-round">Update Profile</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$("#updateProfile").submit(function (e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = form.attr('action');
var method = form.attr('method');
var enctype = form.attr('enctype');
var data = new FormData(this); // <-- 'this' is your form element
console.log(enctype)
$.ajax({
type: method,
url: url,
enctype: enctype,
contentType: false,
processData: false,
data: data, // serializes the form's elements.
success: function (data)
{
var obj = jQuery.parseJSON(data);
showNotification('bottom', 'right', obj.msg)
}
});
});
});
</script>
<%@include file="footer.jsp" %>
Profile_view.jsp
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.ResultSet"%>
<%@include file="header.jsp" %>
<%
String id = request.getParameter("userid");
//String id = "1";
String first_name = "";
String last_name = "";
String address = "";
String city = "";
String country = "";
String postal_code = "";
String aadhar = "";
String personal_note = "";
String phone = "";
String email = "";
String gender = "";
String note = "";
String image = "";
String doj = "";
String query = "select * from tbluser where userid='" + id + "'";
Connection conn = DB.Connect.openConnection();
PreparedStatement stat = conn.prepareStatement(query);
ResultSet rs = stat.executeQuery(query);
int count = 0;
if (rs.next()) {
first_name = rs.getString("fname");
last_name = rs.getString("lname");
address = rs.getString("address");
email = rs.getString("emailid");
postal_code = rs.getString("pincode");
phone = rs.getString("mobile");
city = rs.getString("city");
country = rs.getString("country");
gender = rs.getString("gender");
doj = rs.getString("rdate");
note = rs.getString("note");
aadhar = rs.getString("aadhar");
image = rs.getString("image");
}
rs.close();
conn.close();
%>
<div class="content">
<div class="row">
<div class="col-md-4">
<div class="card card-user">
<div class="image">
<img src="../decryption?filename=<%=image%>" alt="...">
</div>
<div class="card-body">
<div class="author">
<a>
<img class="avatar border-gray" src="../decryption?filename=<%=image%>" alt="...">
<h5 class="title"><%=first_name + " " + last_name%></h5>
</a>
<p class="description">
</p>
</div>
<p class="description text-center">
<br>
<br>
</p>
</div>
<div class="card-footer">
<hr>
<div class="button-container">
<div class="row">
<div class="col-lg-3 col-md-6 col-6 ml-auto">
<h5><br><small></small></h5>
</div>
<div class="col-lg-4 col-md-6 col-6 ml-auto mr-auto">
<h5><br><small></small></h5>
</div>
<div class="col-lg-3 mr-auto">
<h5><br><small></small></h5>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h4 class="card-title">More Details</h4>
</div>
<div class="card-body">
<ul class="list-unstyled team-player">
<!-- <li>
<div class="row">
<div class="col-md-7 col-md-12">
<form action="dashboard_user.jsp" method="post">
<input type="hidden" name="userid" value="<%=id%>">
<input type="hidden" name="fname" value="<%=first_name%>">
<input type="submit" class="btn btn-outline-success form-control" value="Dashboard">
</form>
</div>
</div>
</li>-->
<li>
<div class="row">
<div class="col-md-7 col-md-12">
<form action="medical_reports.jsp" method="post">
<input type="hidden" name="userid" value="<%=id%>">
<input type="hidden" name="fname" value="<%=first_name%>">
<input type="submit" class="btn btn-outline-success form-control" value="Medical Records">
</form>
</div>
</div>
</li>
<!-- <li>
<div class="row">
<div class="col-md-7 col-md-12">
<form action="medicine.jsp" method="post">
<input type="hidden" name="userid" value="<%=id%>">
<input type="hidden" name="fname" value="<%=first_name%>">
<input type="submit" class="btn btn-outline-success form-control" value="Medicines/Allergies">
</form>
</div>
</div>
</li>-->
</ul>
</div>
</div>
</div>
<div class="col-md-8">
<div class="card card-user">
<div class="card-header">
<h5 class="card-title">Profile</h5>
</div>
<div class="card-body">
<form id="updateProfile">
<div class="row">
<div class="col-md-5 pr-1">
<div class="form-group">
<label>ID</label>
<input type="text" class="form-control" disabled="" placeholder="ID" value="<%=id%>" readonly="">
</div>
</div>
<div class="col-md-3 px-1">
<div class="form-group">
<label>Phone no</label>
<input type="text" class="form-control" placeholder="Phone" value="<%=phone%>" name="txtPhone" readonly="">
</div>
</div>
<div class="col-md-4 pl-1">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" placeholder="Email" value="<%=email%>" name="txtEmail" readonly="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 pr-1">
<div class="form-group">
<label>First Name</label>
<input type="text" class="form-control" placeholder="First Name" value="<%=first_name%>" name="txtFname" readonly="">
</div>
</div>
<div class="col-md-6 pl-1">
<div class="form-group">
<label>Last Name</label>
<input type="text" class="form-control" placeholder="Last Name" value="<%=last_name%>" name="txtLname" readonly="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" placeholder="Home Address" value="<%=address%>" name="address" readonly="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 pr-1">
<div class="form-group">
<label>City</label>
<input type="text" class="form-control" placeholder="City" value="<%=city%>" name="txtCity" readonly="">
</div>
</div>
<div class="col-md-4 px-1">
<div class="form-group">
<label>Country</label>
<input type="text" class="form-control" placeholder="Country" value="<%=country%>" name="txtCountry" readonly="">
</div>
</div>
<div class="col-md-4 pl-1">
<div class="form-group">
<label>Postal Code</label>
<input type="number" class="form-control" placeholder="ZIP Code" value="<%=postal_code%>" name="txtPostalCode" readonly="">
</div>
</div>
<div class="col-md-4 pl-1">
<div class="form-group">
<label>Aadhar card</label>
<input type="number" class="form-control" placeholder="Aadhar ID" name="txtAadhar" value="<%=aadhar%>" readonly="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Personal note</label>
<textarea class="form-control textarea" name="txtNote" readonly=""><%=note%></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$("#updateProfile").submit(function (e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = form.attr('action');
var method = form.attr('method');
var enctype = form.attr('enctype');
var data = new FormData(this); // <-- 'this' is your form element
console.log(enctype)
$.ajax({
type: method,
url: url,
enctype: enctype,
contentType: false,
processData: false,
data: data, // serializes the form's elements.
success: function (data)
{
var obj = jQuery.parseJSON(data);
showNotification('bottom', 'right', obj.msg)
}
});
});
});
</script>
<%@include file="footer.jsp" %>
Request_access.jsp
<%@page import="java.sql.ResultSet"%>
<%@page import="JSON.JSONObject"%>
<%@page import="JSON.JSONArray"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.PreparedStatement"%>
<%
String txtsearch = request.getParameter("id");
System.out.println("txtsearch" + txtsearch);
Connection conn = DB.Connect.openConnection();
JSON.JSONObject jSONObject = new JSONObject();
try {
PreparedStatement stat = conn.prepareStatement("INSERT INTO `tblrequest` (`id`, `userid`, `fuserid`, `status`, `rdate`, `description`) VALUES (NULL, ?, ?, ?, NOW(), ?)");
stat.setString(1, session.getAttribute("userid").toString());
stat.setString(2, txtsearch);
stat.setString(3, "pending");
stat.setString(4, "Request for medical data");
int i = stat.executeUpdate();
if (i > 0) {
jSONObject.put("msg", "Request sent successfully");
} else {
jSONObject.put("msg", "Failed to send request");
}
} catch (Exception e) {
e.printStackTrace();
if (e.getLocalizedMessage().contains("Duplicate entry")) {
jSONObject.put("msg", "Request already sent");
} else {
jSONObject.put("msg", "An error occurred");
}
}
System.out.println("js" + jSONObject);
response.getWriter().print(jSONObject);
%>
Search_patient.jsp
<%@page import="java.sql.ResultSet"%>
<%@page import="JSON.JSONObject"%>
<%@page import="JSON.JSONArray"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.PreparedStatement"%>
<%
String txtsearch = request.getParameter("txtsearch");
System.out.println("txtsearch" + txtsearch);
Connection conn = DB.Connect.openConnection();
JSON.JSONArray jSONArray = new JSONArray();
PreparedStatement stat = conn.prepareStatement("select * from tbluser where (userid=? or mobile like ?) and usertype='patient'");
stat.setString(1, txtsearch);
stat.setString(2, "%" + txtsearch + "%");
ResultSet rs = stat.executeQuery();
while (rs.next()) {
JSON.JSONObject jSONObject = new JSONObject();
jSONObject.put("id", rs.getString("userid"));
jSONObject.put("userid", rs.getString("userid"));
jSONObject.put("name", rs.getString("fname") + " " + rs.getString("lname"));
jSONObject.put("mobile", rs.getString("mobile"));
if (rs.getString("aadhar") == null) {
jSONObject.put("aadhar", "");
} else {
jSONObject.put("aadhar", rs.getString("aadhar"));
}
jSONArray.put(jSONObject);
}
System.out.println("js" + jSONArray);
response.getWriter().print(jSONArray);
%>
Editor is loading...