Persson-dev/tp_twigg
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bootstrap

Browse Source
This commit is contained in:
Simon Pribylski
2024-10-16 15:05:39 +02:00
parent b9a3a65e71
commit f6deb4b849
4 changed files with 58 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
crud/vue/add.twig
View File

@@ -3,26 +3,31 @@
<head> <head>
<meta charset="UTF-8"> <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> <title>Ajouter utilisateur</title>
</head> </head>
<body> <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> <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> <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> <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> <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> <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> <label for="description">Description</label>
<textarea name="description"></textarea> <textarea name="description" class="form-control"></textarea>
<button>Enregistrer</button> <input type="submit" class="btn btn-success" name="Enregistrer" value="Enregistrer"/>
</form> </form>
</div>
</body> </body>
</html> </html>

16
crud/vue/details.twig
View File

@@ -4,21 +4,25 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Détails de l'utilisateur</title> <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> </head>
<body> <body>
<div> <div class="container text-center bg-light">
<h1>Détails pour l’utilisateur {{ user.login }}</h1> <h1>Détails pour l’utilisateur {{ user.login }}</h1>
<div class="container bg-white w-25 border my-2">
<p>ID : {{ user.id }}</p> <p>ID : {{ user.id }}</p>
<p>Login : {{ user.login }}</p> <p>Login : {{ user.login }}</p>
<p>FirstName : {{ user.firstname }}</p> <p>FirstName : {{ user.firstname }}</p>
<p>LastName : {{ user.lastname }}</p> <p>LastName : {{ user.lastname }}</p>
<p>Role : {{ user.role }}</p> <p>Role : {{ user.role }}</p>
<p> </div>
<button onclick="window.location.href='edit.php?id={{ user.id }}'">Modifier</button> <div>
<button onclick="window.location.href='delete.php?id={{ user.id }}'">Supprimer</button> <button type="button" class="btn btn-warning" onclick="window.location.href='edit.php?id={{ user.id }}'">Modifier</button>
</p> <button type="button" class="btn btn-danger" onclick="window.location.href='delete.php?id={{ user.id }}'">Supprimer</button>
</div>
</div> </div>
</body> </body>

24
crud/vue/edit.twig
View File

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

18
crud/vue/index.twig
View File

@@ -4,15 +4,17 @@
<head> <head>
<meta charset="UTF-8"> <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"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Liste des utilisateurs</title> <title>Liste des utilisateurs</title>
</head> </head>
<body> <body>
<div> <div class="container text-center bg-light">
<h1>Liste des utilisateurs</h1> <h1 class="">Liste des utilisateurs</h1>
<table> <table class="table table-striped table-bordered table-condensed">
<thead> <thead>
<th>ID</th> <th>ID</th>
<th>Login</th> <th>Login</th>
@@ -31,15 +33,15 @@
<td>{{ user.firstname }}</td> <td>{{ user.firstname }}</td>
<td>{{ user.role }}</td> <td>{{ user.role }}</td>
<td> <td>
<button onclick="window.location.href='details.php?id={{ user.id }}'">Voir</button> <button type="button" class="btn btn-info" onclick="window.location.href='details.php?id={{ user.id }}'">Voir</button>
<button onclick="window.location.href='edit.php?id= {{ user.id }}'">Modifier</button> <button type="button" class="btn btn-warning" 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-danger" onclick="window.location.href='delete.php?id= {{ user.id }}'">Supprimer</button>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </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> </div>
</body> </body>