Skip to content
Snippets Groups Projects
Commit f35d40d7 authored by COULIBALY Aichatou's avatar COULIBALY Aichatou
Browse files

-----

parent 947621e2
No related branches found
No related tags found
1 merge request!18Aichatou
Showing
with 0 additions and 167 deletions
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bienvenue - Gestion Dossiers Médicaux</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 font-sans leading-normal tracking-normal">
<!-- Header -->
<header class="bg-white shadow-md">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center py-6">
<h1 class="text-2xl font-semibold text-gray-900">Gestion Dossiers Médicaux</h1>
<div class="space-x-4">
<a href="/doctors/dashboard" class="px-6 py-2 bg-green-500 text-white rounded-md hover:bg-green-600">Professionnel de santé</a>
<a href="/login" class="text-blue-500 hover:text-blue-700">Connexion</a>
<a href="/register" class="text-blue-500 hover:text-blue-700">Inscription</a>
</div>
</div>
</div>
</header>
<!-- Main Section -->
<main class="mt-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h2 class="text-4xl font-bold text-gray-800">Bienvenue sur notre application de gestion de dossiers médicaux</h2>
<p class="mt-4 text-lg text-gray-600">Accédez facilement à vos dossiers médicaux et organisez vos rendez-vous en toute sécurité.</p>
</div>
<!-- Search Section -->
<div class="mt-8 text-center">
<form action="/doctors/search" method="get" class="max-w-md mx-auto flex items-center space-x-4">
<input type="text" name="firstName" class="w-full px-4 py-2 border rounded-md" placeholder="Prénom du médecin">
<input type="text" name="lastName" class="w-full px-4 py-2 border rounded-md" placeholder="Nom du médecin" required>
<button type="submit" class="px-6 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600">Rechercher</button>
</form>
</div>
</div>
</main>
<!-- Footer -->
<footer class="bg-white shadow-md mt-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 text-center">
<p class="text-sm text-gray-600">&copy; 2025 Gestion Dossiers Médicaux. Tous droits réservés.</p>
</div>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Liste des dossiers médicaux</title>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
</head>
<body class="bg-light">
<div class="container mt-5">
<h1 class="text-center mb-4">Liste des dossiers médicaux</h1>
<table class="table table-striped table-bordered">
<thead class="table-dark">
<tr>
<th>ID</th>
<th>Patient</th>
<th>Médecin</th>
<th>Historique</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr th:each="file : ${medicalFiles}">
<td th:text="${file.id}"></td>
<td th:text="${file.patient.firstName} + ' ' + ${file.patient.lastName}"></td>
<td th:text="${file.doctor.firstName} + ' ' + ${file.doctor.lastName}"></td>
<td th:text="${file.history}"></td>
<td>
<a th:href="@{/medical-files/{id}(id=${file.id})}" class="btn btn-info">Consulter</a>
</td>
</tr>
</tbody>
</table>
<a href="/" class="btn btn-primary mt-3">Retour à l'accueil</a>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Détails du dossier médical</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
</head>
<body class="bg-light">
<div class="container mt-5">
<h1 class="text-center mb-4">Détails du dossier médical</h1>
<div th:if="${medicalFile}">
<h5 class="card-title">Dossier médical de :
<span th:text="${medicalFile.patient != null ? medicalFile.patient.firstName : 'Inconnu'}"></span>
<span th:text="${medicalFile.patient != null ? medicalFile.patient.lastName : ''}"></span>
</h5>
<h6 class="card-subtitle mb-2 text-muted">Médecin :
<span th:text="${medicalFile.doctor != null ? medicalFile.doctor.firstName : 'Inconnu'}"></span>
<span th:text="${medicalFile.doctor != null ? medicalFile.doctor.lastName : ''}"></span>
</h6>
<p class="card-text"><strong>Historique médical :</strong>
<span th:text="${medicalFile.history != null ? medicalFile.history : 'Non disponible'}"></span>
</p>
</div>
<!-- Formulaire de mise à jour de l'historique -->
<form method="post" th:action="@{/medical-files/{id}/history(id=${medicalFile.id})}">
<div class="mb-3">
<label class="form-label">Historique médical :</label>
<textarea class="form-control" name="history" th:text="${medicalFile.history}"></textarea>
</div>
<button type="submit" class="btn btn-success">Mettre à jour l'historique</button>
</form>
<!-- Formulaire de téléchargement du document -->
<form method="post" th:action="@{/medical-files/{id}/documents(id=${medicalFile.id})}" enctype="multipart/form-data">
<label for="file">Importer un document :</label>
<input type="file" name="document" id="file" class="form-control mb-2"/>
<button type="submit" class="btn btn-primary">Uploader le document</button>
</form>
<!-- Liste des documents avec lien de téléchargement -->
<div class="mt-3">
<h5>Documents disponibles :</h5>
<ul class="list-group">
<li th:each="doc : ${medicalFile.documents}" class="list-group-item d-flex justify-content-between align-items-center">
<span th:text="${doc.fileName}"></span>
<div>
<a th:href="@{/medical-files/{id}/documents/{docId}(id=${medicalFile.id}, docId=${doc.id})}" class="btn btn-sm btn-warning">
Télécharger
</a>
<form th:action="@{/medical-files/{id}/documents/{docId}(id=${medicalFile.id}, docId=${doc.id})}"
method="post"
class="d-inline">
<input type="hidden" name="_method" value="delete"/>
<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Voulez-vous vraiment supprimer ce document ?');">
Supprimer
</button>
</form>
</div>
</li>
</ul>
</div>
<a href="/medical-files" class="btn btn-primary mt-3">Retour à la liste</a>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
File deleted
File deleted
File deleted
File deleted
File deleted
File deleted
File deleted
File deleted
File deleted
File deleted
File deleted
File deleted
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment