MediConsult / index.html
SuriRaja's picture
Update index.html
a906acb verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MediConsult</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Two+Tone" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Sharp" rel="stylesheet">
<link rel="stylesheet" href="fonts.css">
<link rel="manifest" href="manifest.json">
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js');
}
</script>
</head>
<body>
<header>
<h1>MediConsult</h1>
</header>
<main>
<!-- Login Section -->
<section id="login-section">
<h2>Login</h2>
<form id="loginForm">
<label for="role">Select Role:</label>
<select id="role" name="role">
<option value="doctor">Doctor</option>
<option value="support_staff">Support Staff</option>
<option value="patient">Patient</option>
</select>
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<button type="submit">Login</button>
</form>
</section>
<!-- Patient Dashboard -->
<section id="patient-dashboard" style="display: none;">
<h2>Patient Dashboard</h2>
<button id="requestAppointment">Request Appointment</button>
<button id="viewAppointments">View Appointments</button>
<button id="viewPrescriptions">View Prescriptions</button>
<button id="downloadReports">Download Reports</button>
<button id="joinVideoCall">Join Video Call</button>
<button id="uploadDocuments">Upload Documents</button>
</section>
<!-- Doctor Dashboard -->
<section id="doctor-dashboard" style="display: none;">
<h2>Doctor Dashboard</h2>
<button id="viewPatients">View Patients</button>
<button id="viewAppointments">View Appointments</button>
<button id="uploadPrescriptions">Upload Prescriptions</button>
<button id="manageReports">Manage Reports</button>
<button id="joinVideoCall">Join Video Call</button>
</section>
<!-- Video Call Section -->
<div id="jitsi-container" style="height: 600px; display: none;"></div>
<button id="startCall" style="display: none;">Start Video Call</button>
</main>
<script src="script.js"></script>
<script src="https://meet.jit.si/external_api.js"></script>
</body>
</html>