Initial commit
This commit is contained in:
49
hospitalmanagement/templates/hospital/aboutus.html
Normal file
49
hospitalmanagement/templates/hospital/aboutus.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>LazyCoder || sumit</title>
|
||||
<style media="screen">
|
||||
.jumbotron {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.jumbotron h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.alert {
|
||||
margin: 0px;
|
||||
}
|
||||
</style>
|
||||
<title>sumit</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br><br>
|
||||
<center>
|
||||
<h3 class='alert alert-success' style="margin-bottom:0px;">About Us !</h3>
|
||||
</center>
|
||||
<div class="jumbotron" style="margin-bottom: 0px;margin-top: 0px;">
|
||||
<h1 class="display-4">Hello</h1>
|
||||
<p class="lead">A service dedicated to Hospital Admin, Doctor and Patient.</p>
|
||||
<hr class="my-4">
|
||||
<p>Explore our Website.</p>
|
||||
<p class="lead">
|
||||
<a class="btn btn-primary btn-lg" href="/" role="button">HOME</a>
|
||||
</p>
|
||||
</div>
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,86 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load widget_tweaks %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
</head>
|
||||
<br><br>
|
||||
<!------ add appointment page by admin(sumit) ---------->
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Book Appointment Details</p>
|
||||
</div>
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
{% render_field appointmentForm.description class="form-control" placeholder="Description" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field appointmentForm.doctorId class="form-control" placeholder="doctor" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field appointmentForm.patientId class="form-control" placeholder="patient" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Book</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
102
hospitalmanagement/templates/hospital/admin_add_doctor.html
Normal file
102
hospitalmanagement/templates/hospital/admin_add_doctor.html
Normal file
@@ -0,0 +1,102 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load widget_tweaks %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
|
||||
</head>
|
||||
<br><br><br>
|
||||
<!------ signup page for doctor by admin(sumit) ---------->
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Add New Doctor To Hospital</p>
|
||||
</div>
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.first_name class="form-control" placeholder="First Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.department class="form-control" placeholder="Department" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.address class="form-control" placeholder="Address" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.last_name class="form-control" placeholder="Last Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.mobile class="form-control" placeholder="Mobile" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.profile_pic required="required" class="form-control" placeholder="Profile Picture" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Register</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
{% endblock content %}
|
||||
104
hospitalmanagement/templates/hospital/admin_add_patient.html
Normal file
104
hospitalmanagement/templates/hospital/admin_add_patient.html
Normal file
@@ -0,0 +1,104 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load widget_tweaks %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
|
||||
</head>
|
||||
<br><br><br>
|
||||
<!------ signup page for doctor by admin(sumit) ---------->
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Admit Patient To Hospital</p>
|
||||
</div>
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.first_name class="form-control" placeholder="First Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.address class="form-control" placeholder="Address" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.symptoms class="form-control" placeholder="Symptoms" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.profile_pic required="required" class="form-control" placeholder="Profile Picture" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.last_name class="form-control" placeholder="Last Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.mobile class="form-control" placeholder="Mobile" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.assignedDoctorId class="form-control" placeholder="Doctor" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Admit</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
{% endblock content %}
|
||||
123
hospitalmanagement/templates/hospital/admin_appointment.html
Normal file
123
hospitalmanagement/templates/hospital/admin_appointment.html
Normal file
@@ -0,0 +1,123 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
<br><br>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<link href="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
|
||||
<style type="text/css">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.order-card {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bg-c-blue {
|
||||
background: linear-gradient(45deg, #4099ff, #73b4ff);
|
||||
}
|
||||
|
||||
.bg-c-green {
|
||||
background: linear-gradient(45deg, #2ed8b6, #59e0c5);
|
||||
}
|
||||
|
||||
.bg-c-yellow {
|
||||
background: linear-gradient(45deg, #FFB64D, #ffcb80);
|
||||
}
|
||||
|
||||
.bg-c-pink {
|
||||
background: linear-gradient(45deg, #FF5370, #ff869a);
|
||||
}
|
||||
|
||||
|
||||
.card {
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
border: none;
|
||||
margin-bottom: 30px;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.card .card-block {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.order-card i {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.f-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.f-right {
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-xl-4">
|
||||
<div class="card bg-c-blue order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-view-appointment">
|
||||
<h6 class="m-b-20">View Appointment</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-calendar f-left"></i></h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-4">
|
||||
<div class="card bg-c-green order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-add-appointment">
|
||||
<h6 class="m-b-20">Book Appointment</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-book-medical f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-4">
|
||||
<div class="card bg-c-yellow order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-approve-appointment">
|
||||
<h6 class="m-b-20">Approve Appointment</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-check-circle f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
<br><br><br><br><br><br><br>
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,63 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Appointment Approvals Required</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Doctor Name</th>
|
||||
<th>Patient Name</th>
|
||||
<th>Description</th>
|
||||
<th>Date</th>
|
||||
<th>Approve</th>
|
||||
<th>Reject</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for a in appointments %}
|
||||
<tr>
|
||||
<td> {{a.doctorName}}</td>
|
||||
<td>{{a.patientName}}</td>
|
||||
<td>{{a.description}}</td>
|
||||
<td>{{a.appointmentDate}}</td>
|
||||
<td><a class="btn btn-primary btn-xs" href="{% url 'approve-appointment' a.id %}"><span class="glyphicon glyphicon-ok"></span></a></td>
|
||||
<td><a class="btn btn-danger btn-xs" href="{% url 'reject-appointment' a.id %}"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,66 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% block content %}
|
||||
{%load static%}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Doctors   Applied For Registration</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Profile Picture</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
<th>Department</th>
|
||||
<th>Approve</th>
|
||||
<th>Reject</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for d in doctors %}
|
||||
<tr>
|
||||
<td> {{d.get_name}}</td>
|
||||
<td> <img src="{% static d.profile_pic.url %}" alt="Profile Pic" height="40px" width="40px" /></td>
|
||||
<td>{{d.mobile}}</td>
|
||||
<td>{{d.address}}</td>
|
||||
<td>{{d.department}}</td>
|
||||
<td><a class="btn btn-primary btn-xs" href="{% url 'approve-doctor' d.id %}"><span class="glyphicon glyphicon-ok"></span></a></td>
|
||||
<td><a class="btn btn-danger btn-xs" href="{% url 'reject-doctor' d.id %}"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,66 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% block content %}
|
||||
{%load static%}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Patient Wants To Admit</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Profile Picture</th>
|
||||
<th>Symptoms</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
<th>Approve</th>
|
||||
<th>Reject</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for p in patients %}
|
||||
<tr>
|
||||
<td> {{p.get_name}}</td>
|
||||
<td> <img src="{% static p.profile_pic.url %}" alt="Profile Pic" height="40px" width="40px" /></td>
|
||||
<td>{{p.symptoms}}</td>
|
||||
<td>{{p.mobile}}</td>
|
||||
<td>{{p.address}}</td>
|
||||
<td><a class="btn btn-primary btn-xs" href="{% url 'approve-patient' p.id %}"><span class="glyphicon glyphicon-ok"></span></a></td>
|
||||
<td><a class="btn btn-danger btn-xs" href="{% url 'reject-patient' p.id %}"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
357
hospitalmanagement/templates/hospital/admin_base.html
Normal file
357
hospitalmanagement/templates/hospital/admin_base.html
Normal file
@@ -0,0 +1,357 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="{% static '/style.css' %}">
|
||||
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*---------------------------------------
|
||||
Social section
|
||||
-----------------------------------------*/
|
||||
footer {
|
||||
padding: 0px 0px 0px 0px;
|
||||
background-color: black;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
|
||||
#ftr {
|
||||
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.fa {
|
||||
|
||||
font-size: 23px;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
margin: 5px 2px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.fa:hover {
|
||||
opacity: 0.5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fa-facebook {
|
||||
background: #3B5998;
|
||||
color: white;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.fa-whatsapp {
|
||||
background: #25d366;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-twitter {
|
||||
background: #55ACEE;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-instagram {
|
||||
background: #125688;
|
||||
color: white;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
|
||||
padding-left: 240px;
|
||||
}
|
||||
main {
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.menu {
|
||||
background: #5bc995;
|
||||
height: 100vh;
|
||||
width: 240px;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0;
|
||||
z-index: 5;
|
||||
outline: none;
|
||||
}
|
||||
.menu .avatar {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
padding: 2em 0.5em;
|
||||
text-align: center;
|
||||
}
|
||||
.menu .avatar img {
|
||||
width: 100px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
border: 4px solid #ffea92;
|
||||
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.menu .avatar h2 {
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.menu ul {
|
||||
list-style: none;
|
||||
padding: 0.5em 0;
|
||||
margin: 0;
|
||||
}
|
||||
.menu ul li {
|
||||
padding: 0.5em 1em 0.5em 3em;
|
||||
font-size: 0.95em;
|
||||
font-weight: regular;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 15px center;
|
||||
background-size: auto 20px;
|
||||
transition: all 0.15s linear;
|
||||
cursor: pointer;
|
||||
}
|
||||
.menu ul li.icon-dashboard {
|
||||
background-image: url("http://www.entypo.com/images//gauge.svg");
|
||||
}
|
||||
.menu ul li.icon-customers {
|
||||
background-image: url("http://www.entypo.com/images//briefcase.svg");
|
||||
}
|
||||
.menu ul li.icon-users {
|
||||
background-image: url("http://www.entypo.com/images//users.svg");
|
||||
}
|
||||
.menu ul li.icon-calendar {
|
||||
background-image: url("http://www.entypo.com/images//calendar.svg");
|
||||
}
|
||||
|
||||
.menu ul li:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.menu ul li:focus {
|
||||
outline: none;
|
||||
}
|
||||
@media screen and (max-width: 900px) and (min-width: 400px) {
|
||||
body {
|
||||
padding-left: 90px;
|
||||
}
|
||||
.menu {
|
||||
width: 90px;
|
||||
}
|
||||
.menu .avatar {
|
||||
padding: 0.5em;
|
||||
position: relative;
|
||||
}
|
||||
.menu .avatar img {
|
||||
width: 60px;
|
||||
}
|
||||
.menu .avatar h2 {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100px;
|
||||
margin: 0;
|
||||
min-width: 200px;
|
||||
border-radius: 4px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
transform: translate3d(-20px, -50%, 0);
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
.menu .avatar:hover h2 {
|
||||
opacity: 1;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
.menu ul li {
|
||||
height: 60px;
|
||||
background-position: center center;
|
||||
background-size: 30px auto;
|
||||
position: relative;
|
||||
}
|
||||
.menu ul li span {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
padding: 0.2em 0.5em;
|
||||
border-radius: 4px;
|
||||
top: 50%;
|
||||
left: 80px;
|
||||
transform: translate3d(-15px, -50%, 0);
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
.menu ul li span:before {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -5px;
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-right: 5px solid rgba(0, 0, 0, 0.5);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.menu ul li:hover span {
|
||||
opacity: 1;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 400px) {
|
||||
body {
|
||||
padding-left: 0;
|
||||
}
|
||||
.menu {
|
||||
width: 230px;
|
||||
box-shadow: 0 0 0 100em rgba(0, 0, 0, 0);
|
||||
transform: translate3d(-230px, 0, 0);
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.menu .smartphone-menu-trigger {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
background: #5bc995;
|
||||
}
|
||||
.menu .smartphone-menu-trigger:before,
|
||||
.menu .smartphone-menu-trigger:after {
|
||||
content: '';
|
||||
width: 50%;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
.menu .smartphone-menu-trigger:after {
|
||||
top: 55%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
.menu ul li {
|
||||
padding: 1em 1em 1em 3em;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.menu:focus {
|
||||
transform: translate3d(0, 0, 0);
|
||||
box-shadow: 0 0 0 100em rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.menu:focus .smartphone-menu-trigger {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- partial:index.partial.html -->
|
||||
<nav class="menu" tabindex="0">
|
||||
<div class="smartphone-menu-trigger"></div>
|
||||
<header class="avatar">
|
||||
<img src="{% static "images/adminpropic.png" %}" />
|
||||
<br><br>
|
||||
<h6>Admin</h6>
|
||||
<h2>{{request.user.first_name}}</h2>
|
||||
</header>
|
||||
<ul>
|
||||
<li tabindex="0" class="icon-dashboard"> <a style="color:white; text-decoration:none;" href="/admin-dashboard"><span>Dashboard</span></a> </li>
|
||||
<li tabindex="0" class="icon-customers"> <a style="color:white; text-decoration:none;" href="/admin-doctor"><span>Doctor</span></a></li>
|
||||
<li tabindex="0" class="icon-users"> <a style="color:white; text-decoration:none;" href="/admin-patient"><span>Patient</span></a></li>
|
||||
<li tabindex="0" class="icon-calendar"> <a style="color:white; text-decoration:none;" href="/admin-appointment"><span>Appointment</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
|
||||
|
||||
<!-- nav start -->
|
||||
<div class="bs-example">
|
||||
<nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background:#337AB7;">
|
||||
<a href="/admin-dashboard" class="navbar-brand">HOSPITAL MANAGEMENT</a>
|
||||
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
|
||||
<div class="navbar-nav" style=" margin-left: 90%;">
|
||||
|
||||
<a href="/logout" class="nav-item nav-link">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- nav end -->
|
||||
|
||||
|
||||
|
||||
<br><br>
|
||||
|
||||
<!-- content start-->
|
||||
{% block content %}
|
||||
|
||||
{% endblock content %}
|
||||
<!-- content end-->
|
||||
|
||||
<br><br><br><br>
|
||||
<footer>
|
||||
<p>
|
||||
<a id="ftr" href="https://facebook.com/sumit.luv/" class="fa fa-facebook"></a>
|
||||
<a id="ftr" href="https://api.whatsapp.com/send?phone=919572181024&text=Hello%20Sumit.%0d%0aHow%20are%20you%20%3f%0d%0aI%20came%20from%20your%20website.&source=&data=#" class="fa fa-whatsapp"></a>
|
||||
<a id="ftr" href="https://instagram.com/sumit.luv" class="fa fa-instagram"></a>
|
||||
<a id="ftr" href="https://twitter.com/sumitkumar1503" class="fa fa-twitter"></a>
|
||||
</p>
|
||||
|
||||
<br>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-sm-12">
|
||||
<div style="color:#ffffff;" class="wow fadeInUp footer-copyright">
|
||||
<p>Made in India <br>
|
||||
Copyright © 2020 LazyCoder </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</main>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
78
hospitalmanagement/templates/hospital/admin_dashboard.html
Normal file
78
hospitalmanagement/templates/hospital/admin_dashboard.html
Normal file
@@ -0,0 +1,78 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
{%include 'hospital/admin_dashboard_cards.html'%}
|
||||
<br><br><br><br>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="panel panel-primary col-md-5" style="margin-left:2%;">
|
||||
<div class="panel-heading" style="text-align:center;">
|
||||
<h6 class="panel-title">Recent Doctors</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Department</th>
|
||||
<th>Mobile</th>
|
||||
<th>Status</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
{% for d in doctors %}
|
||||
<tr>
|
||||
<td> {{d.get_name}}</td>
|
||||
<td>{{d.department}}</td>
|
||||
<td>{{d.mobile}}</td>
|
||||
{%if d.status%}
|
||||
<td> <span class="label label-primary">Permanent</span></td>
|
||||
{% else %}
|
||||
<td> <span class="label label-success">On Hold</span></td>
|
||||
{% endif %}
|
||||
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-primary col-md-5" style="margin-left:5%;">
|
||||
<div class="panel-heading" style="text-align:center;">
|
||||
<h6 class="panel-title">Recent Patient</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Symptoms</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
<th>Status</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
{% for p in patients %}
|
||||
<tr>
|
||||
<td> {{p.get_name}}</td>
|
||||
<td>{{p.symptoms}}</td>
|
||||
<td>{{p.mobile}}</td>
|
||||
<td>{{p.address}}</td>
|
||||
{%if p.status%}
|
||||
<td> <span class="label label-primary">Admitted</span></td>
|
||||
{% else %}
|
||||
<td> <span class="label label-success">On Hold</span></td>
|
||||
{% endif %}
|
||||
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
188
hospitalmanagement/templates/hospital/admin_dashboard_cards.html
Normal file
188
hospitalmanagement/templates/hospital/admin_dashboard_cards.html
Normal file
@@ -0,0 +1,188 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
|
||||
<style media="screen">
|
||||
.market-update-block {
|
||||
padding: 2em 2em;
|
||||
background: #999;
|
||||
}
|
||||
|
||||
.market-update-block h3 {
|
||||
color: #fff;
|
||||
font-size: 2.5em;
|
||||
font-family: 'Carrois Gothic', sans-serif;
|
||||
}
|
||||
|
||||
.market-update-block h4 {
|
||||
font-size: 1.2em;
|
||||
color: #fff;
|
||||
margin: 0.3em 0em;
|
||||
font-family: 'Carrois Gothic', sans-serif;
|
||||
}
|
||||
|
||||
.market-update-block p {
|
||||
color: #fff;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-1 {
|
||||
background: #ff0000;
|
||||
margin-right: 0.8em;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-2 {
|
||||
background: #FC8213;
|
||||
margin-right: 0.8em;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-3 {
|
||||
background: #1355f9;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-1:hover {
|
||||
background: #3C3C3C;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-2:hover {
|
||||
background: #3C3C3C;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-3:hover {
|
||||
background: #3C3C3C;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-right i.fa.fa-user-o {
|
||||
font-size: 3em;
|
||||
color: #68AE00;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 49px;
|
||||
-webkit-border-radius: 49px;
|
||||
-moz-border-radius: 49px;
|
||||
-o-border-radius: 49px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.market-update-right i.fa.fa-user-md {
|
||||
font-size: 3em;
|
||||
color: #FC8213;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 49px;
|
||||
-webkit-border-radius: 49px;
|
||||
-moz-border-radius: 49px;
|
||||
-o-border-radius: 49px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.market-update-right i.fa.fa-calendar {
|
||||
font-size: 3em;
|
||||
color: #337AB7;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 49px;
|
||||
-webkit-border-radius: 49px;
|
||||
-moz-border-radius: 49px;
|
||||
-o-border-radius: 49px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.market-update-left {
|
||||
padding: 0px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="market-updates">
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-1">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{doctorcount}}</h3>
|
||||
<h4>Total Doctor</h4>
|
||||
<p>Approval Required : {{pendingdoctorcount}}</p>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-user-md"></i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-2">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{patientcount}}</h3>
|
||||
<h4>Total Patient</h4>
|
||||
<p>Wants to Admit : {{pendingpatientcount}}</p>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-user-o"></i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-3">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{appointmentcount}}</h3>
|
||||
<h4>Total Appointment</h4>
|
||||
<p>Approve Appointments :{{pendingappointmentcount}} </p>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-calendar"> </i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,59 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Discharge Patient</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Symptoms</th>
|
||||
<th>Mobile</th>
|
||||
<th>Discharge</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for p in patients %}
|
||||
<tr>
|
||||
<td> {{p.get_name}}</td>
|
||||
<td>{{p.symptoms}}</td>
|
||||
<td>{{p.mobile}}</td>
|
||||
<td><a class="btn btn-primary btn-xs" href="{% url 'discharge-patient' p.id %}"><span class="glyphicon glyphicon-log-out"></span></a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
135
hospitalmanagement/templates/hospital/admin_doctor.html
Normal file
135
hospitalmanagement/templates/hospital/admin_doctor.html
Normal file
@@ -0,0 +1,135 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
<br><br>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<link href="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
|
||||
|
||||
<style type="text/css">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.order-card {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bg-c-blue {
|
||||
background: linear-gradient(45deg, #4099ff, #73b4ff);
|
||||
}
|
||||
|
||||
.bg-c-green {
|
||||
background: linear-gradient(45deg, #2ed8b6, #59e0c5);
|
||||
}
|
||||
|
||||
.bg-c-yellow {
|
||||
background: linear-gradient(45deg, #FFB64D, #ffcb80);
|
||||
}
|
||||
|
||||
.bg-c-pink {
|
||||
background: linear-gradient(45deg, #FF5370, #ff869a);
|
||||
}
|
||||
|
||||
|
||||
.card {
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
border: none;
|
||||
margin-bottom: 30px;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.card .card-block {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.order-card i {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.f-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.f-right {
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-xl-3">
|
||||
<div class="card bg-c-blue order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-view-doctor">
|
||||
<h6 class="m-b-20">Doctor Record</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-user-nurse f-left"></i></h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-3">
|
||||
<div class="card bg-c-green order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-add-doctor">
|
||||
<h6 class="m-b-20">Register Doctor</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-user-plus f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-3">
|
||||
<div class="card bg-c-yellow order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-approve-doctor">
|
||||
<h6 class="m-b-20">Approve Doctor</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-check-circle f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-3">
|
||||
<div class="card bg-c-pink order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-view-doctor-specialisation">
|
||||
<h6 class="m-b-20">Doctor Specialisation</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-user-md f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
<br><br><br><br><br><br><br>
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,94 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<style>
|
||||
.card {
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||||
max-width: 300px;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
font-family: arial;
|
||||
}
|
||||
|
||||
.title {
|
||||
color: grey;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
button {
|
||||
border: none;
|
||||
outline: 0;
|
||||
display: inline-block;
|
||||
padding: 8px;
|
||||
color: white;
|
||||
background-color: #000;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
a:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<div class="grid-container">
|
||||
<div class="grid-item">
|
||||
<div class="card">
|
||||
<img src="{% static "images/admin.png" %}" alt="John" style="width:100%">
|
||||
<p class="title">ADMIN</p>
|
||||
<p><button><a href="/adminclick">View</a></button></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid-item">
|
||||
<div class="card">
|
||||
<img src="{% static "images/doctor.png" %}" alt="John" style="width:100%">
|
||||
<p class="title">DOCTOR</p>
|
||||
<p><button><a href="/doctorclick">View</a></button></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-item">
|
||||
<div class="card">
|
||||
<img src="{% static "images/patient.jpg" %}" alt="John" style="width:100%">
|
||||
<p class="title">PATIENT</p>
|
||||
<p><button><a href="/patientclick">View</a></button></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
137
hospitalmanagement/templates/hospital/admin_patient.html
Normal file
137
hospitalmanagement/templates/hospital/admin_patient.html
Normal file
@@ -0,0 +1,137 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
<br><br>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<link href="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
|
||||
|
||||
<style type="text/css">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.order-card {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bg-c-blue {
|
||||
background: linear-gradient(45deg, #4099ff, #73b4ff);
|
||||
}
|
||||
|
||||
.bg-c-green {
|
||||
background: linear-gradient(45deg, #2ed8b6, #59e0c5);
|
||||
}
|
||||
|
||||
.bg-c-yellow {
|
||||
background: linear-gradient(45deg, #FFB64D, #ffcb80);
|
||||
}
|
||||
|
||||
.bg-c-pink {
|
||||
background: linear-gradient(45deg, #FF5370, #ff869a);
|
||||
}
|
||||
|
||||
|
||||
.card {
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
border: none;
|
||||
margin-bottom: 30px;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.card .card-block {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.order-card i {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.f-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.f-right {
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-xl-3">
|
||||
<div class="card bg-c-blue order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-view-patient">
|
||||
<h6 class="m-b-20">Patient Record</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-user-injured f-left"></i></h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-3">
|
||||
<div class="card bg-c-green order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-add-patient">
|
||||
<h6 class="m-b-20">Admit Patient</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-user-plus f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-3">
|
||||
<div class="card bg-c-yellow order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-approve-patient">
|
||||
<h6 class="m-b-20">Approve Patient</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-check-circle f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-3">
|
||||
<div class="card bg-c-pink order-card">
|
||||
<div class="card-block">
|
||||
<a href="/admin-discharge-patient">
|
||||
<h6 class="m-b-20">Discharge Patient</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-eject f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
<br><br><br><br><br><br><br>
|
||||
{% endblock content %}
|
||||
100
hospitalmanagement/templates/hospital/admin_update_doctor.html
Normal file
100
hospitalmanagement/templates/hospital/admin_update_doctor.html
Normal file
@@ -0,0 +1,100 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load widget_tweaks %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
</head>
|
||||
<br><br>
|
||||
<!------ update page for doctor by admin(sumit) ---------->
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Update Doctor Details</p>
|
||||
</div>
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.first_name class="form-control" placeholder="First Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.mobile class="form-control" placeholder="Mobile" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.department class="form-control" placeholder="Department" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.last_name class="form-control" placeholder="Last Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.address class="form-control" placeholder="Address" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.profile_pic class="form-control" placeholder="Profile Picture" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
103
hospitalmanagement/templates/hospital/admin_update_patient.html
Normal file
103
hospitalmanagement/templates/hospital/admin_update_patient.html
Normal file
@@ -0,0 +1,103 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load widget_tweaks %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
</head>
|
||||
<br><br>
|
||||
<!------ update page for doctor by admin(sumit) ---------->
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Update Doctor Details</p>
|
||||
</div>
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.first_name class="form-control" placeholder="First Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.address class="form-control" placeholder="Address" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.symptoms class="form-control" placeholder="Symptoms" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.profile_pic class="form-control" placeholder="Profile Picture" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.last_name class="form-control" placeholder="Last Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.mobile class="form-control" placeholder="Mobile" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.assignedDoctorId class="form-control" placeholder="Doctor" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,58 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Appointments</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Doctor Name</th>
|
||||
<th>Patient Name</th>
|
||||
<th>Description</th>
|
||||
<th>Date</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for a in appointments %}
|
||||
<tr>
|
||||
<td> {{a.doctorName}}</td>
|
||||
<td>{{a.patientName}}</td>
|
||||
<td>{{a.description}}</td>
|
||||
<td>{{a.appointmentDate}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
67
hospitalmanagement/templates/hospital/admin_view_doctor.html
Normal file
67
hospitalmanagement/templates/hospital/admin_view_doctor.html
Normal file
@@ -0,0 +1,67 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% block content %}
|
||||
{%load static%}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Doctors</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th>Name</th>
|
||||
<th>Profile Picture</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
<th>Department</th>
|
||||
<th>Update</th>
|
||||
<th>Delete</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for d in doctors %}
|
||||
<tr>
|
||||
|
||||
<td> {{d.get_name}}</td>
|
||||
<td> <img src="{% static d.profile_pic.url %}" alt="Profile Pic" height="40px" width="40px" /></td>
|
||||
<td>{{d.mobile}}</td>
|
||||
<td>{{d.address}}</td>
|
||||
<td>{{d.department}}</td>
|
||||
<td><a class="btn btn-primary btn-xs" href="{% url 'update-doctor' d.id %}"><span class="glyphicon glyphicon-edit"></span></a></td>
|
||||
<td><a class="btn btn-danger btn-xs" href="{% url 'delete-doctor-from-hospital' d.id %}"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,56 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Department & Doctors</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Department</th>
|
||||
<th>Doctor Name</th>
|
||||
<th>Mobile</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for d in doctors %}
|
||||
<tr>
|
||||
<td>{{d.department}}</td>
|
||||
<td> {{d.get_name}}</td>
|
||||
<td>{{d.mobile}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,65 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% block content %}
|
||||
{%load static%}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Patient</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Profile Picture</th>
|
||||
<th>Symptoms</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
<th>Update</th>
|
||||
<th>Delete</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for p in patients %}
|
||||
<tr>
|
||||
<td> {{p.get_name}}</td>
|
||||
<td> <img src="{% static p.profile_pic.url %}" alt="Profile Pic" height="40px" width="40px" /></td>
|
||||
<td>{{p.symptoms}}</td>
|
||||
<td>{{p.mobile}}</td>
|
||||
<td>{{p.address}}</td>
|
||||
<td><a class="btn btn-primary btn-xs" href="{% url 'update-patient' p.id %}"><span class="glyphicon glyphicon-edit"></span></a></td>
|
||||
<td><a class="btn btn-danger btn-xs" href="{% url 'delete-patient-from-hospital' p.id %}"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
23
hospitalmanagement/templates/hospital/adminclick.html
Normal file
23
hospitalmanagement/templates/hospital/adminclick.html
Normal file
@@ -0,0 +1,23 @@
|
||||
{% extends 'hospital/homebase.html' %}
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
{% block content %}
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="jumbotron" style="margin-bottom:0px;">
|
||||
<h1 class="display-4" style="text-align:center;">Hello, Admin</h1>
|
||||
<p class="lead">Welcome to Hospital Management System.</p>
|
||||
<hr class="my-4">
|
||||
<p>You can access various features after Login/SignUp.</p>
|
||||
<p class="lead">
|
||||
<a class="btn btn-primary btn-lg" href="/adminsignup" role="button">SignUp</a>
|
||||
<a class="btn btn-primary btn-lg" href="/adminlogin" role="button">Login</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
103
hospitalmanagement/templates/hospital/adminlogin.html
Normal file
103
hospitalmanagement/templates/hospital/adminlogin.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
{% load widget_tweaks %}
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
color: #aa082e;
|
||||
background-color: #b6bde7;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br>
|
||||
<br>
|
||||
<br><br>
|
||||
|
||||
<!--- login page for admin by admin(sumit) ---------->
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Admin Login Page</p>
|
||||
</div>
|
||||
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="form-group">
|
||||
{% render_field form.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="form-group">
|
||||
{% render_field form.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Login</button>
|
||||
<div class="text-center">Do not have account? <a href="adminsignup">Signup here</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<br><br><br>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
110
hospitalmanagement/templates/hospital/adminsignup.html
Normal file
110
hospitalmanagement/templates/hospital/adminsignup.html
Normal file
@@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
{% load widget_tweaks %}
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>LazyCoder || sumit</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
color: #aa082e;
|
||||
background-color: #b6bde7;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
|
||||
<!--- signup page for admin by admin(sumit) ---------->
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Add New Admin To Hospital</p>
|
||||
</div>
|
||||
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field form.first_name class="form-control" placeholder="First Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field form.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field form.last_name class="form-control" placeholder="Last Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field form.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Submit</button>
|
||||
<div class="text-center">Already have an account? <a href="adminlogin">Login here</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
41
hospitalmanagement/templates/hospital/contactus.html
Normal file
41
hospitalmanagement/templates/hospital/contactus.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br><br>
|
||||
|
||||
<center>
|
||||
<h3 class='alert alert-success'>Send Us Your Valuable Feedback !</h3>
|
||||
|
||||
<form method="POST">
|
||||
<!-- Very Important csrf Token -->
|
||||
{% csrf_token %}
|
||||
<div class="form-group">
|
||||
<p>
|
||||
<h3>{{ form.as_p }}</h3>
|
||||
</p>
|
||||
<br>
|
||||
<input type="submit" value="Send Message" class='btn btn-primary btn-lg'>
|
||||
</div>
|
||||
</form>
|
||||
</center>
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
45
hospitalmanagement/templates/hospital/contactussuccess.html
Normal file
45
hospitalmanagement/templates/hospital/contactussuccess.html
Normal file
@@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
|
||||
<title>LazyCoder || sumit</title>
|
||||
<style media="screen">
|
||||
.jumbotron {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.jumbotron h1 {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br><br>
|
||||
<div class="jumbotron">
|
||||
<h1 class="display-4">Your message sent successfully !</h1>
|
||||
<p class="lead">We will respond to your feedback soon</p>
|
||||
<hr class="my-4">
|
||||
<p>Check other features of website !</p>
|
||||
<p class="lead">
|
||||
<a class="btn btn-primary btn-lg" href="/" role="button">HOME</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
101
hospitalmanagement/templates/hospital/doctor_appointment.html
Normal file
101
hospitalmanagement/templates/hospital/doctor_appointment.html
Normal file
@@ -0,0 +1,101 @@
|
||||
{% extends 'hospital/doctor_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
<br><br>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<link href="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
|
||||
|
||||
<style type="text/css">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
.menu{
|
||||
top: 50px;
|
||||
}
|
||||
h6 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.order-card {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bg-c-blue {
|
||||
background: linear-gradient(45deg, #4099ff, #73b4ff);
|
||||
}
|
||||
|
||||
.bg-c-green {
|
||||
background: linear-gradient(45deg, #2ed8b6, #59e0c5);
|
||||
}
|
||||
|
||||
.card {
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
border: none;
|
||||
margin-bottom: 30px;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.card .card-block {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.order-card i {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.f-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.f-right {
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-xl-6">
|
||||
<div class="card bg-c-blue order-card">
|
||||
<div class="card-block">
|
||||
<a href="/doctor-view-appointment">
|
||||
<h6 class="m-b-20">View Your Appointment</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-calendar f-left"></i></h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-6">
|
||||
<div class="card bg-c-green order-card">
|
||||
<div class="card-block">
|
||||
<a href="/doctor-delete-appointment">
|
||||
<h6 class="m-b-20">Delete Appointment</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-eject f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
<br><br><br><br><br><br><br>
|
||||
{% endblock content %}
|
||||
342
hospitalmanagement/templates/hospital/doctor_base.html
Normal file
342
hospitalmanagement/templates/hospital/doctor_base.html
Normal file
@@ -0,0 +1,342 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*---------------------------------------
|
||||
Social section
|
||||
-----------------------------------------*/
|
||||
footer {
|
||||
padding: 0px 0px 0px 0px;
|
||||
background-color: black;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
|
||||
#ftr {
|
||||
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.fa {
|
||||
|
||||
font-size: 23px;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
margin: 5px 2px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.fa:hover {
|
||||
opacity: 0.5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fa-facebook {
|
||||
background: #3B5998;
|
||||
color: white;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.fa-whatsapp {
|
||||
background: #25d366;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-twitter {
|
||||
background: #55ACEE;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-instagram {
|
||||
background: #125688;
|
||||
color: white;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
|
||||
padding-left: 240px;
|
||||
}
|
||||
main {
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.menu {
|
||||
background: #5bc995;
|
||||
height: 100vh;
|
||||
width: 240px;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0;
|
||||
z-index: 5;
|
||||
outline: none;
|
||||
}
|
||||
.menu .avatar {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
padding: 2em 0.5em;
|
||||
text-align: center;
|
||||
}
|
||||
.menu .avatar img {
|
||||
width: 100px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
border: 4px solid #ffea92;
|
||||
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.menu .avatar h2 {
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.menu ul {
|
||||
list-style: none;
|
||||
padding: 0.5em 0;
|
||||
margin: 0;
|
||||
}
|
||||
.menu ul li {
|
||||
padding: 0.5em 1em 0.5em 3em;
|
||||
font-size: 0.95em;
|
||||
font-weight: regular;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 15px center;
|
||||
background-size: auto 20px;
|
||||
transition: all 0.15s linear;
|
||||
cursor: pointer;
|
||||
}
|
||||
.menu ul li.icon-dashboard {
|
||||
background-image: url("http://www.entypo.com/images//gauge.svg");
|
||||
}
|
||||
.menu ul li.icon-customers {
|
||||
background-image: url("http://www.entypo.com/images//briefcase.svg");
|
||||
}
|
||||
.menu ul li.icon-users {
|
||||
background-image: url("http://www.entypo.com/images//users.svg");
|
||||
}
|
||||
.menu ul li.icon-calendar {
|
||||
background-image: url("http://www.entypo.com/images//calendar.svg");
|
||||
}
|
||||
|
||||
.menu ul li:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.menu ul li:focus {
|
||||
outline: none;
|
||||
}
|
||||
@media screen and (max-width: 900px) and (min-width: 400px) {
|
||||
body {
|
||||
padding-left: 90px;
|
||||
}
|
||||
.menu {
|
||||
width: 90px;
|
||||
}
|
||||
.menu .avatar {
|
||||
padding: 0.5em;
|
||||
position: relative;
|
||||
}
|
||||
.menu .avatar img {
|
||||
width: 60px;
|
||||
}
|
||||
.menu .avatar h2 {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100px;
|
||||
margin: 0;
|
||||
min-width: 200px;
|
||||
border-radius: 4px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
transform: translate3d(-20px, -50%, 0);
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
.menu .avatar:hover h2 {
|
||||
opacity: 1;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
.menu ul li {
|
||||
height: 60px;
|
||||
background-position: center center;
|
||||
background-size: 30px auto;
|
||||
position: relative;
|
||||
}
|
||||
.menu ul li span {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
padding: 0.2em 0.5em;
|
||||
border-radius: 4px;
|
||||
top: 50%;
|
||||
left: 80px;
|
||||
transform: translate3d(-15px, -50%, 0);
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
.menu ul li span:before {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -5px;
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-right: 5px solid rgba(0, 0, 0, 0.5);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.menu ul li:hover span {
|
||||
opacity: 1;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 400px) {
|
||||
body {
|
||||
padding-left: 0;
|
||||
}
|
||||
.menu {
|
||||
width: 230px;
|
||||
box-shadow: 0 0 0 100em rgba(0, 0, 0, 0);
|
||||
transform: translate3d(-230px, 0, 0);
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.menu .smartphone-menu-trigger {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
background: #5bc995;
|
||||
}
|
||||
.menu .smartphone-menu-trigger:before,
|
||||
.menu .smartphone-menu-trigger:after {
|
||||
content: '';
|
||||
width: 50%;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
.menu .smartphone-menu-trigger:after {
|
||||
top: 55%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
.menu ul li {
|
||||
padding: 1em 1em 1em 3em;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.menu:focus {
|
||||
transform: translate3d(0, 0, 0);
|
||||
box-shadow: 0 0 0 100em rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.menu:focus .smartphone-menu-trigger {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- partial:index.partial.html -->
|
||||
<nav class="menu" tabindex="0">
|
||||
<div class="smartphone-menu-trigger"></div>
|
||||
<header class="avatar">
|
||||
<img src="{% static doctor.profile_pic.url %}" alt="Profile Pic" />
|
||||
<br><br>
|
||||
<h6>Doctor</h6>
|
||||
<h2>{{request.user.first_name}}</h2>
|
||||
</header>
|
||||
<ul>
|
||||
<li tabindex="0" class="icon-dashboard"> <a style="color:white; text-decoration:none;" href="/doctor-dashboard"><span>Dashboard</span></a> </li>
|
||||
<li tabindex="0" class="icon-users"> <a style="color:white; text-decoration:none;" href="/doctor-patient"><span>Patient</span></a></li>
|
||||
<li tabindex="0" class="icon-calendar"> <a style="color:white; text-decoration:none;" href="/doctor-appointment"><span>Appointments</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<!-- nav start -->
|
||||
<div class="bs-example">
|
||||
<nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background:#337AB7;">
|
||||
<a href="/doctor-dashboard" class="navbar-brand">HOSPITAL MANAGEMENT</a>
|
||||
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
|
||||
<div class="navbar-nav" style=" margin-left: 90%;">
|
||||
|
||||
<a href="/logout" class="nav-item nav-link">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- nav end -->
|
||||
<br><br>
|
||||
<!-- content start-->
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
<!-- content end-->
|
||||
<br><br><br><br><br><br><br>
|
||||
<footer>
|
||||
<p>
|
||||
<a id="ftr" href="https://facebook.com/sumit.luv/" class="fa fa-facebook"></a>
|
||||
<a id="ftr" href="https://api.whatsapp.com/send?phone=919572181024&text=Hello%20Sumit.%0d%0aHow%20are%20you%20%3f%0d%0aI%20came%20from%20your%20website.&source=&data=#" class="fa fa-whatsapp"></a>
|
||||
<a id="ftr" href="https://instagram.com/sumit.luv" class="fa fa-instagram"></a>
|
||||
<a id="ftr" href="https://twitter.com/sumitkumar1503" class="fa fa-twitter"></a>
|
||||
</p>
|
||||
<br>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-sm-12">
|
||||
<div style="color:#ffffff;" class="wow fadeInUp footer-copyright">
|
||||
<p>Made in India <br>
|
||||
Copyright © 2020 LazyCoder </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
<!-- partial -->
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
43
hospitalmanagement/templates/hospital/doctor_dashboard.html
Normal file
43
hospitalmanagement/templates/hospital/doctor_dashboard.html
Normal file
@@ -0,0 +1,43 @@
|
||||
{% extends 'hospital/doctor_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
{%include 'hospital/doctor_dashboard_cards.html'%}
|
||||
<br><br><br><br>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="panel panel-primary" style="margin-left:15%;">
|
||||
<div class="panel-heading" style="text-align:center;">
|
||||
<h6 class="panel-title">Recent Appointments For You</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Patient Name</th>
|
||||
<th>Picture</th>
|
||||
<th>Description</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
<th>Date</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for a,p in appointments %}
|
||||
<tr>
|
||||
<td>{{a.patientName}}</td>
|
||||
<td> <img src="{% static p.profile_pic.url %}" alt="Profile Pic" height="40px" width="40px" /></td>
|
||||
<td>{{a.description}}</td>
|
||||
<td>{{p.mobile}}</td>
|
||||
<td>{{p.address}}</td>
|
||||
<td>{{a.appointmentDate}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,186 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
|
||||
<style media="screen">
|
||||
.market-update-block {
|
||||
padding: 2em 2em;
|
||||
background: #999;
|
||||
}
|
||||
|
||||
.market-update-block h3 {
|
||||
color: #fff;
|
||||
font-size: 2.5em;
|
||||
font-family: 'Carrois Gothic', sans-serif;
|
||||
}
|
||||
|
||||
.market-update-block h4 {
|
||||
font-size: 1.2em;
|
||||
color: #fff;
|
||||
margin: 0.3em 0em;
|
||||
font-family: 'Carrois Gothic', sans-serif;
|
||||
}
|
||||
|
||||
.market-update-block p {
|
||||
color: #fff;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-1 {
|
||||
background: #ff0000;
|
||||
margin-right: 0.8em;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-2 {
|
||||
background: #FC8213;
|
||||
margin-right: 0.8em;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-3 {
|
||||
background: #1355f9;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-1:hover {
|
||||
background: #3C3C3C;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-2:hover {
|
||||
background: #3C3C3C;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-3:hover {
|
||||
background: #3C3C3C;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-right i.fa.fa-user-o {
|
||||
font-size: 3em;
|
||||
color: #68AE00;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 49px;
|
||||
-webkit-border-radius: 49px;
|
||||
-moz-border-radius: 49px;
|
||||
-o-border-radius: 49px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.market-update-right i.fa.fa-check-circle-o {
|
||||
font-size: 3em;
|
||||
color: #FC8213;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 49px;
|
||||
-webkit-border-radius: 49px;
|
||||
-moz-border-radius: 49px;
|
||||
-o-border-radius: 49px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.market-update-right i.fa.fa-calendar {
|
||||
font-size: 3em;
|
||||
color: #337AB7;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 49px;
|
||||
-webkit-border-radius: 49px;
|
||||
-moz-border-radius: 49px;
|
||||
-o-border-radius: 49px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.market-update-left {
|
||||
padding: 0px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="market-updates">
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-1">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{appointmentcount}}</h3>
|
||||
<h4>Appointments For You</h4>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-calendar"> </i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-2">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{patientcount}}</h3>
|
||||
<h4>Patient Under You</h4>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-user-o"></i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-3">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{patientdischarged}}</h3>
|
||||
<h4>Your Patient Discharged</h4>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-check-circle-o" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,59 @@
|
||||
{% extends 'hospital/doctor_base.html' %}
|
||||
{% block content %}
|
||||
{%load static%}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Delete Your Appointments</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Patient Name</th>
|
||||
<th>Picture</th>
|
||||
<th>Description</th>
|
||||
<th>Delete</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for a,p in appointments %}
|
||||
<tr>
|
||||
<td>{{a.patientName}}</td>
|
||||
<td> <img src="{% static p.profile_pic.url %}" alt="Profile Pic" height="40px" width="40px" /></td>
|
||||
<td>{{a.description}}</td>
|
||||
<td><a class="btn btn-danger btn-xs" href="{% url 'delete-appointment' a.id %}"><span class="glyphicon glyphicon-trash"></span></a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
115
hospitalmanagement/templates/hospital/doctor_patient.html
Normal file
115
hospitalmanagement/templates/hospital/doctor_patient.html
Normal file
@@ -0,0 +1,115 @@
|
||||
{% extends 'hospital/doctor_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
<br><br>
|
||||
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<link href="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
|
||||
|
||||
<style type="text/css">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.order-card {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bg-c-blue {
|
||||
background: linear-gradient(45deg, #4099ff, #73b4ff);
|
||||
}
|
||||
|
||||
.bg-c-green {
|
||||
background: linear-gradient(45deg, #2ed8b6, #59e0c5);
|
||||
}
|
||||
|
||||
.bg-c-yellow {
|
||||
background: linear-gradient(45deg, #FFB64D, #ffcb80);
|
||||
}
|
||||
|
||||
.bg-c-pink {
|
||||
background: linear-gradient(45deg, #FF5370, #ff869a);
|
||||
}
|
||||
|
||||
|
||||
.card {
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
border: none;
|
||||
margin-bottom: 30px;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.card .card-block {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.order-card i {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.f-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.f-right {
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-xl-6">
|
||||
<div class="card bg-c-blue order-card">
|
||||
<div class="card-block">
|
||||
<a href="/doctor-view-patient">
|
||||
<h6 class="m-b-20">Your Patient Record</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-user-injured f-left"></i></h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-4 col-xl-6">
|
||||
<div class="card bg-c-pink order-card">
|
||||
<div class="card-block">
|
||||
<a href="/doctor-view-discharge-patient">
|
||||
<h6 class="m-b-20">Your Discharged Patient</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-eject f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
<br><br><br><br><br><br><br>
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,63 @@
|
||||
{% extends 'hospital/doctor_base.html' %}
|
||||
{% block content %}
|
||||
{%load static%}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Your Appointments</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Patient Name</th>
|
||||
<th>Picture</th>
|
||||
<th>Description</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
<th>Appointment Date</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for a,p in appointments %}
|
||||
<tr>
|
||||
<td>{{a.patientName}}</td>
|
||||
<td> <img src="{% static p.profile_pic.url %}" alt="Profile Pic" height="40px" width="40px" /></td>
|
||||
<td>{{a.description}}</td>
|
||||
<td>{{p.mobile}}</td>
|
||||
<td>{{p.address}}</td>
|
||||
<td>{{a.appointmentDate}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,65 @@
|
||||
{% extends 'hospital/doctor_base.html' %}
|
||||
{% block content %}
|
||||
{%load static%}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Your Discharged Patient List</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
|
||||
<th>Admit Date</th>
|
||||
<th>Release Date</th>
|
||||
<th>Symptoms</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
{% for p in dischargedpatients %}
|
||||
<tr>
|
||||
<td> {{p.patientName}}</td>
|
||||
<td>{{p.admitDate}}</td>
|
||||
<td>{{p.releaseDate}}</td>
|
||||
<td>{{p.symptoms}}</td>
|
||||
<td>{{p.mobile}}</td>
|
||||
<td>{{p.address}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,78 @@
|
||||
{% extends 'hospital/doctor_base.html' %}
|
||||
{% block content %}
|
||||
{%load static%}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<form action="/search" method="get" style="margin-left:70%;" class="form-inline my-2 my-lg-0">
|
||||
<input class="form-control mr-sm-2" type="search" placeholder="Search" name="query" id="query" aria-label="Search">
|
||||
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
|
||||
</form>
|
||||
|
||||
|
||||
{% if patients %}
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Your Total Patient List</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Profile Picture</th>
|
||||
<th>Symptoms</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
{% for p in patients %}
|
||||
<tr>
|
||||
<td> {{p.get_name}}</td>
|
||||
<td> <img src="{% static p.profile_pic.url %}" alt="Profile Pic" height="40px" width="40px" /></td>
|
||||
<td>{{p.symptoms}}</td>
|
||||
<td>{{p.mobile}}</td>
|
||||
<td>{{p.address}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
{%else%}
|
||||
<br><br><br>
|
||||
<h4 style="text-align: center;color: red;">No Patient Found !!!</h4>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
|
||||
<style media="screen">
|
||||
.jumbotron {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.jumbotron h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.alert {
|
||||
margin: 0px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="jumbotron" style="margin-top: 0px;
|
||||
margin-bottom: 0px;">
|
||||
<h1 class="display-4">Hello {{request.user.first_name}}</h1>
|
||||
<p class="lead">Your Account is not approved till now <br><br>Our Team is checking your profile <br><br> Soon your Account will be confirmed !!!</p>
|
||||
<hr class="my-4">
|
||||
<p>Check Later</p>
|
||||
<p class="lead">
|
||||
<a class="btn btn-primary btn-lg" href="/logout" role="button">Logout For Now</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
24
hospitalmanagement/templates/hospital/doctorclick.html
Normal file
24
hospitalmanagement/templates/hospital/doctorclick.html
Normal file
@@ -0,0 +1,24 @@
|
||||
{% extends 'hospital/homebase.html' %}
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% block content %}
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="jumbotron" style="margin-bottom:0px;">
|
||||
<h1 class="display-4" style="text-align:center;">Hello, Doctor</h1>
|
||||
<p class="lead">Welcome to Hospital Management System.</p>
|
||||
<hr class="my-4">
|
||||
<p>You can access various features after Login/SignUp.</p>
|
||||
<p class="lead">
|
||||
<a class="btn btn-primary btn-lg" href="/doctorsignup" role="button">Apply</a>
|
||||
<a class="btn btn-primary btn-lg" href="/doctorlogin" role="button">Login</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
104
hospitalmanagement/templates/hospital/doctorlogin.html
Normal file
104
hospitalmanagement/templates/hospital/doctorlogin.html
Normal file
@@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
{% load widget_tweaks %}
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
color: #aa082e;
|
||||
background-color: #b6bde7;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br>
|
||||
<br>
|
||||
<br><br>
|
||||
|
||||
<!--- login page for doctor by admin(sumit) ---------->
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Doctor Login Page</p>
|
||||
</div>
|
||||
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="form-group">
|
||||
{% render_field form.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="form-group">
|
||||
{% render_field form.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Login</button>
|
||||
<div class="text-center">Do not have account? <a href="doctorsignup">Signup here</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<br><br><br>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
122
hospitalmanagement/templates/hospital/doctorsignup.html
Normal file
122
hospitalmanagement/templates/hospital/doctorsignup.html
Normal file
@@ -0,0 +1,122 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
{% load widget_tweaks %}
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>LazyCoder || sumit</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
color: #aa082e;
|
||||
background-color: #b6bde7;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
|
||||
<!--- signup page for doctor by admin(sumit) ---------->
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Register In Hospital</p>
|
||||
</div>
|
||||
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.first_name class="form-control" placeholder="First Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.department class="form-control" placeholder="Department" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.address class="form-control" placeholder="Address" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.last_name class="form-control" placeholder="Last Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.mobile class="form-control" placeholder="Mobile" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field doctorForm.profile_pic required="required" class="form-control" placeholder="Profile Picture" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Register</button>
|
||||
<div class="text-center">Already have an account? <a href="doctorlogin">Login here</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
203
hospitalmanagement/templates/hospital/download_bill.html
Normal file
203
hospitalmanagement/templates/hospital/download_bill.html
Normal file
@@ -0,0 +1,203 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 1cm;
|
||||
|
||||
@frame footer {
|
||||
-pdf-frame-content: footerContent;
|
||||
bottom: 0cm;
|
||||
margin-left: 9cm;
|
||||
margin-right: 9cm;
|
||||
height: 1cm;
|
||||
}
|
||||
}
|
||||
|
||||
.invoice-box {
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
padding: 30px;
|
||||
border: 1px solid #eee;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.invoice-box table {
|
||||
width: 100%;
|
||||
line-height: inherit;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.invoice-box table td {
|
||||
padding: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.invoice-box table tr td:nth-child(2) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.invoice-box table tr.top table td {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.top table td.title {
|
||||
font-size: 45px;
|
||||
line-height: 45px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.invoice-box table tr.information table td {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.heading td {
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.invoice-box table tr.details td {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.item td {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.invoice-box table tr.item.last td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.invoice-box table tr.total td:nth-child(2) {
|
||||
border-top: 2px solid #eee;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.invoice-box table tr.top table td {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.invoice-box table tr.information table td {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
/** RTL **/
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.rtl table {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rtl table tr td:nth-child(2) {
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<br><br><br>
|
||||
<div class="invoice-box">
|
||||
<table cellpadding="0" cellspacing="0">
|
||||
<tr class="top">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="title">
|
||||
<h5>Hospital Management</h5>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
Admit Date: {{admitDate}}<br>
|
||||
Release Date: {{releaseDate}}<br>
|
||||
Days Spent: {{daySpent}}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="information">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
Patient Name : {{patientName}}<br>
|
||||
Patient Mobile : {{mobile}}<br>
|
||||
Patient Addres : {{address}}<br>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
Doctor Name :<br>
|
||||
{{assignedDoctorName}}<br>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr class="information">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
Disease and Symptoms :<br>
|
||||
          {{symptoms}}
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr class="information">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
Charges :<br><br>
|
||||
Room Charge of {{daySpent}} Days : {{roomCharge}}<br>
|
||||
Doctor Fee : {{doctorFee}}<br>
|
||||
Medicine Cost : {{medicineCost}}<br>
|
||||
Other Charge : {{OtherCharge}} <br><br>
|
||||
          Total Rupees : {{total}}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
90
hospitalmanagement/templates/hospital/footer.html
Normal file
90
hospitalmanagement/templates/hospital/footer.html
Normal file
@@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
|
||||
<style>
|
||||
/*---------------------------------------
|
||||
Social section
|
||||
-----------------------------------------*/
|
||||
footer {
|
||||
padding: 0px 0px 0px 0px;
|
||||
background-color: black;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.fa {
|
||||
padding: 20px;
|
||||
font-size: 23px;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
margin: 5px 2px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.fa:hover {
|
||||
opacity: 0.5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fa-facebook {
|
||||
background: #3B5998;
|
||||
color: white;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.fa-whatsapp {
|
||||
background: #25d366;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-twitter {
|
||||
background: #55ACEE;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-instagram {
|
||||
background: #125688;
|
||||
color: white;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>
|
||||
<a href="https://facebook.com/sumit.luv/" class="fa fa-facebook"></a>
|
||||
<a href="https://api.whatsapp.com/send?phone=919572181024&text=Hello%20Sumit.%0d%0aHow%20are%20you%20%3f%0d%0aI%20came%20from%20your%20website.&source=&data=#" class="fa fa-whatsapp"></a>
|
||||
<a href="https://instagram.com/sumit.luv" class="fa fa-instagram"></a>
|
||||
<a href="https://twitter.com/sumitkumar1503" class="fa fa-twitter"></a>
|
||||
</p>
|
||||
|
||||
<br>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-sm-12">
|
||||
<div style="color:#ffffff;" class="wow fadeInUp footer-copyright">
|
||||
<p>Made in India <br>
|
||||
Copyright © 2020 LazyCoder </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
23
hospitalmanagement/templates/hospital/homebase.html
Normal file
23
hospitalmanagement/templates/hospital/homebase.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
{%block content%}
|
||||
|
||||
{%endblock content%}
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
80
hospitalmanagement/templates/hospital/index.html
Normal file
80
hospitalmanagement/templates/hospital/index.html
Normal file
@@ -0,0 +1,80 @@
|
||||
{% extends 'hospital/homebase.html' %}
|
||||
{% load static %}
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
||||
<head>
|
||||
<style media="screen">
|
||||
.jumbotron {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
background-image: url('{% static "images/bg.jpg" %}');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.jumbotron h5,
|
||||
h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.alert {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.glow {
|
||||
font-size: 50px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
-webkit-animation: glow 1s ease-in-out infinite alternate;
|
||||
-moz-animation: glow 1s ease-in-out infinite alternate;
|
||||
animation: glow 1s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
@-webkit-keyframes glow {
|
||||
from {
|
||||
text-shadow: 0 0 10px #eeeeee, 0 0 20px #000000, 0 0 30px #000000, 0 0 40px #000000, 0 0 50px #9554b3, 0 0 60px #9554b3, 0 0 70px #9554b3;
|
||||
}
|
||||
|
||||
to {
|
||||
text-shadow: 0 0 20px #eeeeee, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="jumbotron" style="margin-bottom: 0px;margin-top: 0px;">
|
||||
<br>
|
||||
<h5 class="display-3 glow">You’ll Love the Way We Care for You</h5>
|
||||
<br><br><br><br><br>
|
||||
<p>
|
||||
<h3>Emergency ?</h3>
|
||||
|
||||
<p class="lead">
|
||||
<a class="btn btn-primary btn-lg" href="/patientclick" role="button">Take Appointment</a>
|
||||
</p>
|
||||
<br><br>
|
||||
</div>
|
||||
|
||||
<br><br><br><br>
|
||||
|
||||
{% include "hospital/admin_doctor_patient_card.html" %}
|
||||
<br><br><br>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
65
hospitalmanagement/templates/hospital/navbar.html
Normal file
65
hospitalmanagement/templates/hospital/navbar.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.bs-example {
|
||||
margin: 0px;
|
||||
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 20px;
|
||||
font-family: sans-serif;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<div class="bs-example">
|
||||
<nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background:#337AB7;">
|
||||
<a href="/" class="navbar-brand">Hospital Management</a>
|
||||
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
|
||||
<div class="navbar-nav">
|
||||
|
||||
<a href="/adminclick" class="nav-item nav-link">Admin</a>
|
||||
<a href="/doctorclick" class="nav-item nav-link">Doctor</a>
|
||||
<a href="/patientclick" class="nav-item nav-link">Patient</a>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="navbar-nav">
|
||||
<a href="/aboutus" class="nav-item nav-link">About Us</a>
|
||||
<a href="/contactus" class="nav-item nav-link">Contact Us</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
109
hospitalmanagement/templates/hospital/patient_appointment.html
Normal file
109
hospitalmanagement/templates/hospital/patient_appointment.html
Normal file
@@ -0,0 +1,109 @@
|
||||
{% extends 'hospital/patient_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
<br><br>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<link href="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
|
||||
<style type="text/css">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.order-card {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bg-c-blue {
|
||||
background: linear-gradient(45deg, #4099ff, #73b4ff);
|
||||
}
|
||||
|
||||
.bg-c-green {
|
||||
background: linear-gradient(45deg, #2ed8b6, #59e0c5);
|
||||
}
|
||||
|
||||
.bg-c-yellow {
|
||||
background: linear-gradient(45deg, #FFB64D, #ffcb80);
|
||||
}
|
||||
|
||||
.bg-c-pink {
|
||||
background: linear-gradient(45deg, #FF5370, #ff869a);
|
||||
}
|
||||
|
||||
|
||||
.card {
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
|
||||
border: none;
|
||||
margin-bottom: 30px;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.card .card-block {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.order-card i {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.f-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.f-right {
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-xl-6">
|
||||
<div class="card bg-c-blue order-card">
|
||||
<div class="card-block">
|
||||
<a href="/patient-view-appointment">
|
||||
<h6 class="m-b-20">View Your Appointment</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-calendar f-left"></i></h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xl-6">
|
||||
<div class="card bg-c-green order-card">
|
||||
<div class="card-block">
|
||||
<a href="/patient-book-appointment">
|
||||
<h6 class="m-b-20">Book Appointment</h6>
|
||||
</a>
|
||||
<br>
|
||||
<h2 class="text-right"><i class="fas fa-book-medical f-left"></i></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
<br><br><br><br><br><br><br><br>
|
||||
{% endblock content %}
|
||||
343
hospitalmanagement/templates/hospital/patient_base.html
Normal file
343
hospitalmanagement/templates/hospital/patient_base.html
Normal file
@@ -0,0 +1,343 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*---------------------------------------
|
||||
Social section
|
||||
-----------------------------------------*/
|
||||
footer {
|
||||
padding: 0px 0px 0px 0px;
|
||||
background-color: black;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
|
||||
#ftr {
|
||||
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.fa {
|
||||
|
||||
font-size: 23px;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
margin: 5px 2px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.fa:hover {
|
||||
opacity: 0.5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fa-facebook {
|
||||
background: #3B5998;
|
||||
color: white;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.fa-whatsapp {
|
||||
background: #25d366;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-twitter {
|
||||
background: #55ACEE;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.fa-instagram {
|
||||
background: #125688;
|
||||
color: white;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
body {
|
||||
|
||||
padding-left: 240px;
|
||||
}
|
||||
main {
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.menu {
|
||||
background: #5bc995;
|
||||
height: 100vh;
|
||||
width: 240px;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0;
|
||||
z-index: 5;
|
||||
outline: none;
|
||||
}
|
||||
.menu .avatar {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
padding: 2em 0.5em;
|
||||
text-align: center;
|
||||
}
|
||||
.menu .avatar img {
|
||||
width: 100px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
border: 4px solid #ffea92;
|
||||
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.menu .avatar h2 {
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.menu ul {
|
||||
list-style: none;
|
||||
padding: 0.5em 0;
|
||||
margin: 0;
|
||||
}
|
||||
.menu ul li {
|
||||
padding: 0.5em 1em 0.5em 3em;
|
||||
font-size: 0.95em;
|
||||
font-weight: regular;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 15px center;
|
||||
background-size: auto 20px;
|
||||
transition: all 0.15s linear;
|
||||
cursor: pointer;
|
||||
}
|
||||
.menu ul li.icon-dashboard {
|
||||
background-image: url("http://www.entypo.com/images//gauge.svg");
|
||||
}
|
||||
.menu ul li.icon-customers {
|
||||
background-image: url("http://www.entypo.com/images//briefcase.svg");
|
||||
}
|
||||
.menu ul li.icon-users {
|
||||
background-image: url("http://www.entypo.com/images//users.svg");
|
||||
}
|
||||
.menu ul li.icon-calendar {
|
||||
background-image: url("http://www.entypo.com/images//calendar.svg");
|
||||
}
|
||||
|
||||
.menu ul li:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.menu ul li:focus {
|
||||
outline: none;
|
||||
}
|
||||
@media screen and (max-width: 900px) and (min-width: 400px) {
|
||||
body {
|
||||
padding-left: 90px;
|
||||
}
|
||||
.menu {
|
||||
width: 90px;
|
||||
}
|
||||
.menu .avatar {
|
||||
padding: 0.5em;
|
||||
position: relative;
|
||||
}
|
||||
.menu .avatar img {
|
||||
width: 60px;
|
||||
}
|
||||
.menu .avatar h2 {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100px;
|
||||
margin: 0;
|
||||
min-width: 200px;
|
||||
border-radius: 4px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
transform: translate3d(-20px, -50%, 0);
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
.menu .avatar:hover h2 {
|
||||
opacity: 1;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
.menu ul li {
|
||||
height: 60px;
|
||||
background-position: center center;
|
||||
background-size: 30px auto;
|
||||
position: relative;
|
||||
}
|
||||
.menu ul li span {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
padding: 0.2em 0.5em;
|
||||
border-radius: 4px;
|
||||
top: 50%;
|
||||
left: 80px;
|
||||
transform: translate3d(-15px, -50%, 0);
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
.menu ul li span:before {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -5px;
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-right: 5px solid rgba(0, 0, 0, 0.5);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.menu ul li:hover span {
|
||||
opacity: 1;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 400px) {
|
||||
body {
|
||||
padding-left: 0;
|
||||
}
|
||||
.menu {
|
||||
width: 230px;
|
||||
box-shadow: 0 0 0 100em rgba(0, 0, 0, 0);
|
||||
transform: translate3d(-230px, 0, 0);
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.menu .smartphone-menu-trigger {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
background: #5bc995;
|
||||
}
|
||||
.menu .smartphone-menu-trigger:before,
|
||||
.menu .smartphone-menu-trigger:after {
|
||||
content: '';
|
||||
width: 50%;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
.menu .smartphone-menu-trigger:after {
|
||||
top: 55%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
.menu ul li {
|
||||
padding: 1em 1em 1em 3em;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.menu:focus {
|
||||
transform: translate3d(0, 0, 0);
|
||||
box-shadow: 0 0 0 100em rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.menu:focus .smartphone-menu-trigger {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- partial:index.partial.html -->
|
||||
<nav class="menu" tabindex="0">
|
||||
<div class="smartphone-menu-trigger"></div>
|
||||
<header class="avatar">
|
||||
<img src="{% static patient.profile_pic.url %}" alt="Profile Pic" />
|
||||
<br><br>
|
||||
<h6>Patient</h6>
|
||||
<h2>{{request.user.first_name}}</h2>
|
||||
</header>
|
||||
<ul>
|
||||
<li tabindex="0" class="icon-dashboard"> <a style="color:white; text-decoration:none;" href="/patient-dashboard"><span>Dashboard</span></a> </li>
|
||||
<li tabindex="0" class="icon-calendar"> <a style="color:white; text-decoration:none;" href="/patient-appointment"><span>Appointments</span></a></li>
|
||||
<li tabindex="0" class="icon-users"> <a style="color:white; text-decoration:none;" href="/patient-view-doctor"><span>Doctors</span></a></li>
|
||||
|
||||
<li tabindex="0" class="icon-users"> <a style="color:white; text-decoration:none;" href="/patient-discharge"><span>Discharge</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<!-- nav start -->
|
||||
<div class="bs-example">
|
||||
<nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background:#337AB7;">
|
||||
<a href="/patient-dashboard" class="navbar-brand">HOSPITAL MANAGEMENT</a>
|
||||
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
|
||||
<div class="navbar-nav" style=" margin-left: 90%;">
|
||||
|
||||
<a href="/logout" class="nav-item nav-link">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- nav end -->
|
||||
<br><br>
|
||||
<!-- content start-->
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
<!-- content end-->
|
||||
<br><br><br><br><br><br><br>
|
||||
<footer>
|
||||
<p>
|
||||
<a id="ftr" href="https://facebook.com/sumit.luv/" class="fa fa-facebook"></a>
|
||||
<a id="ftr" href="https://api.whatsapp.com/send?phone=919572181024&text=Hello%20Sumit.%0d%0aHow%20are%20you%20%3f%0d%0aI%20came%20from%20your%20website.&source=&data=#" class="fa fa-whatsapp"></a>
|
||||
<a id="ftr" href="https://instagram.com/sumit.luv" class="fa fa-instagram"></a>
|
||||
<a id="ftr" href="https://twitter.com/sumitkumar1503" class="fa fa-twitter"></a>
|
||||
</p>
|
||||
<br>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-sm-12">
|
||||
<div style="color:#ffffff;" class="wow fadeInUp footer-copyright">
|
||||
<p>Made in India <br>
|
||||
Copyright © 2020 LazyCoder </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,95 @@
|
||||
{% extends 'hospital/patient_base.html' %}
|
||||
{% load widget_tweaks %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
</head>
|
||||
<br><br>
|
||||
{% if message %}
|
||||
<script>
|
||||
var a = "{{message}}";
|
||||
alert(a);
|
||||
</script>
|
||||
|
||||
{% endif %}
|
||||
|
||||
|
||||
<!------ add appointment page by patient(sumit) ---------->
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Book Appointment Details</p>
|
||||
</div>
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-group">
|
||||
{% render_field appointmentForm.description class="form-control" placeholder="Description" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field appointmentForm.doctorId class="form-control" placeholder="doctor" %}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Book</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
|
||||
{% endblock content %}
|
||||
13
hospitalmanagement/templates/hospital/patient_dashboard.html
Normal file
13
hospitalmanagement/templates/hospital/patient_dashboard.html
Normal file
@@ -0,0 +1,13 @@
|
||||
{% extends 'hospital/patient_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
{%include 'hospital/patient_dashboard_cards.html'%}
|
||||
<br><br><br><br>
|
||||
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,239 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
|
||||
<style media="screen">
|
||||
.market-update-block {
|
||||
padding: 2em 2em;
|
||||
background: #999;
|
||||
}
|
||||
|
||||
.market-update-block h3 {
|
||||
color: #fff;
|
||||
font-size: 1.5em;
|
||||
font-family: 'Carrois Gothic', sans-serif;
|
||||
}
|
||||
|
||||
.market-update-block h4 {
|
||||
font-size: 1.2em;
|
||||
color: #fff;
|
||||
margin: 0.3em 0em;
|
||||
font-family: 'Carrois Gothic', sans-serif;
|
||||
}
|
||||
|
||||
.market-update-block p {
|
||||
color: #fff;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-1 {
|
||||
background: #ff0000;
|
||||
margin-right: 0.8em;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-2 {
|
||||
background: #4f5905;
|
||||
margin-right: 0.8em;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-3 {
|
||||
background: #1355f9;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-1:hover {
|
||||
background: #3C3C3C;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-2:hover {
|
||||
background: #3C3C3C;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-block.clr-block-3:hover {
|
||||
background: #3C3C3C;
|
||||
transition: 0.5s all;
|
||||
-webkit-transition: 0.5s all;
|
||||
-moz-transition: 0.5s all;
|
||||
-o-transition: 0.5s all;
|
||||
}
|
||||
|
||||
.market-update-right i.fa.fa-user-o,
|
||||
i.fa.fa-map-marker {
|
||||
font-size: 3em;
|
||||
color: #68AE00;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 49px;
|
||||
-webkit-border-radius: 49px;
|
||||
-moz-border-radius: 49px;
|
||||
-o-border-radius: 49px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.market-update-right i.fa.fa-info-circle,
|
||||
i.fa.fa-list-alt {
|
||||
font-size: 3em;
|
||||
color: #FC8213;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 49px;
|
||||
-webkit-border-radius: 49px;
|
||||
-moz-border-radius: 49px;
|
||||
-o-border-radius: 49px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.market-update-right i.fa.fa-mobile,
|
||||
i.fa.fa-calendar-o {
|
||||
font-size: 3em;
|
||||
color: #337AB7;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
border-radius: 49px;
|
||||
-webkit-border-radius: 49px;
|
||||
-moz-border-radius: 49px;
|
||||
-o-border-radius: 49px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.market-update-left {
|
||||
padding: 0px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="market-updates">
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-1">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{doctorName}}</h3>
|
||||
<h4>Doctor Name</h4>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-user-o"> </i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-2">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{symptoms}}</h3>
|
||||
<h4>Symptoms</h4>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-info-circle"></i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-3">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{doctorMobile}}</h3>
|
||||
<h4>Doctor Mobile</h4>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-mobile" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<br><br><br>
|
||||
|
||||
|
||||
|
||||
<div class="market-updates">
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-1">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{doctorAddress}}</h3>
|
||||
<h4>Doctor Address</h4>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-map-marker"> </i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-2">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{doctorDepartment}}</h3>
|
||||
<h4>Doctor Department</h4>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-list-alt"></i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-gd">
|
||||
<div class="market-update-block clr-block-3">
|
||||
<div class="col-md-8 market-update-left">
|
||||
<h3>{{admitDate}}</h3>
|
||||
<h4>Admit Date</h4>
|
||||
</div>
|
||||
<div class="col-md-4 market-update-right">
|
||||
<i class="fa fa-calendar-o" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
250
hospitalmanagement/templates/hospital/patient_discharge.html
Normal file
250
hospitalmanagement/templates/hospital/patient_discharge.html
Normal file
@@ -0,0 +1,250 @@
|
||||
{% extends 'hospital/patient_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A simple, clean, and responsive HTML invoice template</title>
|
||||
|
||||
<style>
|
||||
.invoice-box {
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
padding: 30px;
|
||||
border: 1px solid #eee;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.invoice-box table {
|
||||
width: 100%;
|
||||
line-height: inherit;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.invoice-box table td {
|
||||
padding: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.invoice-box table tr td:nth-child(2) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.invoice-box table tr.top table td {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.top table td.title {
|
||||
font-size: 45px;
|
||||
line-height: 45px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.invoice-box table tr.information table td {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.heading td {
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.invoice-box table tr.details td {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.item td {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.invoice-box table tr.item.last td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.invoice-box table tr.total td:nth-child(2) {
|
||||
border-top: 2px solid #eee;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.invoice-box table tr.top table td {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.invoice-box table tr.information table td {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
/** RTL **/
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.rtl table {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rtl table tr td:nth-child(2) {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
.download {
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<br><br><br>
|
||||
|
||||
{%if is_discharged%}
|
||||
<div class="invoice-box">
|
||||
<table cellpadding="0" cellspacing="0">
|
||||
<tr class="top">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="title">
|
||||
<h1>Hospital Management</h1>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
Admit Date: {{admitDate}}<br>
|
||||
Release Date: {{releaseDate}}<br>
|
||||
Days Spent: {{daySpent}}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="information">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
Patient Name : {{patientName}}<br>
|
||||
Patient Mobile : {{mobile}}<br>
|
||||
Patient Addres : {{address}}<br>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
Doctor Name :<br>
|
||||
{{assignedDoctorName}}<br>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="heading">
|
||||
<td>
|
||||
Disease and Symptoms
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr class="details">
|
||||
<td>
|
||||
{{symptoms}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="heading">
|
||||
<td>
|
||||
Item
|
||||
</td>
|
||||
|
||||
<td>
|
||||
Price
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item">
|
||||
<td>
|
||||
Room Charge of {{daySpent}} Days
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{roomCharge}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item">
|
||||
<td>
|
||||
Doctor Fee
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{doctorFee}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item">
|
||||
<td>
|
||||
Medicine Cost
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{medicineCost}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item last">
|
||||
<td>
|
||||
Other Charge
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{OtherCharge}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="total">
|
||||
<td></td>
|
||||
|
||||
<td>
|
||||
Total Rupees : {{total}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="download">
|
||||
<a style="background:red; width:500px;" href="{% url 'download-pdf' patientId %}">Download</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{%else%}
|
||||
<h5 style="text-align:center;">You Are Not Discharged By Hospital !</h5>
|
||||
<h5 style="text-align:center;">Your Treatment Is Going On !</h5><br><br>
|
||||
<h6 style="text-align:center;">When You Will Be Discahrged. You Can Download Invoice.</h6>
|
||||
{%endif%}
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
<br><br><br><br><br><br><br><br>
|
||||
{% endblock content %}
|
||||
240
hospitalmanagement/templates/hospital/patient_final_bill.html
Normal file
240
hospitalmanagement/templates/hospital/patient_final_bill.html
Normal file
@@ -0,0 +1,240 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A simple, clean, and responsive HTML invoice template</title>
|
||||
|
||||
<style>
|
||||
.invoice-box {
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
padding: 30px;
|
||||
border: 1px solid #eee;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.invoice-box table {
|
||||
width: 100%;
|
||||
line-height: inherit;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.invoice-box table td {
|
||||
padding: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.invoice-box table tr td:nth-child(2) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.invoice-box table tr.top table td {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.top table td.title {
|
||||
font-size: 45px;
|
||||
line-height: 45px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.invoice-box table tr.information table td {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.heading td {
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.invoice-box table tr.details td {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.item td {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.invoice-box table tr.item.last td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.invoice-box table tr.total td:nth-child(2) {
|
||||
border-top: 2px solid #eee;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.invoice-box table tr.top table td {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.invoice-box table tr.information table td {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
/** RTL **/
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.rtl table {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rtl table tr td:nth-child(2) {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
.download {
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<br><br><br>
|
||||
<div class="invoice-box">
|
||||
<table cellpadding="0" cellspacing="0">
|
||||
<tr class="top">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="title">
|
||||
<h1>Hospital Management</h1>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
Admit Date: {{admitDate}}<br>
|
||||
Release Date: {{todayDate}}<br>
|
||||
Days Spent: {{day}}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="information">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
Patient Name : {{name}}<br>
|
||||
Patient Mobile : {{mobile}}<br>
|
||||
Patient Addres : {{address}}<br>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
Doctor Name :<br>
|
||||
{{assignedDoctorName}}<br>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="heading">
|
||||
<td>
|
||||
Disease and Symptoms
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr class="details">
|
||||
<td>
|
||||
{{symptoms}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="heading">
|
||||
<td>
|
||||
Item
|
||||
</td>
|
||||
|
||||
<td>
|
||||
Price
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item">
|
||||
<td>
|
||||
Room Charge of {{day}} Days
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{roomCharge}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item">
|
||||
<td>
|
||||
Doctor Fee
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{doctorFee}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item">
|
||||
<td>
|
||||
Medicine Cost
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{medicineCost}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item last">
|
||||
<td>
|
||||
Other Charge
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{{OtherCharge}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="total">
|
||||
<td></td>
|
||||
|
||||
<td>
|
||||
Total Rupees : {{total}}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="download">
|
||||
<a style="background:red; width:500px;" href="{% url 'download-pdf' patientId %}">Download</a>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
235
hospitalmanagement/templates/hospital/patient_generate_bill.html
Normal file
235
hospitalmanagement/templates/hospital/patient_generate_bill.html
Normal file
@@ -0,0 +1,235 @@
|
||||
{% extends 'hospital/admin_base.html' %}
|
||||
{% load static %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A simple, clean, and responsive HTML invoice template</title>
|
||||
|
||||
<style>
|
||||
.invoice-box {
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
padding: 30px;
|
||||
border: 1px solid #eee;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.invoice-box table {
|
||||
width: 100%;
|
||||
line-height: inherit;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.invoice-box table td {
|
||||
padding: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.invoice-box table tr td:nth-child(2) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.invoice-box table tr.top table td {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.top table td.title {
|
||||
font-size: 45px;
|
||||
line-height: 45px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.invoice-box table tr.information table td {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.heading td {
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.invoice-box table tr.details td {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.invoice-box table tr.item td {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.invoice-box table tr.item.last td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.invoice-box table tr.total td:nth-child(2) {
|
||||
border-top: 2px solid #eee;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.invoice-box table tr.top table td {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.invoice-box table tr.information table td {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
/** RTL **/
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.rtl table {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rtl table tr td:nth-child(2) {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.menu {
|
||||
top: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<br><br><br>
|
||||
<div class="invoice-box">
|
||||
<table cellpadding="0" cellspacing="0">
|
||||
<tr class="top">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="title">
|
||||
<h1>Hospital Management</h1>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
Admit Date: {{admitDate}}<br>
|
||||
Release Date: {{todayDate}}<br>
|
||||
Days Spent: {{day}}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="information">
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
Patient Name : {{name}}<br>
|
||||
Patient Mobile : {{mobile}}<br>
|
||||
Patient Addres : {{address}}<br>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
Doctor Name :<br>
|
||||
{{assignedDoctorName}}<br>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="heading">
|
||||
<td>
|
||||
Disease and Symptoms
|
||||
</td>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr class="details">
|
||||
<td>
|
||||
{{symptoms}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="heading">
|
||||
<td>
|
||||
Item
|
||||
</td>
|
||||
|
||||
<td>
|
||||
Price
|
||||
</td>
|
||||
</tr>
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
|
||||
<tr class="item">
|
||||
<td>
|
||||
Room Charge (Per Day)
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<input type="number" name="roomCharge" placeholder="In Rupees" value="">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item">
|
||||
<td>
|
||||
Doctor Fee
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<input type="number" name="doctorFee" placeholder="In Rupees" value="">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item">
|
||||
<td>
|
||||
Medicine Cost
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<input type="number" name="medicineCost" placeholder="In Rupees" value="">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="item last">
|
||||
<td>
|
||||
Other Charge
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<input type="number" name="OtherCharge" placeholder="In Rupees" value="">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="total">
|
||||
<td></td>
|
||||
|
||||
<td>
|
||||
<input type="submit" name="submit" value="Generate Bill">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</form>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,62 @@
|
||||
{% extends 'hospital/patient_base.html' %}
|
||||
{% block content %}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
<div class="container">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title">Your Appointments</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Doctor Name</th>
|
||||
<th>Description</th>
|
||||
<th>Date</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
{% for a in appointments %}
|
||||
<tr>
|
||||
<td> {{a.doctorName}}</td>
|
||||
<td>{{a.description}}</td>
|
||||
<td>{{a.appointmentDate}}</td>
|
||||
{%if a.status%}
|
||||
<td> <span class="label label-primary">Confirmed</span></td>
|
||||
{% else %}
|
||||
<td> <span class="label label-success">Pending</span></td>
|
||||
{% endif %}
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,80 @@
|
||||
{% extends 'hospital/patient_base.html' %}
|
||||
{% block content %}
|
||||
{%load static%}
|
||||
|
||||
<head>
|
||||
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<style media="screen">
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--
|
||||
written By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
-->
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<form action="/searchdoctor" method="get" style="margin-left:70%;" class="form-inline my-2 my-lg-0">
|
||||
<input class="form-control mr-sm-2" type="search" placeholder="Search" name="query" id="query" aria-label="Search">
|
||||
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
|
||||
</form>
|
||||
|
||||
|
||||
{% if doctors %}
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title"> Total Doctor List</h6>
|
||||
</div>
|
||||
<table class="table table-hover" id="dev-table">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th>Name</th>
|
||||
<th>Profile Picture</th>
|
||||
<th>Mobile</th>
|
||||
<th>Address</th>
|
||||
<th>Department</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
{% for d in doctors %}
|
||||
<tr>
|
||||
|
||||
<td> {{d.get_name}}</td>
|
||||
<td> <img src="{% static d.profile_pic.url %}" alt="Profile Pic" height="40px" width="40px" /></td>
|
||||
<td>{{d.mobile}}</td>
|
||||
<td>{{d.address}}</td>
|
||||
<td>{{d.department}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
{%else%}
|
||||
<br><br><br>
|
||||
<h4 style="text-align: center;color: red;">No Doctor Found !!!</h4>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</div>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
|
||||
<style media="screen">
|
||||
.jumbotron {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.jumbotron h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.alert {
|
||||
margin: 0px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="jumbotron" style="margin-top: 0px;
|
||||
margin-bottom: 0px;">
|
||||
<h1 class="display-4">Hello {{request.user.first_name}}</h1>
|
||||
<p class="lead">Your Account is not approved till now <br><br>Our Team is checking your profile <br><br> Soon your account will be confirmed !!!</p>
|
||||
<hr class="my-4">
|
||||
<p>Check Later</p>
|
||||
<p class="lead">
|
||||
<a class="btn btn-primary btn-lg" href="/logout" role="button">Logout For Now</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
24
hospitalmanagement/templates/hospital/patientclick.html
Normal file
24
hospitalmanagement/templates/hospital/patientclick.html
Normal file
@@ -0,0 +1,24 @@
|
||||
{% extends 'hospital/homebase.html' %}
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% block content %}
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="jumbotron" style="margin-bottom:0px;">
|
||||
<h1 class="display-4" style="text-align:center;">Hello, Patient</h1>
|
||||
<p class="lead">Welcome to Hospital Management System.</p>
|
||||
<hr class="my-4">
|
||||
<p>You can access various features after Login/SignUp.</p>
|
||||
<p class="lead">
|
||||
<a class="btn btn-primary btn-lg" href="/patientsignup" role="button">Register Your Account</a>
|
||||
<a class="btn btn-primary btn-lg" href="/patientlogin" role="button">Login</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
104
hospitalmanagement/templates/hospital/patientlogin.html
Normal file
104
hospitalmanagement/templates/hospital/patientlogin.html
Normal file
@@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
{% load widget_tweaks %}
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>LazyCoder || sumit</title>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
color: #aa082e;
|
||||
background-color: #b6bde7;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br>
|
||||
<br>
|
||||
<br><br>
|
||||
|
||||
<!--- login page for patient by admin(sumit) ---------->
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Patient Login Page</p>
|
||||
</div>
|
||||
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="form-group">
|
||||
{% render_field form.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="form-group">
|
||||
{% render_field form.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Login</button>
|
||||
<div class="text-center">Do not have account? <a href="patientsignup">Signup here</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<br><br><br>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
124
hospitalmanagement/templates/hospital/patientsignup.html
Normal file
124
hospitalmanagement/templates/hospital/patientsignup.html
Normal file
@@ -0,0 +1,124 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
{% load widget_tweaks %}
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>LazyCoder || sumit</title>
|
||||
<style type="text/css">
|
||||
body {
|
||||
color: #aa082e;
|
||||
background-color: #b6bde7;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.note {
|
||||
text-align: center;
|
||||
height: 80px;
|
||||
background: -webkit-linear-gradient(left, #0072ff, #8811c5);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.form-content {
|
||||
padding: 5%;
|
||||
border: 1px solid #ced4da;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btnSubmit {
|
||||
border: none;
|
||||
border-radius: 1.5rem;
|
||||
padding: 1%;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
background: #0062cc;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
{% include "hospital/navbar.html" %}
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
|
||||
<!--- signup page for patient by admin(sumit) ---------->
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<div class="container register-form">
|
||||
<div class="form">
|
||||
<div class="note">
|
||||
<p>Register to Hospital</p>
|
||||
</div>
|
||||
|
||||
<div class="form-content">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.first_name class="form-control" placeholder="First Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.username class="form-control" placeholder="Username" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.address class="form-control" placeholder="Address" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.symptoms class="form-control" placeholder="Symptoms" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.profile_pic required="required" class="form-control" placeholder="Profile Picture" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
{% render_field userForm.last_name class="form-control" placeholder="Last Name" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field userForm.password class="form-control" placeholder="Password" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.mobile class="form-control" pattern="[6789][0-9]{9}" placeholder="Mobile Number" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{% render_field patientForm.assignedDoctorId class="form-control" placeholder="Doctor" %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btnSubmit">Register</button>
|
||||
<div class="text-center">Already have an account? <a href="patientlogin">Login here</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
{% include "hospital/footer.html" %}
|
||||
</body>
|
||||
<!--
|
||||
developed By : sumit kumar
|
||||
facebook : fb.com/sumit.luv
|
||||
youtube : youtube.com/lazycoders
|
||||
-->
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user