├── EHR.sql
├── Health Record System.rar
├── README.md
├── Screenshot 2024-10-23 002706.png
├── Screenshot 2024-10-23 002714.png
├── Screenshot 2024-10-23 002804.png
├── Screenshot 2024-10-23 002837.png
├── Screenshot 2024-10-23 002847.png
├── Screenshot 2024-10-23 002900.png
├── Screenshot 2024-10-23 002920.png
├── Screenshot 2024-10-23 002948.png
├── __pycache__
    ├── blockChain.cpython-311.pyc
    └── blockChain.cpython-39.pyc
├── app.py
├── blockChain.py
├── blocks
    ├── 1.json
    ├── 10.json
    ├── 2.json
    ├── 3.json
    ├── 4.json
    ├── 5.json
    ├── 6.json
    ├── 7.json
    ├── 8.json
    └── 9.json
└── templates
    ├── addEHR.html
    ├── base.html
    ├── blockchain.html
    ├── book.html
    ├── doctor.html
    ├── doctorhome.html
    ├── doctorregister.html
    ├── index.html
    ├── patients.html
    └── patients_home.html


/EHR.sql:
--------------------------------------------------------------------------------
 1 | CREATE DATABASE IF NOT EXISTS `EHR` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
 2 | use EHR;
 3 | CREATE TABLE IF NOT EXISTS `patientsdata` (
 4 | 	`id` int(11) NOT NULL AUTO_INCREMENT,
 5 |   	`username` varchar(255) NOT NULL,
 6 |   	`password` varchar(255) NOT NULL,
 7 |   	`email` varchar(100) NOT NULL,
 8 |     `phoneno` varchar(255) NOT NULL,   
 9 |     PRIMARY KEY (`id`)
10 | ) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;
11 | 
12 | CREATE TABLE IF NOT EXISTS `record` (
13 | 	`id` int(11) NOT NULL AUTO_INCREMENT,
14 |   	`recordid` varchar(255) NOT NULL,
15 |   	`pname` varchar(255) NOT NULL,
16 |   	`address` varchar(100) NOT NULL,
17 |     `insurenceid` varchar(255) NOT NULL, 
18 |     `phone` varchar(255) NOT NULL,
19 |     PRIMARY KEY (`id`)
20 | ) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;
21 | 
22 | CREATE TABLE IF NOT EXISTS `bookdata` (
23 | 	`id` int(11) NOT NULL AUTO_INCREMENT,
24 |   	`username` varchar(255) NOT NULL,
25 |   	`age` int(255) NOT NULL,
26 |   	`temperature` varchar(255) NOT NULL,  
27 |     `time` varchar(255) NOT NULL,
28 |     `pat_id` varchar(255),
29 |     PRIMARY KEY (`id`)
30 | ) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;
31 | 
32 | CREATE TABLE IF NOT EXISTS `doctor` (
33 | 	`id` int(11) NOT NULL AUTO_INCREMENT,
34 |   	`username` varchar(255) NOT NULL,
35 |   	`password` varchar(255) NOT NULL,
36 |   	`email` varchar(100) NOT NULL,
37 |     `phoneno` varchar(255) NOT NULL,   
38 |     PRIMARY KEY (`id`)
39 | ) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;
40 | 
41 | select * from bookdata;
42 | 


--------------------------------------------------------------------------------
/Health Record System.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/Health Record System.rar


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Blockchain-based EHR System in Python
 2 | 
 3 | ## Overview
 4 | This project is a Blockchain-based Electronic Health Record (EHR) System developed using Python. It allows patients to book appointments, view their health records, and ensures the integrity of the data through blockchain technology.
 5 | 
 6 | ![](https://github.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/blob/e53cfeeffb44850010b842e28c8d42b66b3eb1cb/Screenshot%202024-10-23%20002804.png)
 7 | 
 8 | ## Features
 9 | - **Patient Appointment Booking:** Patients can schedule appointments with doctors.
10 | - **Health Record Management:** Patients can add their health records.
11 | - **Blockchain Integrity Check:** Users can check the integrity of the blocks with a simple interface.
12 | 
13 | ### Integrity Check Example
14 | After filling in health records, the system displays the following:
15 | 
16 | ![](https://github.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/blob/e53cfeeffb44850010b842e28c8d42b66b3eb1cb/Screenshot%202024-10-23%20002706.png)
17 | ![](https://github.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/blob/e53cfeeffb44850010b842e28c8d42b66b3eb1cb/Screenshot%202024-10-23%20002714.png)
18 | 
19 | ## Technologies Used
20 | - Flask
21 | - Python
22 | - SQL
23 | - HTML
24 | - JSON
25 | 
26 | ## Installation
27 | 1. Clone the repository:
28 |    ```bash
29 |    git clone https://github.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python
30 |    ```
31 | 2. Navigate to the project directory:
32 |    ```bash
33 |    cd Blockchain-based-Electronic-health-Record-System-in-Python
34 |    ```
35 | 3. Run the application:
36 |    ```bash
37 |    python app.py
38 |    ```
39 | ## Usage
40 | - Open your browser and navigate to http://localhost:5000 to access the application.
41 | - Follow the on-screen instructions to book appointments and manage health records.
42 | 
43 | ![](https://github.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/blob/e53cfeeffb44850010b842e28c8d42b66b3eb1cb/Screenshot%202024-10-23%20002837.png)
44 | ![](https://github.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/blob/e53cfeeffb44850010b842e28c8d42b66b3eb1cb/Screenshot%202024-10-23%20002847.png)
45 | ![](https://github.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/blob/e53cfeeffb44850010b842e28c8d42b66b3eb1cb/Screenshot%202024-10-23%20002900.png)
46 | ![](https://github.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/blob/e53cfeeffb44850010b842e28c8d42b66b3eb1cb/Screenshot%202024-10-23%20002920.png)
47 | ![](https://github.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/blob/e53cfeeffb44850010b842e28c8d42b66b3eb1cb/Screenshot%202024-10-23%20002948.png)
48 |    
49 | 


--------------------------------------------------------------------------------
/Screenshot 2024-10-23 002706.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/Screenshot 2024-10-23 002706.png


--------------------------------------------------------------------------------
/Screenshot 2024-10-23 002714.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/Screenshot 2024-10-23 002714.png


--------------------------------------------------------------------------------
/Screenshot 2024-10-23 002804.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/Screenshot 2024-10-23 002804.png


--------------------------------------------------------------------------------
/Screenshot 2024-10-23 002837.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/Screenshot 2024-10-23 002837.png


--------------------------------------------------------------------------------
/Screenshot 2024-10-23 002847.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/Screenshot 2024-10-23 002847.png


--------------------------------------------------------------------------------
/Screenshot 2024-10-23 002900.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/Screenshot 2024-10-23 002900.png


--------------------------------------------------------------------------------
/Screenshot 2024-10-23 002920.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/Screenshot 2024-10-23 002920.png


--------------------------------------------------------------------------------
/Screenshot 2024-10-23 002948.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/Screenshot 2024-10-23 002948.png


--------------------------------------------------------------------------------
/__pycache__/blockChain.cpython-311.pyc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/__pycache__/blockChain.cpython-311.pyc


--------------------------------------------------------------------------------
/__pycache__/blockChain.cpython-39.pyc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/harshakalluri1403/Blockchain-based-Electronic-health-Record-System-in-Python/294bbcb1082e56ed24b9ddea8e96408942fff338/__pycache__/blockChain.cpython-39.pyc


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
  1 | from flask import Flask, render_template, request, session, redirect, url_for
  2 | from flask_mysqldb import MySQL
  3 | import MySQLdb.cursors
  4 | import re
  5 | import blockChain
  6 | 
  7 | app = Flask(__name__)
  8 | 
  9 | app.secret_key = 'your secret key'
 10 | app.config['MYSQL_HOST'] = 'localhost'
 11 | app.config['MYSQL_USER'] = 'root'
 12 | app.config['MYSQL_PASSWORD'] = '12345678'
 13 | app.config['MYSQL_DB'] = 'EHR'
 14 | 
 15 | mysql = MySQL(app)
 16 | 
 17 | 
 18 | @app.route('/')
 19 | @app.route('/index')
 20 | def index():
 21 |     return render_template('index.html')
 22 | 
 23 | 
 24 | @app.route('/index.html')
 25 | def home():
 26 |     return render_template("index.html")
 27 | 
 28 | 
 29 | @app.route('/doctor.html')
 30 | def doctor():
 31 |     return render_template('doctor.html')
 32 | 
 33 | 
 34 | @app.route('/patients.html')
 35 | def patients():
 36 |     return render_template('patients.html')
 37 | 
 38 | 
 39 | @app.route('/patients_home.html', methods=["post", "get"])
 40 | def patients_home():
 41 |     return render_template("patients_home.html")
 42 | 
 43 | 
 44 | @app.route('/addEHR.html')
 45 | def addEHR():
 46 |     return render_template('addEHR.html')
 47 | 
 48 | 
 49 | @app.route('/book.html')
 50 | def book():
 51 |     return render_template('book.html')
 52 | 
 53 | 
 54 | @app.route('/blockchain.html')
 55 | def blockchain():
 56 |     return render_template('blockchain.html')
 57 | 
 58 | 
 59 | @app.route('/doctorregister.html')
 60 | def doctorregiter():
 61 |     return render_template("doctorregister.html")
 62 | 
 63 | 
 64 | @app.route('/logout')
 65 | def logout():
 66 |     session.clear()
 67 |     return render_template('index.html')
 68 | 
 69 | 
 70 | @app.route('/patientslogin', methods=["post", "get"])
 71 | def patientslogin():
 72 |     if request.method == "get":
 73 |         return f"The URL /data is accessed directly. Try going to '/form' to submit form"
 74 |     else:
 75 |         msg = ''
 76 |         username = request.form["username"]
 77 |         password = request.form["password"]
 78 |         cursor = mysql.connection.cursor(MySQLdb.cursors.DictCursor)
 79 |         cursor.execute('SELECT * FROM patientsdata WHERE username = %s AND password = %s', ([username, password]))
 80 |         account = cursor.fetchone()
 81 |         if account:
 82 |             session['logged'] = True
 83 |             session['id'] = account['id']
 84 |             session['username'] = account['username']
 85 |             # Redirect to home page
 86 |             return render_template('patients_home.html', username=username)
 87 |         else:
 88 |             msg = 'Incorrect username/password!'
 89 |         return render_template('patients.html', msg=msg)
 90 | 
 91 | 
 92 | @app.route("/patientsregister", methods=["post", "get"])
 93 | def patientsregister():
 94 |     if request.method == "get":
 95 |         return f"The URL /data is accessed directly. Try going to '/form' to submit form"
 96 |     else:
 97 |         msg = ''
 98 |         username = request.form['username']
 99 |         password = request.form['password']
100 |         email = request.form['email']
101 |         phone = request.form['phone_number']
102 |         cursor = mysql.connection.cursor(MySQLdb.cursors.DictCursor)
103 |         cursor.execute('SELECT * FROM patientsdata WHERE username = %s', ([username],))
104 |         account = cursor.fetchone()
105 |         if account:
106 |             msg = 'Account already exists!'
107 |             return render_template('patients.html', msg=msg)
108 |         elif not re.match(r'[^@]+@[^@]+\.[^@]+', email):
109 |             msg = 'Invalid email address!'
110 |             return render_template('patients.html', msg=msg)
111 |         elif not re.match(r'[A-Za-z0-9]+', username):
112 |             msg = 'Username must contain only characters and numbers!'
113 |             return render_template('patients.html', msg=msg)
114 |         elif not username or not password or not email or not phone:
115 |             msg = 'Please fill out the form!'
116 |             return render_template('patients.html', msg=msg)
117 |         else:
118 | 
119 |             cursor.execute('INSERT INTO patientsdata VALUES (NULL, %s, %s, %s, %s)',
120 |                            (username, password, email, phone))
121 |             mysql.connection.commit()
122 |             msg = 'You have successfully registered!'
123 |         return redirect(url_for('patients_home', msg=msg, username=username))
124 | 
125 | 
126 | @app.route('/adddata', methods=['post', 'get'])
127 | def adddata():
128 |     if request.method == "get":
129 |         return f"The URL /data is accessed directly. Try going to '/form' to submit form"
130 |     else:
131 |         msg = ''
132 |         record_id = request.form['rid']
133 |         patient_name = request.form['name']
134 |         address = request.form['address']
135 |         insurence_id = request.form['iid']
136 |         phone = request.form['phone']
137 |         text = record_id + patient_name + address + insurence_id + phone
138 |         print(type(text))
139 |         print(text)
140 |         if len(text) < 1:
141 |             return redirect(url_for('index'))
142 |         try:
143 |             make_proof = request.form['make_proof']
144 |         except Exception:
145 |             make_proof = False
146 |         blockChain.write_block(text, make_proof)
147 | 
148 |         if not record_id or not patient_name or not address or not insurence_id or not phone:
149 |             msg = 'Please Fill All the Fields'
150 |             return render_template('addEHR.html', msg=msg)
151 |         else:
152 |             cursor = mysql.connection.cursor(MySQLdb.cursors.DictCursor)
153 |             cursor.execute('INSERT INTO record VALUES (NULL, %s, %s, %s, %s, %s)',
154 |                            (record_id, patient_name, address, insurence_id, phone))
155 |             mysql.connection.commit()
156 |             msg = 'Data Successfully stored into Block chain'
157 |         return render_template('blockchain.html', msg=msg)
158 | 
159 | 
160 | @app.route('/check', methods=['POST'])
161 | def integrity():
162 |     results = blockChain.check_blocks_integrity()
163 |     if request.method == 'POST':
164 |         return render_template('blockchain.html', results=results)
165 |     return redirect(url_for('patients_home'))
166 | 
167 | 
168 | @app.route('/mining', methods=['POST'])
169 | def mining():
170 |     if request.method == 'POST':
171 |         max_index = int(blockChain.get_next_block())
172 | 
173 |         for i in range(2, max_index):
174 |             blockChain.get_POW(i)
175 |         return render_template('blockchain.html', querry=max_index)
176 |     return redirect(url_for('patients_home'))
177 | 
178 | 
179 | @app.route('/bookdata', methods=['post', 'get'])
180 | def book_data():
181 |     if request.method == "get":
182 |         return f"The URL /data is accessed directly. Try going to '/form' to submit form"
183 |     else:
184 |         msg = ''
185 |         username = request.form['name']
186 |         age = request.form['age']
187 |         temperature = request.form['temp']
188 |         time = request.form['time']
189 |         patient_id = request.form['patid']
190 |         if not username or not age or not temperature or not time or not patient_id:
191 |             msg = 'Please Fill All the Fields'
192 |             return render_template('book.html', msg=msg)
193 |         else:
194 |             cursor = mysql.connection.cursor(MySQLdb.cursors.DictCursor)
195 |             cursor.execute('INSERT INTO bookdata VALUES (NULL, %s, %s, %s, %s, %s)',
196 |                            (username, age, temperature, time, patient_id))
197 |             mysql.connection.commit()
198 |             msg = 'Data Successfully stored into Block chain'
199 |         return render_template('patients_home.html', msg=msg)
200 | 
201 | 
202 | @app.route('/doctorlogin', methods=['post', 'get'])
203 | def doctorlogin():
204 |     if request.method == "get":
205 |         return f"The URL /data is accessed directly. Try going to '/form' to submit form"
206 |     else:
207 |         msg = ''
208 |         username = request.form["username"]
209 |         password = request.form["password"]
210 |         cursor = mysql.connection.cursor(MySQLdb.cursors.DictCursor)
211 |         cursor.execute('SELECT * FROM doctor WHERE username = %s AND password = %s', ([username, password]))
212 |         account = cursor.fetchone()
213 |         if account:
214 |             session['logged'] = True
215 |             session['id'] = account['id']
216 |             session['username'] = account['username']
217 |             cursor = mysql.connection.cursor(MySQLdb.cursors.DictCursor)
218 |             cursor.execute("select * from bookdata")
219 |             print("INN")
220 |             data = cursor.fetchall()
221 |             print(data)
222 |             # Redirect to home page
223 |             return render_template('doctorhome.html', data=data, username=username)
224 | 
225 |         else:
226 |             msg = 'Incorrect username/password!'
227 |         return render_template('doctor.html', msg=msg)
228 | 
229 | 
230 | @app.route('/dregister', methods=['post', 'get'])
231 | def docregister():
232 |     if request.method == "get":
233 |         return f"The URL /data is accessed directly. Try going to '/form' to submit form"
234 |     else:
235 |         msg = ''
236 |         username = request.form['username']
237 |         password = request.form['password']
238 |         email = request.form['email']
239 |         phone = request.form['phone']
240 |         cursor = mysql.connection.cursor(MySQLdb.cursors.DictCursor)
241 |         cursor.execute('SELECT * FROM doctor WHERE username = %s', ([username],))
242 |         account = cursor.fetchone()
243 |         if account:
244 |             msg = 'Account already exists!'
245 |             return render_template('doctor.html', msg=msg)
246 |         elif not re.match(r'[^@]+@[^@]+\.[^@]+', email):
247 |             msg = 'Invalid email address!'
248 |             return render_template('doctor.html', msg=msg)
249 |         elif not re.match(r'[A-Za-z0-9]+', username):
250 |             msg = 'Username must contain only characters and numbers!'
251 |             return render_template('doctor.html', msg=msg)
252 |         elif not username or not password or not email or not phone:
253 |             msg = 'Please fill out the form!'
254 |             return render_template('doctor.html', msg=msg)
255 |         else:
256 | 
257 |             cursor.execute('INSERT INTO doctor VALUES (NULL, %s, %s, %s, %s)',
258 |                            (username, password, email, phone))
259 |             mysql.connection.commit()
260 |             msg = 'You have successfully registered!'
261 |         return render_template('doctor.html', msg=msg, username=username)
262 | 
263 | 
264 | 
265 | if __name__ == '__main__':
266 |     app.run(debug=True, host='0.0.0.0', port=8000)
267 | 


--------------------------------------------------------------------------------
/blockChain.py:
--------------------------------------------------------------------------------
  1 | import hashlib
  2 | import json
  3 | import os
  4 | from time import time
  5 | 
  6 | BLOCKCHAIN_DIR = os.curdir + '/blocks/'
  7 | 
  8 | 
  9 | def check_blocks_integrity():
 10 |     result = list()
 11 |     cur_proof = - 1
 12 |     for i in range(2, int(get_next_block())):
 13 |         prev_index = str(i - 1)
 14 |         cur_index = str(i)
 15 |         tmp = {'block': '', 'result': '', 'proof': ''}
 16 |         try:
 17 |             file_dict = json.load(open(BLOCKCHAIN_DIR + cur_index + '.json'))
 18 |             cur_hash = file_dict['prev_hash']
 19 |             cur_proof = file_dict['proof']
 20 |         except Exception as e:
 21 |             print(e)
 22 | 
 23 |         try:
 24 |             prev_hash = hashlib.sha256(open(BLOCKCHAIN_DIR + prev_index + '.json', 'rb').read()).hexdigest()
 25 |         except Exception as e:
 26 |             print(e)
 27 | 
 28 |         tmp['block'] = prev_index
 29 |         tmp['proof'] = cur_proof
 30 |         if cur_hash == prev_hash:
 31 |             tmp['result'] = 'ok'
 32 |         else:
 33 |             tmp['result'] = 'error'
 34 |         result.append(tmp)
 35 |     return result
 36 | 
 37 | 
 38 | def check_block(index):
 39 |     cur_index = str(index)
 40 |     prev_index = str(int(index) - 1)
 41 |     cur_proof = - 1
 42 |     cur_hash = 0
 43 |     prev_hash = 0
 44 |     tmp = {'block': '', 'result': '', 'proof': ''}
 45 |     try:
 46 |         file_dict = json.load(open(BLOCKCHAIN_DIR + cur_index + '.json'))
 47 |         cur_hash = file_dict['prev_hash']
 48 |         cur_proof = file_dict['proof']
 49 |     except Exception as e:
 50 |         print(e)
 51 |     try:
 52 |         prev_hash = hashlib.sha256(open(BLOCKCHAIN_DIR + prev_index + '.json', 'rb').read()).hexdigest()
 53 |     except Exception as e:
 54 |         print(e)
 55 |     tmp['block'] = prev_index
 56 |     tmp['proof'] = cur_proof
 57 |     if cur_hash == prev_hash:
 58 |         tmp['result'] = 'ok'
 59 |     else:
 60 |         tmp['result'] = 'error'
 61 |     return tmp
 62 | 
 63 | 
 64 | def get_hash(file_name):
 65 |     file_name = str(file_name)
 66 |     if not file_name.endswith('.json'):
 67 |         file_name += '.json'
 68 |     try:
 69 |         with open(BLOCKCHAIN_DIR + file_name, 'rb') as file:
 70 |             return hashlib.sha256(file.read()).hexdigest()
 71 |     except Exception as e:
 72 |         print('File "' + file_name + '" does not exist!n', e)
 73 | 
 74 | 
 75 | def get_next_block():
 76 |     files = os.listdir(BLOCKCHAIN_DIR)
 77 |     index_list = [int(file.split('.')[0]) for file in files]
 78 |     cur_index = sorted(index_list)[-1]
 79 |     next_index = cur_index + 1
 80 |     return str(next_index)
 81 | 
 82 | 
 83 | def is_valid_proof(last_proof, proof, difficulty):
 84 |     guess = f'{last_proof}{proof}'.encode()
 85 |     guess_hash = hashlib.sha256(guess).hexdigest()
 86 |     return guess_hash[:difficulty] == '0' * difficulty
 87 | 
 88 | 
 89 | def get_POW(file_name, difficulty=1):
 90 |     # POW - proof of work
 91 |     file_name = str(file_name)
 92 |     if file_name.endswith('.json'):
 93 |         file_name = int(file_name.split('.')[0])
 94 |     else:
 95 |         file_name = int(file_name)
 96 | 
 97 |     last_proof = json.load(open(BLOCKCHAIN_DIR + str(file_name - 1) + '.json'))['proof']
 98 |     proof = 0
 99 |     while is_valid_proof(last_proof, proof, difficulty) is False:
100 |         proof += 1
101 |     cur_block = json.load(open(BLOCKCHAIN_DIR + str(file_name) + '.json'))
102 |     cur_block['proof'] = proof
103 |     cur_block['prev_hash'] = get_hash(str(file_name - 1))
104 |     with open(BLOCKCHAIN_DIR + str(file_name) + '.json', 'w') as file:
105 |         json.dump(cur_block, file, indent=4, ensure_ascii=False)
106 | 
107 | 
108 | def write_block(text, make_proof=False):
109 |     cur_index = get_next_block()
110 |     prev_index = str(int(cur_index) - 1)
111 |     prev_block_hash = get_hash(prev_index)
112 |     data = {'text': text,
113 |             'prev_hash': prev_block_hash,
114 |             'timestamp': time(),
115 |             'proof': -1,
116 |             'index': cur_index
117 |             }
118 | 
119 |     with open(BLOCKCHAIN_DIR + cur_index + '.json', 'w') as file:
120 |         json.dump(data, file, indent=4, ensure_ascii=False)
121 |     if make_proof is True:
122 |         get_POW(str(cur_index))
123 | 
124 | 
125 | if __name__ == '__main__':
126 |     # for i in range(10):
127 |     # write_block(str(i),True)
128 |     for i in range(2, 10):
129 |         print(check_block(str(i)))
130 |     print(check_blocks_integrity())
131 | 


--------------------------------------------------------------------------------
/blocks/1.json:
--------------------------------------------------------------------------------
1 | {
2 | 	"text" : "Genesis block",
3 |     "hash": "",
4 |     "timestamp": 0,
5 |     "proof": -1,
6 |     "index": "1"
7 | }


--------------------------------------------------------------------------------
/blocks/10.json:
--------------------------------------------------------------------------------
1 | {
2 |     "text": "1256hellohello1123123",
3 |     "prev_hash": "0c8e985563ce0f7ec15570d1e8e6226e5fa4728c0086eb781b988b309ac335f9",
4 |     "timestamp": 1729620202.0004756,
5 |     "proof": 32,
6 |     "index": "10"
7 | }


--------------------------------------------------------------------------------
/blocks/2.json:
--------------------------------------------------------------------------------
1 | {
2 |     "text": "02veluchennaiINS017339300411",
3 |     "prev_hash": "83d7411b8069a6f1ffa6aeee6379f967a2d666eb65cc5cf4eeef318b058c5b55",
4 |     "timestamp": 1651005918.7028801,
5 |     "proof": 95,
6 |     "index": "2"
7 | }


--------------------------------------------------------------------------------
/blocks/3.json:
--------------------------------------------------------------------------------
1 | {
2 |     "text": "01velchennaiINS017339300411",
3 |     "prev_hash": "e41969ffd8a2aa522e946389edc9555d279ee12cb6c096008617458a06c906d1",
4 |     "timestamp": 1651008645.9228165,
5 |     "proof": 19,
6 |     "index": "3"
7 | }


--------------------------------------------------------------------------------
/blocks/4.json:
--------------------------------------------------------------------------------
1 | {
2 |     "text": "01velchennaii017339300411",
3 |     "prev_hash": "540408a8eb6ef287b876bb9699be5676ec1b3672d54f0d2d9b239eba2ee3d9f8",
4 |     "timestamp": 1651008733.1406453,
5 |     "proof": 32,
6 |     "index": "4"
7 | }


--------------------------------------------------------------------------------
/blocks/5.json:
--------------------------------------------------------------------------------
1 | {
2 |     "text": "01velchennaiINS017339300411",
3 |     "prev_hash": "994441658bf2f19ebd0338581f775aef7339f56ed5add31d4a88e810b0ff66e6",
4 |     "timestamp": 1651008800.671047,
5 |     "proof": 7,
6 |     "index": "5"
7 | }


--------------------------------------------------------------------------------
/blocks/6.json:
--------------------------------------------------------------------------------
1 | {
2 |     "text": "01velchennaiINS017339300411",
3 |     "prev_hash": "b782a208768e11d24f2b204789ee9d78de7d4e98e811e37f4e11a8b21a52769f",
4 |     "timestamp": 1651009526.4303882,
5 |     "proof": 19,
6 |     "index": "6"
7 | }


--------------------------------------------------------------------------------
/blocks/7.json:
--------------------------------------------------------------------------------
1 | {
2 |     "text": "01velchennaiINS017339300411",
3 |     "prev_hash": "df17b10592819e7ab4a825c999d707878986ee116947e6fc4dba8677559df8b2",
4 |     "timestamp": 1651009542.7080693,
5 |     "proof": 32,
6 |     "index": "7"
7 | }


--------------------------------------------------------------------------------
/blocks/8.json:
--------------------------------------------------------------------------------
1 | {
2 |     "text": "02velchennaiINS017339300411",
3 |     "prev_hash": "33eea40a78f43150e054da4d1db9e81e7330a588d644def9cbd7ee9d08869780",
4 |     "timestamp": 1651009718.7829256,
5 |     "proof": 7,
6 |     "index": "8"
7 | }


--------------------------------------------------------------------------------
/blocks/9.json:
--------------------------------------------------------------------------------
1 | {
2 |     "text": "02velchennaiINS017339300411",
3 |     "prev_hash": "64d0fd48559973e09fe6419d0cf5f17f67e1aa4cbf7b388cb937f352fec1544c",
4 |     "timestamp": 1651009737.8883562,
5 |     "proof": 19,
6 |     "index": "9"
7 | }


--------------------------------------------------------------------------------
/templates/addEHR.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Food Recommendation</title>
  6 |     <style>
  7 |         body {
  8 |   align-items: center;background: linear-gradient(to bottom, #99ff99 4%, #ff99cc 100%);
  9 |   display: flex;
 10 |   justify-content: center;
 11 |   height: 100vh;
 12 | }
 13 | 
 14 | .form {
 15 |   background-color: #15172b;
 16 |   border-radius: 20px;
 17 |   box-sizing: border-box;
 18 |   height: 640px;
 19 |   padding: 20px;
 20 |   width: 320px;
 21 | }
 22 | 
 23 | .title {
 24 |   color: #eee;
 25 |   font-family: sans-serif;
 26 |   font-size: 36px;
 27 |   font-weight: 600;
 28 |   margin-top: 30px;
 29 | }
 30 | 
 31 | .subtitle {
 32 |   color: #eee;
 33 |   font-family: sans-serif;
 34 |   font-size: 16px;
 35 |   font-weight: 600;
 36 |   margin-top: 10px;
 37 | }
 38 | 
 39 | .input-container {
 40 |   height: 50px;
 41 |   position: relative;
 42 |   width: 100%;
 43 | }
 44 | 
 45 | .ic1 {
 46 |   margin-top: 40px;
 47 | }
 48 | 
 49 | .ic2 {
 50 |   margin-top: 30px;
 51 | }
 52 | 
 53 | .input {
 54 |   background-color: #303245;
 55 |   border-radius: 12px;
 56 |   border: 0;
 57 |   box-sizing: border-box;
 58 |   color: #eee;
 59 |   font-size: 18px;
 60 |   height: 100%;
 61 |   outline: 0;
 62 |   padding: 4px 20px 0;
 63 |   width: 100%;
 64 | }
 65 | 
 66 | .cut {
 67 |   background-color: #15172b;
 68 |   border-radius: 10px;
 69 |   height: 20px;
 70 |   left: 20px;
 71 |   position: absolute;
 72 |   top: -20px;
 73 |   transform: translateY(0);
 74 |   transition: transform 200ms;
 75 |   width: 76px;
 76 | }
 77 | 
 78 | .cut-short {
 79 |   width: 50px;
 80 | }
 81 | 
 82 | .input:focus ~ .cut,
 83 | .input:not(:placeholder-shown) ~ .cut {
 84 |   transform: translateY(8px);
 85 | }
 86 | 
 87 | .placeholder {
 88 |   color: #65657b;
 89 |   font-family: sans-serif;
 90 |   left: 20px;
 91 |   line-height: 14px;
 92 |   pointer-events: none;
 93 |   position: absolute;
 94 |   transform-origin: 0 50%;
 95 |   transition: transform 200ms, color 200ms;
 96 |   top: 20px;
 97 | }
 98 | 
 99 | .input:focus ~ .placeholder,
100 | .input:not(:placeholder-shown) ~ .placeholder {
101 |   transform: translateY(-30px) translateX(10px) scale(0.75);
102 | }
103 | 
104 | .input:not(:placeholder-shown) ~ .placeholder {
105 |   color: #808097;
106 | }
107 | 
108 | .input:focus ~ .placeholder {
109 |   color: #dc2f55;
110 | }
111 | 
112 | .submit {
113 |   background-color: #08d;
114 |   border-radius: 12px;
115 |   border: 0;
116 |   box-sizing: border-box;
117 |   color: #eee;
118 |   cursor: pointer;
119 |   font-size: 18px;
120 |   height: 50px;
121 |   margin-top: 38px;
122 |   // outline: 0;
123 |   text-align: center;
124 |   width: 100%;
125 | }
126 | 
127 | .submit:active {
128 |   background-color: #06b;
129 | }
130 |     </style>
131 | </head>
132 | <body>
133 | <form action="/adddata" method="post">
134 |         <div class="form">
135 |       <div class="title">Welcome</div>
136 |       <div class="subtitle">Enter your Details!</div>
137 |       <div class="msg" style="color: red; font-family: sans-serif; font-size: 18px;" >{{msg}}</div>
138 |       <div class="input-container ic1">
139 |         <input id="rid" class="input" type="text"  placeholder=" " name="rid" required/>
140 |         <div class="cut"></div>
141 |         <label for="rid" class="placeholder">Record ID</label>
142 |       </div>
143 |       <div class="input-container ic2">
144 |         <input id="name" class="input" type="text" placeholder=" " name="name" required />
145 |         <div class="cut"></div>
146 |         <label for="name" class="placeholder">Patientname</label>
147 |       </div>
148 |       <div class="input-container ic2">
149 |         <input id="address" class="input" type="text" placeholder=" " name="address" required />
150 |         <div class="cut cut-short"></div>
151 |           <label for="address" class="placeholder">address</label>
152 |       </div>
153 |       <div class="input-container ic2">
154 |         <input id="insuranceid " class="input" type="text" placeholder=" " name="iid" required/>
155 |         <div class="cut cut-short"></div>
156 |         <label for="insuranceid " class="placeholder" >Insuranceid </label>
157 |       </div>
158 |       <div class="input-container ic2">
159 |         <input id="phone " class="input" type="text" placeholder=" " name="phone" required/>
160 |         <div class="cut cut-short"></div>
161 |         <label for="phone " class="placeholder" >Phone-number </label>
162 |       </div>
163 |       <button type="text" class="submit">submit</button>
164 |     </div>
165 |     </form>
166 | </body>
167 | </html>


--------------------------------------------------------------------------------
/templates/base.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |     <meta charset="utf-8">
 6 |     <meta name="viewport" content="width=device-width,  initial-scale=1, shrink-to-fit=no">
 7 |     <meta name="description" content="simple BlockChain">
 8 |     <meta name="author" content="colyk">
 9 | 
10 |     <title>BlockChain</title>
11 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
12 | 
13 | </head>
14 | 
15 | <body >
16 | <center><div class="msg" style="color: red;align-content: center; font-family: sans-serif; font-size: 18px;" >{{msg}}</div></center>
17 |     <div class="content container">
18 |         <div class="row">
19 |             <div class="col-lg-8 mx-auto mt-5">
20 |                 <h3>Check blocks integrity: <span class="badge badge-secondary">just click</span></h3>
21 |             </div>
22 |         </div>
23 |     </div>
24 |     <div class="content container">
25 |         <div class="row">
26 |             <div class="col-lg-6 mx-auto mt-5">
27 |                 {% block check %}
28 | 
29 |                 {% endblock %}
30 |             </div>
31 |         </div>
32 |     </div>
33 | 
34 | 
35 |     <div class="content container">
36 |         <div class="row">
37 |             <div class="col-lg-8 mx-auto mt-5">
38 |                 <h3>Mining <span class="badge badge-secondary">just try...</span></h3>
39 |             </div>
40 |         </div>
41 |     </div>
42 |     <div class="content container">
43 |         <div class="row">
44 |             <div class="col-lg-6 mx-auto mt-5">
45 |                 {% block mining %}
46 | 
47 |                 {% endblock %}
48 |             </div>
49 |         </div>
50 |     </div>
51 | <center><a href="patients_home.html">Go Back</a> </center>
52 | </body>
53 | 
54 | </html>
55 | 


--------------------------------------------------------------------------------
/templates/blockchain.html:
--------------------------------------------------------------------------------
 1 | {% extends "base.html" %} {% block content %}
 2 | <br>
 3 | <hr> {% endblock %} {% block check %}
 4 | <form action="{{ url_for('integrity') }}" method="POST">
 5 |     <button type="submit" class="btn btn-primary btn-lg btn-block">Check integrity</button>
 6 | </form>
 7 | <hr>
 8 | <ul class="list-group">
 9 |     {% for result in results %}
10 |     <li class="list-group-item"> Block {{result['block'] }} : {% if result['result'] == 'ok' %}
11 |         <i>Okey!</i> {% endif %} {% if result['result'] == 'error' %}
12 |         <strong>    corrupted!</strong> {% endif %} {% if result['proof'] != -1 %}
13 |         <i>mined!</i> {% endif %} {% if result['proof'] == -1 %}
14 |         <strong>not mined!</strong> {% endif %}
15 | 
16 |     </li>
17 |     {% endfor %}</ul>
18 | <br> {% endblock %}
19 | <hr> {% block mining %}
20 | <form action="{{ url_for('mining') }}" method="POST">
21 |     <button type="submit" class="btn btn-primary btn-lg btn-block">Mining</button>
22 | </form>
23 | {% if querry %}
24 | <hr>
25 | <div class="alert alert-success" role="alert">
26 |     <strong>Well done!</strong> You successfully mined!
27 | </div>
28 | 
29 | <hr><br> {% endif %}
30 | <br><br><br> {% endblock %}
31 | 
32 | 


--------------------------------------------------------------------------------
/templates/book.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Book Appointment</title>
  6 |     <style>
  7 |         body {
  8 |   align-items: center;background: linear-gradient(to bottom, #99ff99 4%, #ff99cc 100%);
  9 |   display: flex;
 10 |   justify-content: center;
 11 |   height: 100vh;
 12 | }
 13 | 
 14 | .form {
 15 |   background-color: #15172b;
 16 |   border-radius: 20px;
 17 |   box-sizing: border-box;
 18 |   height: 640px;
 19 |   padding: 20px;
 20 |   width: 320px;
 21 | }
 22 | 
 23 | .title {
 24 |   color: #eee;
 25 |   font-family: sans-serif;
 26 |   font-size: 36px;
 27 |   font-weight: 600;
 28 |   margin-top: 30px;
 29 | }
 30 | 
 31 | .subtitle {
 32 |   color: #eee;
 33 |   font-family: sans-serif;
 34 |   font-size: 16px;
 35 |   font-weight: 600;
 36 |   margin-top: 10px;
 37 | }
 38 | 
 39 | .input-container {
 40 |   height: 50px;
 41 |   position: relative;
 42 |   width: 100%;
 43 | }
 44 | 
 45 | .ic1 {
 46 |   margin-top: 40px;
 47 | }
 48 | 
 49 | .ic2 {
 50 |   margin-top: 30px;
 51 | }
 52 | 
 53 | .input {
 54 |   background-color: #303245;
 55 |   border-radius: 12px;
 56 |   border: 0;
 57 |   box-sizing: border-box;
 58 |   color: #eee;
 59 |   font-size: 18px;
 60 |   height: 100%;
 61 |   outline: 0;
 62 |   padding: 4px 20px 0;
 63 |   width: 100%;
 64 | }
 65 | 
 66 | .cut {
 67 |   background-color: #15172b;
 68 |   border-radius: 10px;
 69 |   height: 20px;
 70 |   left: 20px;
 71 |   position: absolute;
 72 |   top: -20px;
 73 |   transform: translateY(0);
 74 |   transition: transform 200ms;
 75 |   width: 76px;
 76 | }
 77 | 
 78 | .cut-short {
 79 |   width: 50px;
 80 | }
 81 | 
 82 | .input:focus ~ .cut,
 83 | .input:not(:placeholder-shown) ~ .cut {
 84 |   transform: translateY(8px);
 85 | }
 86 | 
 87 | .placeholder {
 88 |   color: #65657b;
 89 |   font-family: sans-serif;
 90 |   left: 20px;
 91 |   line-height: 14px;
 92 |   pointer-events: none;
 93 |   position: absolute;
 94 |   transform-origin: 0 50%;
 95 |   transition: transform 200ms, color 200ms;
 96 |   top: 20px;
 97 | }
 98 | 
 99 | .input:focus ~ .placeholder,
100 | .input:not(:placeholder-shown) ~ .placeholder {
101 |   transform: translateY(-30px) translateX(10px) scale(0.75);
102 | }
103 | 
104 | .input:not(:placeholder-shown) ~ .placeholder {
105 |   color: #808097;
106 | }
107 | 
108 | .input:focus ~ .placeholder {
109 |   color: #dc2f55;
110 | }
111 | 
112 | .submit {
113 |   background-color: #08d;
114 |   border-radius: 12px;
115 |   border: 0;
116 |   box-sizing: border-box;
117 |   color: #eee;
118 |   cursor: pointer;
119 |   font-size: 18px;
120 |   height: 50px;
121 |   margin-top: 38px;
122 |   // outline: 0;
123 |   text-align: center;
124 |   width: 100%;
125 | }
126 | 
127 | .submit:active {
128 |   background-color: #06b;
129 | }
130 |     </style>
131 | </head>
132 | <body>
133 | <form action="/bookdata" method="post">
134 |         <div class="form">
135 |       <div class="title">Welcome</div>
136 |       <div class="input-container ic1">
137 |         <input id="name" class="input" type="text"  placeholder=" " name="name" required/>
138 |         <div class="cut"></div>
139 |         <label for="name" class="placeholder">Username</label>
140 |       </div>
141 |       <div class="input-container ic2">
142 |         <input id="age" class="input" type="text" placeholder=" " name="age" required />
143 |         <div class="cut"></div>
144 |         <label for="age" class="placeholder">Age</label>
145 |       </div>
146 |       <div class="input-container ic2">
147 |         <input id="temp" class="input" type="text" placeholder=" " name="temp" required />
148 |         <div class="cut cut-short"></div>
149 |           <label for="temp" class="placeholder">Temperature</label>
150 |       </div>
151 |       <div class="input-container ic2">
152 |         <input id="time" class="input" type="text" placeholder=" " name="time" required/>
153 |         <div class="cut cut-short"></div>
154 |         <label for="time" class="placeholder" >Time</label>
155 |       </div>
156 |        <div class="input-container ic2">
157 |         <input id="patid" class="input" type="text" placeholder=" " name="patid" required/>
158 |         <div class="cut cut-short"></div>
159 |         <label for="patid" class="placeholder" >Patient-ID</label>
160 |       </div>
161 |       <button type="text" class="submit">submit</button>
162 |     </div>
163 |     </form>
164 | </body>
165 | </html>


--------------------------------------------------------------------------------
/templates/doctor.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Doctor login</title>
  6 |     <style>
  7 |         /* Fonts Form Google Font ::- https://fonts.google.com/  -:: */
  8 | @import url('https://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Alegreya|Arima+Madurai|Dancing+Script|Dosis|Merriweather|Oleo+Script|Overlock|PT+Serif|Pacifico|Playball|Playfair+Display|Share|Unica+One|Vibur');
  9 | /* End Fonts */
 10 | /* Start Global rules */
 11 | * {
 12 |     padding: 0;
 13 |     margin: 0;
 14 |     box-sizing: border-box;
 15 | }
 16 | /* End Global rules */
 17 | 
 18 | /* Start body rules */
 19 | body {
 20 |     background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
 21 | background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
 22 | background-attachment: fixed;
 23 |   background-repeat: no-repeat;
 24 | 
 25 |     font-family: 'Vibur', cursive;
 26 | /*   the main font */
 27 |     font-family: 'Abel', sans-serif;
 28 | opacity: .95;
 29 | /* background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%); */
 30 | }
 31 | 
 32 | 
 33 | 
 34 | /* |||||||||||||||||||||||||||||||||||||||||||||*/
 35 | /* //////////////////////////////////////////// */
 36 | 
 37 | 
 38 | 
 39 | 
 40 | /* End body rules */
 41 | 
 42 | /* Start form  attributes */
 43 | form {
 44 |     width: 450px;
 45 |     min-height: 500px;
 46 |     height: auto;
 47 |     border-radius: 5px;
 48 |     margin: 2% auto;
 49 |     box-shadow: 0 9px 50px hsla(20, 67%, 75%, 0.31);
 50 |     padding: 2%;
 51 |     background-image: linear-gradient(-225deg, #E3FDF5 50%, #FFE6FA 50%);
 52 | }
 53 | /* form Container */
 54 | form .con {
 55 |     display: -webkit-flex;
 56 |     display: flex;
 57 | 
 58 |     -webkit-justify-content: space-around;
 59 |     justify-content: space-around;
 60 | 
 61 |     -webkit-flex-wrap: wrap;
 62 |     flex-wrap: wrap;
 63 | 
 64 |       margin: 0 auto;
 65 | }
 66 | 
 67 | /* the header form form */
 68 | header {
 69 |     margin: 2% auto 10% auto;
 70 |     text-align: center;
 71 | }
 72 | /* Login title form form */
 73 | header h2 {
 74 |     font-size: 250%;
 75 |     font-family: 'Playfair Display', serif;
 76 |     color: #3e403f;
 77 | }
 78 | 
 79 | header p {letter-spacing: 0.05em;}
 80 | .input-item {
 81 |     background: #fff;
 82 |     color: #333;
 83 |     padding: 14.5px 0px 15px 9px;
 84 |     border-radius: 5px 0px 0px 5px;
 85 | }
 86 | 
 87 | 
 88 | 
 89 | /* Show/hide password Font Icon */
 90 | #eye {
 91 |     background: #fff;
 92 |     color: #333;
 93 | 
 94 |     margin: 5.9px 0 0 0;
 95 |     margin-left: -20px;
 96 |     padding: 15px 9px 19px 0px;
 97 |     border-radius: 0px 5px 5px 0px;
 98 | 
 99 |     float: right;
100 |     position: relative;
101 |     right: 1%;
102 |     top: -.2%;
103 |     z-index: 5;
104 | 
105 |     cursor: pointer;
106 | }
107 | /* inputs form  */
108 | input[class="form-input"]{
109 |     width: 240px;
110 |     height: 50px;
111 | 
112 |     margin-top: 2%;
113 |     padding: 15px;
114 | 
115 |     font-size: 16px;
116 |     font-family: 'Abel', sans-serif;
117 |     color: #5E6472;
118 | 
119 |     outline: none;
120 |     border: none;
121 | 
122 |     border-radius: 0px 5px 5px 0px;
123 |     transition: 0.2s linear;
124 | 
125 | }
126 | input[id="txt-input"] {width: 250px;}
127 | /* focus  */
128 | input:focus {
129 |     transform: translateX(-2px);
130 |     border-radius: 5px;
131 | }
132 | 
133 | button {
134 |     display: inline-block;
135 |     color: #252537;
136 | 
137 |     width: 280px;
138 |     height: 50px;
139 | 
140 |     padding: 0 20px;
141 |     background: #fff;
142 |     border-radius: 5px;
143 | 
144 |     outline: none;
145 |     border: none;
146 | 
147 |     cursor: pointer;
148 |     text-align: center;
149 |     transition: all 0.2s linear;
150 | 
151 |     margin: 7% auto;
152 |     letter-spacing: 0.05em;
153 | }
154 | /* Submits */
155 | .submits {
156 |     width: 48%;
157 |     display: inline-block;
158 |     float: left;
159 |     margin-left: 2%;
160 | }
161 | 
162 | {background: transparent;}
163 | 
164 | {background: #B8F2E6;}
165 | 
166 | 
167 | /* buttons hover */
168 | button:hover {
169 |     transform: translatey(3px);
170 |     box-shadow: none;
171 | }
172 | 
173 | /* buttons hover Animation */
174 | button:hover {
175 |     animation: ani9 0.4s ease-in-out infinite alternate;
176 | }
177 | @keyframes ani9 {
178 |     0% {
179 |         transform: translateY(3px);
180 |     }
181 |     100% {
182 |         transform: translateY(5px);
183 |     }
184 | }
185 |  </style>
186 |     <script>
187 | function show() {
188 |     var p = document.getElementById('pwd');
189 |     p.setAttribute('type', 'text');
190 | }
191 | 
192 | function hide() {
193 |     var p = document.getElementById('pwd');
194 |     p.setAttribute('type', 'password');
195 | }
196 | 
197 | var pwShown = 0;
198 | 
199 | document.getElementById("eye").addEventListener("click", function () {
200 |     if (pwShown == 0) {
201 |         pwShown = 1;
202 |         show();
203 |     } else {
204 |         pwShown = 0;
205 |         hide();
206 |     }
207 | }, false);
208 |  </script>
209 | </head>
210 | <body>
211 | <div class="overlay">
212 | <form action="/doctorlogin" method="post">
213 |    <div class="con">
214 |    <header class="head-form">
215 |       <h2>Log In</h2>
216 |       <p>login here using your username and password</p>
217 |        <div class="msg" style="color: red; font-family: sans-serif; font-size: 18px;" >{{msg}}</div>
218 |    </header>
219 |    <br>
220 |    <div class="field-set">
221 |        <input class="form-input" id="txt-input" type="text" placeholder="UserName" name="username" required>
222 |        <br>
223 |       <input class="form-input" type="password" placeholder="Password" id="pwd"  name="password" required>
224 |       <br>
225 |       <button class="log-in"> Log In </button>
226 |    </div>
227 |        <div class="log-in">
228 |          <button>  <a href="doctorregister.html">Register</a></button>
229 |        </div>
230 |   </div>
231 | </form>
232 | </div>
233 | </body>
234 | </html>


--------------------------------------------------------------------------------
/templates/doctorhome.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Doctor Main Page</title>
  6 |     <style>
  7 | 
  8 | h1{
  9 |   font-size: 30px;
 10 |   color: #fff;
 11 |   text-transform: uppercase;
 12 |   font-weight: 300;
 13 |   text-align: center;
 14 |   margin-bottom: 15px;
 15 | }
 16 | table{
 17 |   width:100%;
 18 |   table-layout: fixed;
 19 | }
 20 | .tbl-header{
 21 |   background-color: rgba(255,255,255,0.3);
 22 |  }
 23 | .tbl-content{
 24 |   height:300px;
 25 |   overflow-x:auto;
 26 |   margin-top: 0px;
 27 |   border: 1px solid rgba(255,255,255,0.3);
 28 | }
 29 | th{
 30 |   padding: 20px 15px;
 31 |   text-align: left;
 32 |   font-weight: 500;
 33 |   font-size: 12px;
 34 |   color: #fff;
 35 |   text-transform: uppercase;
 36 | }
 37 | td{
 38 |   padding: 15px;
 39 |   text-align: left;
 40 |   vertical-align:middle;
 41 |   font-weight: 300;
 42 |   font-size: 12px;
 43 |   color: #fff;
 44 |   border-bottom: solid 1px rgba(255,255,255,0.1);
 45 | }
 46 | 
 47 | 
 48 | /* demo styles */
 49 | 
 50 | @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
 51 | body{
 52 |   background: -webkit-linear-gradient(left, #25c481, #25b7c4);
 53 |   background: linear-gradient(to right, #25c481, #25b7c4);
 54 |   font-family: 'Roboto', sans-serif;
 55 | }
 56 | section{
 57 |   margin: 50px;
 58 | }
 59 | 
 60 | 
 61 | /* follow me template */
 62 | .made-with-love {
 63 |   margin-top: 40px;
 64 |   padding: 10px;
 65 |   clear: left;
 66 |   text-align: center;
 67 |   font-size: 10px;
 68 |   font-family: arial;
 69 |   color: #fff;
 70 | }
 71 | .made-with-love i {
 72 |   font-style: normal;
 73 |   color: #F50057;
 74 |   font-size: 14px;
 75 |   position: relative;
 76 |   top: 2px;
 77 | }
 78 | .made-with-love a {
 79 |   color: #fff;
 80 |   text-decoration: none;
 81 | }
 82 | .made-with-love a:hover {
 83 |   text-decoration: underline;
 84 | }
 85 | /* for custom scrollbar for webkit browser*/
 86 | 
 87 | ::-webkit-scrollbar {
 88 |     width: 6px;
 89 | }
 90 | ::-webkit-scrollbar-track {
 91 |     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 92 | }
 93 | ::-webkit-scrollbar-thumb {
 94 |     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 95 | }</style>
 96 |     <script>
 97 |         // '.tbl-content' consumed little space for vertical scrollbar, scrollbar width depend on browser/os/platfrom. Here calculate the scollbar width .
 98 | $(window).on("load resize ", function() {
 99 |   var scrollWidth = $('.tbl-content').width() - $('.tbl-content table').width();
100 |   $('.tbl-header').css({'padding-right':scrollWidth});
101 | }).resize();
102 |     </script>
103 | </head>
104 | <body>
105 | <section>
106 |   <!--for demo wrap-->
107 |   <h1>Booking Details</h1>
108 |   <h1>Welcome Doctor {{username}}</h1>
109 |   <div class="tbl-header">
110 |     <table cellpadding="0" cellspacing="0" border="0">
111 |       <thead>
112 |         <tr>
113 |           <th>S.NO</th>
114 |           <th>USERNAME</th>
115 |           <th>AGE</th>
116 |           <th>TEMPERATURE</th>
117 |           <th>TIME</th>
118 |           <th>PATIENT-ID</th>
119 | 
120 |         </tr>
121 |       </thead>
122 |     </table>
123 |   </div>
124 | 
125 |   <div class="tbl-content">
126 |     <table cellpadding="0" cellspacing="0" border="0">
127 |       <tbody>
128 |       {% for item in data %}
129 |             <tr>
130 |                     <td>{{item.id}}</td>
131 |                     <td>{{item.username}}</td>
132 |                     <td>{{item.age}}</td>
133 |                     <td>{{item.temperature}}</td>
134 |                     <td>{{item.time}}</td>
135 |                     <td>{{item.pat_id}}</td>
136 |             </tr>
137 |        {% endfor %}
138 |       </tbody>
139 |     </table>
140 |   </div>
141 | 
142 | </section>
143 | 
144 | 
145 | <!-- follow me template -->
146 | <div class="made-with-love">
147 |   <a href="index.html">Home</a>
148 | </div>
149 | </body>
150 | </html>


--------------------------------------------------------------------------------
/templates/doctorregister.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Parent Register Page</title>
  6 |     <style>
  7 |         body {
  8 |   align-items: center;
  9 |   background-color: #000;
 10 |   display: flex;
 11 |   justify-content: center;
 12 |   height: 100vh;
 13 | }
 14 | 
 15 | .form {
 16 |   background-color: #15172b;
 17 |   border-radius: 20px;
 18 |   box-sizing: border-box;
 19 |   height: 640px;
 20 |   padding: 20px;
 21 |   width:  480px;
 22 | }
 23 | 
 24 | .title {
 25 |   color: #eee;
 26 |   font-family: sans-serif;
 27 |   font-size: 36px;
 28 |   font-weight: 600;
 29 |   margin-top: 30px;
 30 | }
 31 | 
 32 | .subtitle {
 33 |   color: #eee;
 34 |   font-family: sans-serif;
 35 |   font-size: 16px;
 36 |   font-weight: 600;
 37 |   margin-top: 10px;
 38 | }
 39 | 
 40 | .input-container {
 41 |   height: 50px;
 42 |   position: relative;
 43 |   width: 100%;
 44 | }
 45 | 
 46 | .ic1 {
 47 |   margin-top: 40px;
 48 | }
 49 | 
 50 | .ic2 {
 51 |   margin-top: 30px;
 52 | }
 53 | 
 54 | .input {
 55 |   background-color: #303245;
 56 |   border-radius: 12px;
 57 |   border: 0;
 58 |   box-sizing: border-box;
 59 |   color: #eee;
 60 |   font-size: 18px;
 61 |   height: 100%;
 62 |   outline: 0;
 63 |   padding: 4px 20px 0;
 64 |   width: 100%;
 65 | }
 66 | 
 67 | .cut {
 68 |   background-color: #15172b;
 69 |   border-radius: 10px;
 70 |   height: 20px;
 71 |   left: 20px;
 72 |   position: absolute;
 73 |   top: -20px;
 74 |   transform: translateY(0);
 75 |   transition: transform 200ms;
 76 |   width: 76px;
 77 | }
 78 | 
 79 | .cut-short {
 80 |   width: 50px;
 81 | }
 82 | 
 83 | .input:focus ~ .cut,
 84 | .input:not(:placeholder-shown) ~ .cut {
 85 |   transform: translateY(8px);
 86 | }
 87 | 
 88 | .placeholder {
 89 |   color: #65657b;
 90 |   font-family: sans-serif;
 91 |   left: 20px;
 92 |   line-height: 14px;
 93 |   pointer-events: none;
 94 |   position: absolute;
 95 |   transform-origin: 0 50%;
 96 |   transition: transform 200ms, color 200ms;
 97 |   top: 20px;
 98 | }
 99 | 
100 | .input:focus ~ .placeholder,
101 | .input:not(:placeholder-shown) ~ .placeholder {
102 |   transform: translateY(-30px) translateX(10px) scale(0.75);
103 | }
104 | 
105 | .input:not(:placeholder-shown) ~ .placeholder {
106 |   color: #808097;
107 | }
108 | 
109 | .input:focus ~ .placeholder {
110 |   color: #dc2f55;
111 | }
112 | 
113 | .submit {
114 |   background-color: #08d;
115 |   border-radius: 12px;
116 |   border: 0;
117 |   box-sizing: border-box;
118 |   color: #eee;
119 |   cursor: pointer;
120 |   font-size: 18px;
121 |   height: 50px;
122 |   margin-top: 38px;
123 |   // outline: 0;
124 |   text-align: center;
125 |   width: 100%;
126 | }
127 | 
128 | .submit:active {
129 |   background-color: #06b;
130 | }
131 |  </style>
132 | </head>
133 | <body>
134 | <form action="\dregister" method="post">
135 |     <div class="form">
136 |     <div class="msg" style="color: red; font-family: sans-serif; font-size: 18px;" >{{msg}}</div>
137 |       <div class="title">Welcome</div>
138 |       <div class="subtitle">Let's create your account!</div>
139 |       <div class="input-container ic1">
140 |         <input id="username" class="input" name="username" type="text" placeholder=" " required/>
141 |         <div class="cut"></div>
142 |         <label for="username" class="placeholder">Username</label>
143 |       </div>
144 |       <div class="input-container ic2">
145 |         <input id="password" class="input"  name="password" type="password" placeholder=" " required/>
146 |         <div class="cut"></div>
147 |         <label for="password" class="placeholder" >Password</label>
148 |       </div>
149 |       <div class="input-container ic2">
150 |         <input id="email" class="input" name="email" type="email" placeholder=" " required  />
151 |         <div class="cut cut-short"></div>
152 |         <label for="email" class="placeholder">Email</label>
153 |       </div>
154 |         <div class="input-container ic2">
155 |         <input id="phone" class="input" name="phone" type="text" placeholder=" " maxlength="10" required />
156 |         <div class="cut cut-short"></div>
157 |         <label for="phone" class="placeholder">Phone-Number</label>
158 |       </div>
159 |       <button type="text" class="submit">submit</button>
160 |     </div>
161 |     </form>
162 | </body>
163 | </html>


--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Welcome Page</title>
  6 |     <style>
  7 |         body, html {
  8 |   margin: 0;
  9 |   padding: 0;
 10 |   height: 100%;
 11 |   width: 100%;
 12 |   font-family: 'Open Sans', sans-serif;
 13 | }
 14 | 
 15 | main {
 16 |   height: 100%;
 17 |   width: 100%;
 18 | }
 19 | 
 20 | aside {
 21 |   background-color: #0799d3;
 22 |   position: fixed;
 23 |   top: 0;
 24 |   bottom: 0;
 25 |   left: 0;
 26 |   width: 20%;
 27 |   z-index: 1;
 28 | }
 29 | 
 30 | section {
 31 |   position: relative;
 32 |   width: 100%;
 33 |   height: 100%;
 34 |   background-color: #fff;
 35 |   overflow: hidden;
 36 | }
 37 | 
 38 | label {
 39 |   display: inline-block;
 40 |   padding: 7px 10px;
 41 |   background-color: transparent;
 42 |   cursor: pointer;
 43 |   margin: 10px;
 44 |   z-index: 3;
 45 |   position: fixed;
 46 | }
 47 | 
 48 | .bar {
 49 |   display: block;
 50 |   background-color: #0799d3;
 51 |   width: 30px;
 52 |   height: 3px;
 53 |   border-radius: 5px;
 54 |   margin: 5px auto;
 55 |   transition: background-color .5s ease-in, transform .5s ease-in, width .5s ease-in;
 56 | }
 57 | 
 58 | .content {
 59 |   top: 0;
 60 |   bottom: 0;
 61 |   position: absolute;
 62 |   right: 0;
 63 |   left: 0;
 64 |   background-color: #fff;
 65 |   z-index: 2;
 66 |   transition: transform .5s ease-in-out;
 67 | }
 68 | 
 69 | h1 {
 70 |   margin: 0;
 71 |   position: relative;
 72 |   top: 50%;
 73 |   left: 0;
 74 |   right: 0;
 75 |   transform: translateY(-50%);
 76 |   text-align: center;
 77 |   font-size: 40px;
 78 | }
 79 | 
 80 | .asideList {
 81 |   list-style: none;
 82 |   padding: 0;
 83 |   margin: 0;
 84 |   margin-top: 100px;
 85 |   text-align: center;
 86 |   border-top: 2px solid rgba(255, 255, 255, .7);
 87 | }
 88 | 
 89 | .asideAnchor {
 90 |   border-bottom: 2px solid rgba(255, 255, 255, .7);
 91 |   padding: 20px 0;
 92 |   display: block;
 93 |   color: #fff;
 94 |   text-transform: uppercase;
 95 |   text-decoration: none;
 96 |   font-size: 20px;
 97 |   font-weight: 500;
 98 |   position: relative;
 99 |   transition: color .3s .15s ease-in;
100 | }
101 | 
102 | .asideAnchor::after {
103 |   content: "";
104 |   position: absolute;
105 |   left: 0;
106 |   bottom: 0;
107 |   height: 100%;
108 |   background-color: #fff;
109 |   width: 0;
110 |   transition: width .3s ease-in;
111 |   z-index: -1;
112 | }
113 | 
114 | .asideAnchor:hover {
115 |   color: #0799d3;
116 | }
117 | 
118 | .asideAnchor:hover::after {
119 |   width: 100%;
120 | }
121 | 
122 | input[type="checkbox"] {
123 |   display: none;
124 | }
125 | 
126 | input[type="checkbox"]:checked ~ .content {
127 |   transform: translateX(20%);
128 | }
129 | 
130 | input[type="checkbox"]:checked ~ label .bar {
131 |   background-color: #fff;
132 | }
133 | 
134 | input[type="checkbox"]:checked ~ label .top {
135 |   -webkit-transform: translateY(0px) rotateZ(45deg);
136 |   -moz-transform: translateY(0px) rotateZ(45deg);
137 |   -ms-transform: translateY(0px) rotateZ(45deg);
138 |   -o-transform: translateY(0px) rotateZ(45deg);
139 |   transform: translateY(0px) rotateZ(45deg);
140 | }
141 | 
142 | input[type="checkbox"]:checked ~ label .bottom {
143 |   -webkit-transform: translateY(-15px) rotateZ(-45deg);
144 |   -moz-transform: translateY(-15px) rotateZ(-45deg);
145 |   -ms-transform: translateY(-15px) rotateZ(-45deg);
146 |   -o-transform: translateY(-15px) rotateZ(-45deg);
147 |   transform: translateY(-15px) rotateZ(-45deg);
148 | }
149 | 
150 | input[type="checkbox"]:checked ~ label .middle {
151 |   width: 0;
152 | }
153 | 
154 | .middle {
155 |   margin: 0 auto;
156 | }
157 | 
158 | .ua {
159 |   position: absolute;
160 |   right: 20px;
161 |   bottom: 20px;
162 |   color: #0799d3;
163 |   font-size: 2em;
164 |   z-index: 2;
165 | }
166 |     </style>
167 | </head>
168 | <body>
169 |       <main>
170 |     <aside>
171 |       <ul class="asideList">
172 |         <li><a href="index.html" class="asideAnchor">Home</a></li>
173 |         <li><a href="patients.html" class="asideAnchor">Patients</a></li>
174 |         <li><a href="doctor.html" class="asideAnchor">Doctor</a></li>
175 |       </ul>
176 |     </aside>
177 |     <section>
178 |       <input type="checkbox" id="myInput">
179 |       <label for="myInput">
180 |         <span class="bar top"></span>
181 |         <span class="bar middle"></span>
182 |         <span class="bar bottom"></span>
183 |       </label>
184 | 
185 |       <div class="content">
186 |         <h1>Electronic Health Record System Using python with Block chain</h1>
187 |       </div>
188 |     </section>
189 |   </main>
190 | </body>
191 | </html>


--------------------------------------------------------------------------------
/templates/patients.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Patients Login/Register Page</title>
  6 |     <style>
  7 |         body{
  8 | 	margin:0;
  9 | 	color:#6a6f8c;
 10 | 	background:linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);;
 11 | 	font:600 16px/18px 'Open Sans',sans-serif;
 12 | }
 13 | *,:after,:before{box-sizing:border-box}
 14 | .clearfix:after,.clearfix:before{content:'';display:table}
 15 | .clearfix:after{clear:both;display:block}
 16 | a{color:inherit;text-decoration:none}
 17 | 
 18 | .login-wrap{
 19 | 	width:100%;
 20 | 	margin:auto;
 21 | 	max-width:525px;
 22 | 	min-height:670px;
 23 | 	position:relative;
 24 | 	background:url(https://media.istockphoto.com/photos/woman-hand-holding-icon-customer-support-concept-copy-space-picture-id1141639313?b=1&k=20&m=1141639313&s=170667a&w=0&h=IgZAh25v60C7OkxyVKQWgOWfRRbs_Nfv9hwXpJH2ZRo=) no-repeat center;
 25 | 	box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
 26 | }
 27 | .login-html{
 28 | 	width:100%;
 29 | 	height:100%;
 30 | 	position:absolute;
 31 | 	padding:90px 70px 50px 70px;
 32 | 	background:rgba(40,57,101,.9);
 33 | }
 34 | .login-html .sign-in-htm,
 35 | .login-html .sign-up-htm{
 36 | 	top:0;
 37 | 	left:0;
 38 | 	right:0;
 39 | 	bottom:0;
 40 | 	position:absolute;
 41 | 	transform:rotateY(180deg);
 42 | 	backface-visibility:hidden;
 43 | 	transition:all .4s linear;
 44 | }
 45 | .login-html .sign-in,
 46 | .login-html .sign-up,
 47 | .login-form .group .check{
 48 | 	display:none;
 49 | }
 50 | .login-html .tab,
 51 | .login-form .group .label,
 52 | .login-form .group .button{
 53 | 	text-transform:uppercase;
 54 | }
 55 | .login-html .tab{
 56 | 	font-size:22px;
 57 | 	margin-right:15px;
 58 | 	padding-bottom:5px;
 59 | 	margin:0 15px 10px 0;
 60 | 	display:inline-block;
 61 | 	border-bottom:2px solid transparent;
 62 | }
 63 | .login-html .sign-in:checked + .tab,
 64 | .login-html .sign-up:checked + .tab{
 65 | 	color:#fff;
 66 | 	border-color:#1161ee;
 67 | }
 68 | .login-form{
 69 | 	min-height:345px;
 70 | 	position:relative;
 71 | 	perspective:1000px;
 72 | 	transform-style:preserve-3d;
 73 | }
 74 | .login-form .group{
 75 | 	margin-bottom:15px;
 76 | }
 77 | .login-form .group .label,
 78 | .login-form .group .input,
 79 | .login-form .group .button{
 80 | 	width:100%;
 81 | 	color:#fff;
 82 | 	display:block;
 83 | }
 84 | .login-form .group .input,
 85 | .login-form .group .button{
 86 | 	border:none;
 87 | 	padding:15px 20px;
 88 | 	border-radius:25px;
 89 | 	background:rgba(255,255,255,.1);
 90 | }
 91 | .login-form .group input[data-type="password"]{
 92 | 	text-security:circle;
 93 | 	-webkit-text-security:circle;
 94 | }
 95 | .login-form .group .label{
 96 | 	color:#aaa;
 97 | 	font-size:12px;
 98 | }
 99 | .login-form .group .button{
100 | 	background:#1161ee;
101 | }
102 | .login-form .group label .icon{
103 | 	width:15px;
104 | 	height:15px;
105 | 	border-radius:2px;
106 | 	position:relative;
107 | 	display:inline-block;
108 | 	background:rgba(255,255,255,.1);
109 | }
110 | .login-form .group label .icon:before,
111 | .login-form .group label .icon:after{
112 | 	content:'';
113 | 	width:10px;
114 | 	height:2px;
115 | 	background:#fff;
116 | 	position:absolute;
117 | 	transition:all .2s ease-in-out 0s;
118 | }
119 | .login-form .group label .icon:before{
120 | 	left:3px;
121 | 	width:5px;
122 | 	bottom:6px;
123 | 	transform:scale(0) rotate(0);
124 | }
125 | .login-form .group label .icon:after{
126 | 	top:6px;
127 | 	right:0;
128 | 	transform:scale(0) rotate(0);
129 | }
130 | .login-form .group .check:checked + label{
131 | 	color:#fff;
132 | }
133 | .login-form .group .check:checked + label .icon{
134 | 	background:#1161ee;
135 | }
136 | .login-form .group .check:checked + label .icon:before{
137 | 	transform:scale(1) rotate(45deg);
138 | }
139 | .login-form .group .check:checked + label .icon:after{
140 | 	transform:scale(1) rotate(-45deg);
141 | }
142 | .login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
143 | 	transform:rotate(0);
144 | }
145 | .login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
146 | 	transform:rotate(0);
147 | }
148 | 
149 | .hr{
150 | 	height:2px;
151 | 	margin:60px 0 50px 0;
152 | 	background:rgba(255,255,255,.2);
153 | }
154 | .foot-lnk{
155 | 	text-align:center;
156 | }
157 |     </style>
158 | </head>
159 | <body>
160 | <div class="login-wrap">
161 | 	<div class="login-html">
162 | 		<input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">Sign In</label>
163 | 		<input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">Sign Up</label>
164 | 		<div class="login-form">
165 |             <form action="/patientslogin" method="post">
166 | 			<div class="sign-in-htm">
167 | 				<div class="group">
168 | 					<label for="user" class="label">Username</label>
169 | 					<input id="user" name="username" type="text" class="input" required>
170 | 				</div>
171 | 				<div class="group">
172 | 					<label for="pass" class="label">Password</label>
173 | 					<input id="pass" type="password" name="password" class="input" data-type="password" required>
174 | 				</div>
175 | 				<div class="group">
176 | 					<input type="submit" class="button" value="Sign In">
177 | 				</div>
178 | 				 <div class="msg" style="color: red; font-family: sans-serif; font-size: 18px;" >{{msg}}</div>
179 | 			</div>
180 |             </form>
181 | 			<div class="sign-up-htm">
182 | 
183 |                 <form action="/patientsregister" method="post">
184 | 					<div class="msg" style="color: red; font-family: sans-serif; font-size: 18px;" >{{msg}}</div>
185 | 				<div class="group">
186 | 					<label for="username" class="label">Username</label>
187 | 					<input id="username" type="text" class="input" name="username" required>
188 | 				</div>
189 | 				<div class="group">
190 | 					<label for="password" class="label">Password</label>
191 | 					<input id="password" type="password" class="input" data-type="password" name="password" required>
192 | 				</div>
193 | 				<div class="group">
194 | 					<label for="phone_number" class="label">Phone_number</label>
195 | 					<input id="phone_number" type="number" class="input" name="phone_number" required>
196 | 				</div>
197 | 				<div class="group">
198 | 					<label for="email" class="label">Email Address</label>
199 | 					<input id="email" type="text" class="input" name="email" required>
200 | 				</div>
201 | 				<div class="group">
202 | 					<input type="submit" class="button" value="Sign Up">
203 | 				</div>
204 |                 </form>
205 | 			</div>
206 | 		</div>
207 | 	</div>
208 | </div>
209 | </body>
210 | </html>


--------------------------------------------------------------------------------
/templates/patients_home.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Patients Home Page</title>
  6 |     <style>
  7 | @import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:400,600');
  8 | 
  9 | * {
 10 |   outline: none;
 11 | }
 12 | 
 13 | strong {
 14 |   font-weight: 600;
 15 | }
 16 | 
 17 | .page {
 18 |   width: 100%;
 19 |   height: 100vh;
 20 |   background: #fdfdfd;
 21 |   font-family: 'Encode Sans Condensed', sans-serif;
 22 |   font-weight: 600;
 23 |   letter-spacing: .03em;
 24 |   color: #212121;
 25 | }
 26 | 
 27 | header {
 28 |   display: flex;
 29 |   position: fixed;
 30 |   width: 100%;
 31 |   height: 70px;
 32 |   background: #212121;
 33 |   color: #fff;
 34 |   justify-content: center;
 35 |   align-items: center;
 36 |   -webkit-tap-highlight-color: rgba(0,0,0,0);
 37 | }
 38 | 
 39 | main {
 40 |   padding: 70px 20px 0;
 41 |   display: flex;
 42 |   flex-direction: column;
 43 |   height: 100%;
 44 | }
 45 | 
 46 | main > div {
 47 |   margin: auto;
 48 |   max-width: 600px;
 49 | }
 50 | 
 51 | main h2 span {
 52 |   color: #BF7497;
 53 | }
 54 | 
 55 | main p {
 56 |   line-height: 1.5;
 57 |   font-weight: 200;
 58 |   margin: 20px 0;
 59 | }
 60 | 
 61 | main small {
 62 |   font-weight: 300;
 63 |   color: #888;
 64 | }
 65 | 
 66 | #nav-container {
 67 |   position: fixed;
 68 |   height: 100vh;
 69 |   width: 100%;
 70 |   pointer-events: none;
 71 | }
 72 | #nav-container .bg {
 73 |   position: absolute;
 74 |   top: 70px;
 75 |   left: 0;
 76 |   width: 100%;
 77 |   height: calc(100% - 70px);
 78 |   visibility: hidden;
 79 |   opacity: 0;
 80 |   transition: .3s;
 81 |   background: #000;
 82 | }
 83 | #nav-container:focus-within .bg {
 84 |   visibility: visible;
 85 |   opacity: .6;
 86 | }
 87 | #nav-container * {
 88 |   visibility: visible;
 89 | }
 90 | 
 91 | .button {
 92 |   position: relative;
 93 |   display: flex;
 94 |   flex-direction: column;
 95 |   justify-content: center;
 96 |   z-index: 1;
 97 |   -webkit-appearance: none;
 98 |   border: 0;
 99 |   background: transparent;
100 |   border-radius: 0;
101 |   height: 70px;
102 |   width: 30px;
103 |   cursor: pointer;
104 |   pointer-events: auto;
105 |   margin-left: 25px;
106 |   touch-action: manipulation;
107 |   -webkit-tap-highlight-color: rgba(0,0,0,0);
108 | }
109 | .icon-bar {
110 |   display: block;
111 |   width: 100%;
112 |   height: 3px;
113 |   background: #aaa;
114 |   transition: .3s;
115 | }
116 | .icon-bar + .icon-bar {
117 |   margin-top: 5px;
118 | }
119 | 
120 | #nav-container:focus-within .button {
121 |   pointer-events: none;
122 | }
123 | #nav-container:focus-within .icon-bar:nth-of-type(1) {
124 |   transform: translate3d(0,8px,0) rotate(45deg);
125 | }
126 | #nav-container:focus-within .icon-bar:nth-of-type(2) {
127 |   opacity: 0;
128 | }
129 | #nav-container:focus-within .icon-bar:nth-of-type(3) {
130 |   transform: translate3d(0,-8px,0) rotate(-45deg);
131 | }
132 | 
133 | #nav-content {
134 |   margin-top: 70px;
135 |   padding: 20px;
136 |   width: 90%;
137 |   max-width: 300px;
138 |   position: absolute;
139 |   top: 0;
140 |   left: 0;
141 |   height: calc(100% - 70px);
142 |   background: #ececec;
143 |   pointer-events: auto;
144 |   -webkit-tap-highlight-color: rgba(0,0,0,0);
145 |   transform: translateX(-100%);
146 |   transition: transform .3s;
147 |   will-change: transform;
148 |   contain: paint;
149 | }
150 | 
151 | #nav-content ul {
152 |   height: 100%;
153 |   display: flex;
154 |   flex-direction: column;
155 | }
156 | 
157 | #nav-content li a {
158 |   padding: 10px 5px;
159 |   display: block;
160 |   text-transform: uppercase;
161 |   transition: color .1s;
162 | }
163 | 
164 | #nav-content li a:hover {
165 |   color: #BF7497;
166 | }
167 | 
168 | #nav-content li:not(.small) + .small {
169 |   margin-top: auto;
170 | }
171 | 
172 | .small {
173 |   display: flex;
174 |   align-self: center;
175 | }
176 | 
177 | .small a {
178 |   font-size: 12px;
179 |   font-weight: 400;
180 |   color: #888;
181 | }
182 | .small a + a {
183 |   margin-left: 15px;
184 | }
185 | 
186 | #nav-container:focus-within #nav-content {
187 |   transform: none;
188 | }
189 | 
190 | 
191 | 
192 | 
193 | 
194 | 
195 | * {
196 |   box-sizing: border-box;
197 |   margin: 0;
198 |   padding: 0;
199 | }
200 | 
201 | html, body {
202 |   height: 100%;
203 | }
204 | 
205 | a,
206 | a:visited,
207 | a:focus,
208 | a:active,
209 | a:link {
210 |   text-decoration: none;
211 |   outline: 0;
212 | }
213 | 
214 | a {
215 |   color: currentColor;
216 |   transition: .2s ease-in-out;
217 | }
218 | 
219 | h1, h2, h3, h4 {
220 |   margin: 0;
221 | }
222 | 
223 | ul {
224 |   padding: 0;
225 |   list-style: none;
226 | }
227 | 
228 | img {
229 |   vertical-align: middle;
230 |   height: auto;
231 |   width: 100%;
232 | }
233 |     </style>
234 | </head>
235 | <body>
236 | <div class="page">
237 |   <header tabindex="0">CHILD</header>
238 |   <div id="nav-container">
239 |     <div class="bg"></div>
240 |     <div class="button" tabindex="0">
241 |       <span class="icon-bar"></span>
242 |       <span class="icon-bar"></span>
243 |       <span class="icon-bar"></span>
244 |     </div>
245 |     <div id="nav-content" tabindex="0">
246 |       <ul>
247 |         <li><a href="addEHR.html">Add Medical Record</a></li>
248 |         <li><a href="book.html">Book Appoinment</a></li>
249 |         <li><a href="logout">Logout</a></li>
250 |       </ul>
251 |     </div>
252 |   </div>
253 | 
254 |   <main>
255 |     <div class="content">
256 |       <h2><span>{{username}}</span> Welcome to  <span>Medical Health Records System</span></h2>
257 |     </div>
258 |   </main>
259 | </div>
260 | </body>
261 | </html>


--------------------------------------------------------------------------------