Merge pull request #5 in WFCC/cc34 from 5-navBootstrap to master
* commit '650fbdce4043e75dac99d5bdae70fb1cea9898f2': Mise à jour readme.md fix btn question 5 navBar debut bootstrap CRUD
This commit is contained in:
Benjaballah Zakarya
commit
76e4edc581
|
|
@ -46,3 +46,8 @@ symfony console doctrine:fixtures:load
|
|||
```bash
|
||||
symfony console make:crud Atelier
|
||||
```
|
||||
|
||||
### Question 5
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
body {
|
||||
background-color: lightgray;
|
||||
}
|
||||
|
|
@ -8,7 +8,7 @@ use Symfony\Component\Routing\Annotation\Route;
|
|||
|
||||
class PagesController extends AbstractController
|
||||
{
|
||||
#[Route('/pages', name: 'app_pages')]
|
||||
#[Route('/', name: 'app_index')]
|
||||
public function index(): Response
|
||||
{
|
||||
return $this->render('pages/index.html.twig', [
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<form method="post" action="{{ path('app_atelier_delete', {'id': atelier.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ atelier.id) }}">
|
||||
<button class="btn">Delete</button>
|
||||
<button class="btn btn-outline-danger m-2" >Supprimer</button>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,8 @@
|
|||
{{ form_start(form) }}
|
||||
{{ form_widget(form) }}
|
||||
<button class="btn">{{ button_label|default('Save') }}</button>
|
||||
<div class="d-flex flex-row">
|
||||
<button class="btn btn-outline-primary m-2">{{ button_label|default('Save') }}</button>
|
||||
|
||||
<a class="btn btn-outline-primary m-2" href="{{ path('app_atelier_index') }}">Retour à la liste</a>
|
||||
</div>
|
||||
{{ form_end(form) }}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,11 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Edit Atelier{% endblock %}
|
||||
{% block title %}Modifier l'atelier{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<h1>Edit Atelier</h1>
|
||||
<h1>Modifier l'atelier</h1>
|
||||
|
||||
{{ include('atelier/_form.html.twig', {'button_label': 'Update'}) }}
|
||||
|
||||
<a href="{{ path('app_atelier_index') }}">back to list</a>
|
||||
{{ include('atelier/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
|
||||
|
||||
{{ include('atelier/_delete_form.html.twig') }}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -8,10 +8,10 @@
|
|||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Id</th>
|
||||
<th>Nom</th>
|
||||
<th>Description</th>
|
||||
<th>actions</th>
|
||||
<th scope="row">Id</th>
|
||||
<th scope="col">Nom</th>
|
||||
<th class="" scope="col">Description</th>
|
||||
<th scope="col">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
|
@ -21,8 +21,12 @@
|
|||
<td>{{ atelier.nom }}</td>
|
||||
<td>{{ atelier.description }}</td>
|
||||
<td>
|
||||
<a href="{{ path('app_atelier_show', {'id': atelier.id}) }}">show</a>
|
||||
<a href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">edit</a>
|
||||
<div class="d-flex flex-row">
|
||||
<a class="btn btn-outline-primary m-1"
|
||||
href="{{ path('app_atelier_show', {'id': atelier.id}) }}">Afficher</a>
|
||||
<a class="btn btn-outline-primary m-1"
|
||||
href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">Modifier</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
|
|
@ -33,5 +37,7 @@
|
|||
</tbody>
|
||||
</table>
|
||||
|
||||
<a href="{{ path('app_atelier_new') }}">Create new</a>
|
||||
<div class="d-flex justify-content-center">
|
||||
<a class="btn btn-primary mb-3" href="{{ path('app_atelier_new') }}">Créer atelier</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,9 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}New Atelier{% endblock %}
|
||||
{% block title %}Nouvel atelier{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<h1>Create new Atelier</h1>
|
||||
<h1>Créer un nouvel atelier</h1>
|
||||
|
||||
{{ include('atelier/_form.html.twig') }}
|
||||
|
||||
<a href="{{ path('app_atelier_index') }}">back to list</a>
|
||||
{{ include('atelier/_form.html.twig', {'button_label': 'Sauvegarder'}) }}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -22,9 +22,10 @@
|
|||
</tbody>
|
||||
</table>
|
||||
|
||||
<a href="{{ path('app_atelier_index') }}">back to list</a>
|
||||
|
||||
<a href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">edit</a>
|
||||
|
||||
<div class="d-flex flex-row">
|
||||
<a class="btn btn-outline-primary m-2" href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">Modifier</a>
|
||||
<a class="btn btn-outline-primary m-2" href="{{ path('app_atelier_index') }}">Retour à la liste</a>
|
||||
{{ include('atelier/_delete_form.html.twig') }}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,8 @@
|
|||
<meta charset="UTF-8">
|
||||
<title>{% block title %}Welcome!{% endblock %}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
|
||||
<link rel="icon"
|
||||
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
|
||||
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
|
||||
{% block stylesheets %}
|
||||
{{ encore_entry_link_tags('app') }}
|
||||
|
|
@ -15,6 +16,28 @@
|
|||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
{% block body %}{% endblock %}
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#">CC34</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" aria-current="page" href="{{ path('app_index') }}">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ path('app_atelier_index') }}">Atelier</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container">{% block body %}{% endblock %}</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue