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:
commit
76e4edc581
|
@ -45,4 +45,9 @@ symfony console doctrine:fixtures:load
|
||||||
### Question 4
|
### Question 4
|
||||||
```bash
|
```bash
|
||||||
symfony console make:crud Atelier
|
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
|
class PagesController extends AbstractController
|
||||||
{
|
{
|
||||||
#[Route('/pages', name: 'app_pages')]
|
#[Route('/', name: 'app_index')]
|
||||||
public function index(): Response
|
public function index(): Response
|
||||||
{
|
{
|
||||||
return $this->render('pages/index.html.twig', [
|
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?');">
|
<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) }}">
|
<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>
|
</form>
|
||||||
|
|
|
@ -1,4 +1,8 @@
|
||||||
{{ form_start(form) }}
|
{{ form_start(form) }}
|
||||||
{{ form_widget(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) }}
|
{{ form_end(form) }}
|
||||||
|
|
|
@ -1,13 +1,11 @@
|
||||||
{% extends 'base.html.twig' %}
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
{% block title %}Edit Atelier{% endblock %}
|
{% block title %}Modifier l'atelier{% endblock %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
<h1>Edit Atelier</h1>
|
<h1>Modifier l'atelier</h1>
|
||||||
|
|
||||||
{{ include('atelier/_form.html.twig', {'button_label': 'Update'}) }}
|
{{ include('atelier/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
|
||||||
|
|
||||||
<a href="{{ path('app_atelier_index') }}">back to list</a>
|
|
||||||
|
|
||||||
{{ include('atelier/_delete_form.html.twig') }}
|
{{ include('atelier/_delete_form.html.twig') }}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -7,12 +7,12 @@
|
||||||
|
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Id</th>
|
<th scope="row">Id</th>
|
||||||
<th>Nom</th>
|
<th scope="col">Nom</th>
|
||||||
<th>Description</th>
|
<th class="" scope="col">Description</th>
|
||||||
<th>actions</th>
|
<th scope="col">Actions</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for atelier in ateliers %}
|
{% for atelier in ateliers %}
|
||||||
|
@ -21,8 +21,12 @@
|
||||||
<td>{{ atelier.nom }}</td>
|
<td>{{ atelier.nom }}</td>
|
||||||
<td>{{ atelier.description }}</td>
|
<td>{{ atelier.description }}</td>
|
||||||
<td>
|
<td>
|
||||||
<a href="{{ path('app_atelier_show', {'id': atelier.id}) }}">show</a>
|
<div class="d-flex flex-row">
|
||||||
<a href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">edit</a>
|
<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>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
@ -33,5 +37,7 @@
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</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 %}
|
{% endblock %}
|
||||||
|
|
|
@ -1,11 +1,9 @@
|
||||||
{% extends 'base.html.twig' %}
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
{% block title %}New Atelier{% endblock %}
|
{% block title %}Nouvel atelier{% endblock %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
<h1>Create new Atelier</h1>
|
<h1>Créer un nouvel atelier</h1>
|
||||||
|
|
||||||
{{ include('atelier/_form.html.twig') }}
|
{{ include('atelier/_form.html.twig', {'button_label': 'Sauvegarder'}) }}
|
||||||
|
|
||||||
<a href="{{ path('app_atelier_index') }}">back to list</a>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -7,24 +7,25 @@
|
||||||
|
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Id</th>
|
<th>Id</th>
|
||||||
<td>{{ atelier.id }}</td>
|
<td>{{ atelier.id }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Nom</th>
|
<th>Nom</th>
|
||||||
<td>{{ atelier.nom }}</td>
|
<td>{{ atelier.nom }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Description</th>
|
<th>Description</th>
|
||||||
<td>{{ atelier.description }}</td>
|
<td>{{ atelier.description }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<a href="{{ path('app_atelier_index') }}">back to list</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 href="{{ path('app_atelier_edit', {'id': atelier.id}) }}">edit</a>
|
<a class="btn btn-outline-primary m-2" href="{{ path('app_atelier_index') }}">Retour à la liste</a>
|
||||||
|
{{ include('atelier/_delete_form.html.twig') }}
|
||||||
{{ include('atelier/_delete_form.html.twig') }}
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
|
@ -1,20 +1,43 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>{% block title %}Welcome!{% endblock %}</title>
|
<title>{% block title %}Welcome!{% endblock %}</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<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"
|
||||||
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
|
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>">
|
||||||
{% block stylesheets %}
|
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
|
||||||
{{ encore_entry_link_tags('app') }}
|
{% block stylesheets %}
|
||||||
{% endblock %}
|
{{ encore_entry_link_tags('app') }}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
{% block javascripts %}
|
{% block javascripts %}
|
||||||
{{ encore_entry_script_tags('app') }}
|
{{ encore_entry_script_tags('app') }}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{% block body %}{% endblock %}
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||||
</body>
|
<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>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue