Advertisement
Kitood

Untitled

Feb 1st, 2023
635
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.71 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.    
  8.     <link rel="stylesheet" href="{{ url_for('static',filename='styles/docdash.css') }}">
  9.     <link rel="stylesheet" href="{{ url_for('static',filename='styles/table.css') }}">
  10.     <script src="https://kit.fontawesome.com/fc6a73613f.js"></script>
  11.     <title>Dashboard</title>
  12. </head>
  13. <body>
  14.    <!-- SIDEBAR SECTION
  15.   <div class="bar">
  16.    <div class="sidebar">
  17.        <h2>HealthID</h2>
  18.        
  19.        <ul>
  20.            <li><a href="#doc"><i class="fa-solid fa-file-waveform"></i>Patient Lineup</a></li>
  21.            <li><a href="#upload_files"><i class="fa-solid fa-upload"></i>Patient Record</a></li>
  22.            <li><a href="#past_activity"><i class="fa-solid fa-book-medical"></i>Past Activity</a></li>
  23.            <li><a href="/logout"><i class="fa-solid fa-right-from-bracket"></i>Logout</a></li>
  24.  
  25.        </ul>
  26.    
  27.        <div class="social_media">
  28.            <a href="#"><i class="fab fa-github"></i></a>
  29.            <a href="#"><i class="fab fa-twitter"></i></a>
  30.            <a href="#"><i class="fab fa-instagram"></i></a>
  31.        </div>
  32.     </div>
  33.    </div> -->
  34.  
  35.     <!-- <h1>Welcome {{session.get('name')}}</h1> -->
  36.     <div class="main_content">
  37.         <div class="header">
  38.             <h1>Welcome {{session.get('name')}}</h1>
  39.             <hr>
  40.         </div>
  41.         <div class="content">
  42.         <section class="doctor" id="doc">
  43.             <!-- <h2 class="apt">TODAY'S SCHEDULE</h2> -->
  44.             <!-- Appointments Table -->
  45.             <div class="card mb-3">
  46.                 <div class="card-header">
  47.                     <i class="fas fa-table"></i>
  48.                     Appointments</div>
  49.                 <div class="card-body">
  50.                     <div class="table-responsive">
  51.                         <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
  52.                             <thead>
  53.                             <tr>
  54.                                 <th>Patient Name</th>
  55.                                 <th>Date</th>
  56.                                 <th>Time</th>
  57.                             </tr>
  58.                             </thead>
  59.            
  60.                             <tbody>
  61.                             {% for appointment in appointments %}
  62.                                 <tr>
  63.                                 <td>{{appointment['patient_name']}}</td>
  64.                                 <td>{{appointment['date']}}</td>
  65.                                 <td>{{appointment['time']}}</td>
  66.                                 <td><button onclick="showForm()">View</button>
  67.                                     <form id="formElement" style="display: none;">
  68.                                         Patient name : {{appointment['patient_name']}}
  69.                                         <br>
  70.                                         Patient email : {{appointment['patient_email']}}
  71.                                         <br>
  72.                                         <label for="Description">Description :</label>
  73.                                         <input type="text" id="Description" name="Description" />
  74.                                         <br>
  75.                                         <label for="Description">Remarks :</label>
  76.                                         <input type="text" id="Remarks" name="Remarks" />
  77.                                     </form>
  78.                                 </td>
  79.                                 <!-- <td>{{appointment['patient_name']}}</td>
  80.                                <td>{{appointment['date']}}</td>
  81.                                <td>{{appointment['time']}}</td> -->
  82.                                 <!-- <td>hello</td> -->
  83.                                 <!-- <td>hello</td> -->
  84.                                 <!-- <td>hello</td> -->
  85.                                 </tr>
  86.                             {% endfor %}
  87.                             </tbody>
  88.                         </table>
  89.                     </div>
  90.                 </div>
  91.             </div>            
  92.         </section>
  93.         <hr>
  94.         <section  class="upload" id="upload_files">
  95.             <!-- <h2 class="apt">PATIENT RECORDS</h2> -->
  96.         </section>
  97.  
  98.         <section class="activity" id="past_activity">
  99.             <!-- <h2 class="apt">THIS IS PAST ACTIVITY SECTION</h2>     -->
  100.         </section>
  101.        
  102.         </div>
  103.     </div>
  104.  
  105.       <script type="text/javascript">
  106.           function showForm() {
  107.               document.getElementById('formElement').style.display = 'block';
  108.           }
  109.       </script>
  110. </body>
  111. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement