bootstrap

This commit is contained in:
2024-10-16 15:05:39 +02:00
parent b9a3a65e71
commit f6deb4b849
4 changed files with 58 additions and 53 deletions

View File

@@ -3,26 +3,31 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style/style.css"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
{# <link rel="stylesheet" href="style/style.css"/> #}
{# <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> #}
<title>Ajouter utilisateur</title>
</head>
<body>
<form method="post">
<div class="container text-center bg-light">
<h1>Ajouter un utilisateur</h1>
<form class="form-group" role="search" method="post">
<label for="login">Utilisateur</label>
<input type="text" name="login" id="login">
<input type="text" class="form-control" name="login" id="login">
<label for="password">Mot de passe</label>
<input type="text" name="password" id="password" />
<input type="password" class="form-control" name="password" id="password" />
<label for="firstname">Prénom</label>
<input type="text" name="firstname" id="firstname">
<input type="text" class="form-control" name="firstname" id="firstname">
<label for="lastname">Nom de famille</label>
<input type="text" name="lastname" id="lastname" />
<input type="text" class="form-control" name="lastname" id="lastname" />
<label for="role">Role</label>
<input type="number" name="role" id="role">
<input type="number" class="form-control" name="role" id="role">
<label for="description">Description</label>
<textarea name="description"></textarea>
<button>Enregistrer</button>
<textarea name="description" class="form-control"></textarea>
<input type="submit" class="btn btn-success" name="Enregistrer" value="Enregistrer"/>
</form>
</div>
</body>
</html>

View File

@@ -4,21 +4,25 @@
<head>
<meta charset="UTF-8">
<title>Détails de l'utilisateur</title>
<link rel="stylesheet" href="style/style.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
{# <link rel="stylesheet" href="style/style.css" /> #}
{# <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> #}
</head>
<body>
<div>
<div class="container text-center bg-light">
<h1>Détails pour lutilisateur {{ user.login }}</h1>
<div class="container bg-white w-25 border my-2">
<p>ID : {{ user.id }}</p>
<p>Login : {{ user.login }}</p>
<p>FirstName : {{ user.firstname }}</p>
<p>LastName : {{ user.lastname }}</p>
<p>Role : {{ user.role }}</p>
<p>
<button onclick="window.location.href='edit.php?id={{ user.id }}'">Modifier</button>
<button onclick="window.location.href='delete.php?id={{ user.id }}'">Supprimer</button>
</p>
</div>
<div>
<button type="button" class="btn btn-warning" onclick="window.location.href='edit.php?id={{ user.id }}'">Modifier</button>
<button type="button" class="btn btn-danger" onclick="window.location.href='delete.php?id={{ user.id }}'">Supprimer</button>
</div>
</div>
</body>

View File

@@ -5,29 +5,23 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Modification de l'utilisateur</title>
<link rel="stylesheet"
href="style/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
{# <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> #}
{# <link rel="stylesheet"
href="style/style.css"> #}
</head>
<body>
<div>
<div class="container text-center bg-light">
<h1>Modifier un utilisateur</h1>
<form method="post">
<p>
<label for="login">Login</label>
<input type="text" name="login" id="login" value="{{ user.login }}">
</p>
<p>
<input type="text" class="form-control" name="login" id="login" value="{{ user.login }}">
<label for="description">Description</label>
<input type="text" name="description" id="description" value="{{ user.description }}">
</p>
<p>
<input type="text" class="form-control" name="description" id="description" value="{{ user.description }}">
<label for="role">Role</label>
<input type="number" name="role" id="role" value="{{ user.role }}">
</p>
<p>
<button>Enregistrer</button>
</p>
<input type="number" class="form-control" name="role" id="role" value="{{ user.role }}">
<input type="submit" class="btn btn-success" name="Enregistrer" value="Enregistrer"/>
<input type="hidden" name="id" value="{{ user.id }}">
</form>
</div>

View File

@@ -4,15 +4,17 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style/style.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
{# <link rel="stylesheet" href="style/style.css" /> #}
{# <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> #}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Liste des utilisateurs</title>
</head>
<body>
<div>
<h1>Liste des utilisateurs</h1>
<table>
<div class="container text-center bg-light">
<h1 class="">Liste des utilisateurs</h1>
<table class="table table-striped table-bordered table-condensed">
<thead>
<th>ID</th>
<th>Login</th>
@@ -31,15 +33,15 @@
<td>{{ user.firstname }}</td>
<td>{{ user.role }}</td>
<td>
<button onclick="window.location.href='details.php?id={{ user.id }}'">Voir</button>
<button onclick="window.location.href='edit.php?id= {{ user.id }}'">Modifier</button>
<button onclick="window.location.href='delete.php?id= {{ user.id }}'">Supprimer</button>
<button type="button" class="btn btn-info" onclick="window.location.href='details.php?id={{ user.id }}'">Voir</button>
<button type="button" class="btn btn-warning" onclick="window.location.href='edit.php?id= {{ user.id }}'">Modifier</button>
<button type="button" class="btn btn-danger" onclick="window.location.href='delete.php?id= {{ user.id }}'">Supprimer</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<button onclick="window.location.href='add.php'">Ajouter</button>
<button type="button" class="btn btn-success" onclick="window.location.href='add.php'">Ajouter</button>
</div>
</body>