Skip to content
GitLab
Commit 3263b697 authored by Mat's avatar Mat
Browse files

barnav bootstrap

parent 3e3505e3
Hide whitespace changes
Inline Side-by-side
src/PotageBundle/Resources/views/Legume/create.html.twig
View file @ 3263b697
......@@ -9,7 +9,10 @@
{{ block('breadcrumb') }}
<h1>{{ block('title') }}</h1>
<a href="{{ path('potage_legume_read') }}"><i class="fas fa-arrow-left fa-fw"></i>Retour vers la liste</a>
<p>
<a href="{{ path('potage_legume_read') }}"><i class="fas fa-arrow-left fa-fw"></i>Retour vers la liste</a>
</p>
<div class="row">
<div class="col-9">
......
src/PotageBundle/Resources/views/Legume/read.html.twig
View file @ 3263b697
......@@ -10,6 +10,10 @@
<h1>{{ block('title') }}</h1>
<p>
<a href="{{ path('potage_legume_create') }}"><i class="fas fa-plus fa-fw"></i>Ajouter un légume</a>
</p>
<table id="maintab" class="table legumes">
<thead>
<tr>
......
src/PotageBundle/Resources/views/Legume/update.html.twig
View file @ 3263b697
......@@ -9,7 +9,11 @@
{{ block('breadcrumb') }}
<h1>{{ block('title') }}</h1>
<a href="{{ path('potage_legume_read') }}"><i class="fas fa-arrow-left fa-fw"></i>Retour vers la liste</a>
<p>
<a href="{{ path('potage_legume_read') }}"><i class="fas fa-arrow-left fa-fw"></i>Retour vers la liste</a>
</p>
<div class="row">
<div class="col-9">
......
src/PotageBundle/Resources/views/layout.html.twig
View file @ 3263b697
......@@ -8,28 +8,67 @@
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
{% endblock %}
{% block bodyParam %}{{ app.request.get('_route')|replace({'potage_': ''}) }}{% endblock %}
{% block bodyParam %}{{ app.request.get('_route')|replace({'potage_': ''}) }}
{% endblock %}
{% block layout %}
<header id="header">
<div class="container">
{% block header %}
<div class="accueil">
<h1>Potage</h1>
</div>
<nav id="mainnav">
<ul>
<li class="{{ app.request.get('_route') == 'potage_homepage' ? 'active' }}">
<a href="{{ path('potage_homepage') }}">
Accueil
{% block header %}
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Potage</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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 mr-auto">
<li class="nav-item {{ app.request.get('_route') == 'potage_homepage' ? 'active' }}">
<a class="nav-link" href="{{ path('potage_homepage') }}">Accueil
<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item {{ app.request.get('_route') == 'potage_legume_read' ? 'active' }}">
<a class="nav-link" href="{{ path('potage_legume_read') }}">Les légumes
<span class="sr-only">(current)</span></a>
</li>
{#
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
#}
</ul>
</nav>
{% endblock %}
</div>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Rechercher" aria-label="Search">
{#
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Go !</button>
#}
</form>
</div>
</nav>
{% endblock %}
<div class="container"></div>
</header>
<div id="content">
<div class="container">
......@@ -38,18 +77,7 @@
<aside>
{% block sidebar %}
<ul>
<li class="{{ app.request.get('_route') == 'potage_legume_read' ? 'active' }}">
<a href="{{ path('potage_legume_read') }}">
Les légumes
</a>
</li>
<li class="{{ app.request.get('_route') == 'potage_legume_create' ? 'active' }}">
<a href="{{ path('potage_legume_create') }}">
Ajouter un légume
</a>
</li>
</ul>
{% endblock %}
</aside>
......@@ -59,7 +87,9 @@
{% block breadcrumb %}
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ path('potage_homepage') }}">Accueil</a></li>
<li class="breadcrumb-item">
<a href="{{ path('potage_homepage') }}">Accueil</a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{ block('title') }}</li>
</ol>
</nav>
......@@ -71,7 +101,7 @@
</section>
{% endblock %}
<br class="clearfix" />
<br class="clearfix"/>
</div>
</div>
......@@ -82,9 +112,11 @@
<div class="container">
{% block footer %}
<a href="http://mathieu.actic.be">Tchama</a> 2018 —
propulsé par <a href="https://symfony.com/doc/current/index.html" target="_blank">Symfony 3</a> —
habillé avec <a href="https://twig.symfony.com/doc/2.x/" target="_blank">Twig</a>
<a href="http://mathieu.actic.be">Tchama</a>
2018 — propulsé par
<a href="https://symfony.com/doc/current/index.html" target="_blank">Symfony 3</a>
— habillé avec
<a href="https://twig.symfony.com/doc/2.x/" target="_blank">Twig</a>
{% endblock %}
</div>
......
web/css/style.css
View file @ 3263b697
......@@ -2,11 +2,14 @@
@import url('https://fonts.googleapis.com/css?family=Averia+Sans+Libre:300i,400i');
body {
margin: 2em; padding: 0;
margin: 0; padding: 0;
position: relative;
font-family: 'Open Sans', sans-serif;
font-size: 12pt;
}
div#content {
margin: 2em;
}
form.formulaire {
margin: 1em auto;
padding: 2em;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment