Commit 0e9f1553 authored by Mat's avatar Mat
Browse files

Merge branch 'test_ombrage'

parents 2429f769 0fba8d15
<div class="footer">
<a href="http://mathieu.actic.be" target="_blank">Tchama</a> 2018 —
<a href="https://gitlab.domainepublic.net/mathieu/potage" target="_blank">Code</a> sous license GPL —
propulsion <a href="https://symfony.com/doc/current/index.html" target="_blank">Symfony</a>
<a href="http://mathieu.actic.be" target="_blank">Tchama</a> 2018 —
<a href="https://gitlab.domainepublic.net/mathieu/potage" target="_blank">Code</a> sous license GPL —
propulsion <a href="https://symfony.com/doc/current/index.html" target="_blank">Symfony</a>
</div>
{#
......@@ -20,4 +22,4 @@ Please buy a commercial licence for commercial use without attribution.
Big set of vegetables BSGStudio
#}
\ No newline at end of file
#}
......@@ -4,23 +4,24 @@
Bienvenue sur Potage!
{% endblock %}
{% block body %}
{{ block('breadcrumb') }}
<div id="content">
{% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light navbar-search" style="height: 250px;"></nav>
{% endblock searchbar %}
<h1>{{ block('title') }}</h1>
<h4>Potage est une application en ligne de commande de légumes.</h4>
<hr>
{% block content %}
<p>Des groupes de mangeurs sont informés par newletter des offres de légumes en cours.<br>
Ils peuvent en retour passer commande de diverses manières.</p>
<h1>{{ block('title') }}</h1>
<h4>Potage est une application en ligne de commande de légumes.</h4>
<hr>
<p>Le maraîcher peut facilement gèrer ses groupes de mangeurs, les infoslettres avec les dernières offres,
les commandes à préparer et à livrer au point de dépôt de chaque groupe.</p>
<p>Des groupes de mangeurs sont informés par newletter des offres de légumes en cours.<br>
Ils peuvent en retour passer commande de diverses manières.</p>
<p><b>Potage</b> n'est pas vraiment un site de vente en ligne.<br>
Nous sommes dans le circuit-court, le maraîcher connait personnellement sa clientèle, qui habite à proximité.<br>
<b>Potage</b> l'aide avant tout à structurer sa communication, à organiser les commandes et le dépôt des légumes.</p>
<p>Le maraîcher peut facilement gèrer ses groupes de mangeurs, les infoslettres avec les dernières offres,
les commandes à préparer et à livrer au point de dépôt de chaque groupe.</p>
<p><b>Potage</b> n'est pas vraiment un site de vente en ligne.<br>
Nous sommes dans le circuit-court, le maraîcher connait personnellement sa clientèle, qui habite à proximité.<br>
<b>Potage</b> l'aide avant tout à structurer sa communication, à organiser les commandes et le dépôt des légumes.</p>
</div>
{% endblock %}
......@@ -5,7 +5,7 @@
{% endblock %}
{% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-search">
<nav class="navbar navbar-expand-lg navbar-light navbar-search">
<form class="form-inline my-2 my-lg-0" style="margin: auto;">
<div class="input-group input-group-lg">
<div class="input-group-prepend">
......
......@@ -5,7 +5,7 @@
{% endblock %}
{% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-search">
<nav class="navbar navbar-expand-lg navbar-light navbar-search">
{#<form class="form-inline my-2 my-lg-0" style="margin: auto;">
<div class="input-group input-group-lg">
<div class="input-group-prepend">
......@@ -220,7 +220,7 @@
tr.appendChild(td1);
let td2 = document.createElement('td');
let listStatus = { 'draft': 'En préparation', 'current': 'En cours', 'closed': 'Terminée' };
let listStatus = { 'draft': 'En préparation', 'current': 'Publiée', 'closed': 'Terminée' };
for (let statut in listStatus)
{
if (statut === jsonRow.status)
......@@ -254,8 +254,9 @@
let td6 = document.createElement('td');
let referenceBtn = document.createElement('a');
referenceBtn.setAttribute('href', '#')
referenceBtn.classList.add('btn', 'btn-outline-dark', 'btn-sm');
referenceBtn.setAttribute('href', '#');
referenceBtn.setAttribute('title', 'Éditer');
referenceBtn.classList.add('btn', 'btn-outline-dark', 'btn-sm', 'mb-2', 'mr-2');
referenceBtn.textContent = jsonRow.reference;
td6.appendChild(referenceBtn);
if (jsonRow.status === 'draft')
......@@ -360,7 +361,7 @@
let deleteBtn = document.createElement('button');
deleteBtn.setAttribute('title', 'Supprimer');
deleteBtn.innerHTML = '<i class="fas fa-trash fa-fw"></i>';
deleteBtn.classList.add('btn', 'btn-danger', 'btn-sm', 'ml-2', 'btn-delete');
deleteBtn.classList.add('btn', 'btn-danger', 'btn-sm', 'mb-2', 'btn-delete');
deleteBtn.dataset.offreId = jsonRow.id;
deleteBtn.addEventListener('click', function()
{
......
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Averia+Sans+Libre:300i,400i');
/**/
body {
margin: 0; padding: 0;
position: relative;
margin: 0; padding: 0; /*
position: relative; */
font-family: 'Open Sans', sans-serif;
font-size: 12pt;
}
......@@ -15,13 +16,19 @@ header {
margin: -5px 3px;
height: 40px;
}
.navbar-search {
/**/
nav.navbar-search {
position: relative;
height: 148px;
padding: 3.1rem 1rem;
padding: 3.1rem 0rem;
font-size: 1.2rem;
box-shadow: 0 0 5px 1px #969696 inset;
}
.navbar-search .input-group {
box-shadow: 0 0 10px 0px #969696;
border-radius: 0.3rem;
}
.navbar-search .nav-laterale {
position: absolute;
bottom: 0.3em;
......@@ -34,26 +41,31 @@ header {
right: 0.3em;
}
.navbar-search .input-group {
box-shadow: 0 0 10px 0px #969696;
border-radius: 0.3rem;
}
#legume_ajax_display footer#footer,
#legume_ajax_display .navbar-search {
background-image: url("img/legume_background.nb.4.png");
/**/
footer#footer:before,
nav.navbar-search:before {
content: ' ';
position: absolute;
width: 100%;
height: 100%;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnPgoJPGRlZnM+CgkJPHBhdHRlcm4gaWQ9J3RpbGUnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIHdpZHRoPSc3NScgaGVpZ2h0PSc3NScgdmlld0JveD0nMCAwIDUwIDUwJz4KCQkJPGxpbmUgeDE9JzEnIHkxPScwJyB4Mj0nNTEnIHkyPSc1MCcgc3Ryb2tlPScjZjcwZjBmJyBzdHJva2Utd2lkdGg9JzAnLz4KCQkJPGxpbmUgeDE9JzQ5JyB5MT0nMCcgeDI9Jy0xJyB5Mj0nNTAnIHN0cm9rZT0nI2Y3MGYwZicgc3Ryb2tlLXdpZHRoPScwJy8+CgkJCTxsaW5lIHgxPSc1MCcgeTE9JzAnIHgyPScwJyB5Mj0nNTAnIHN0cm9rZT0nIzA1MWZkYicgc3Ryb2tlLXdpZHRoPScwJy8+CgkJCTxsaW5lIHgxPScwJyB5MT0nMCcgeDI9JzUwJyB5Mj0nNTAnIHN0cm9rZT0nIzA1MWZkYicgc3Ryb2tlLXdpZHRoPScwJy8+CgkJPC9wYXR0ZXJuPgoJCTxyYWRpYWxHcmFkaWVudCBpZD0nbCcgY3g9JzUwJScgY3k9JzIwMCUnIGZ5PScwJyByPScyMDElJz4KCQkJPHN0b3Agb2Zmc2V0PScwJScgc3R5bGU9J3N0b3AtY29sb3I6I2ZmZjsgc3RvcC1vcGFjaXR5Oi4xOycgLz4KCQkJPHN0b3Agb2Zmc2V0PScxMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiMwMDA7IHN0b3Atb3BhY2l0eTowLjE7JyAvPgoJCQk8c3RvcCBvZmZzZXQ9JzMwJScgc3R5bGU9J3N0b3AtY29sb3I6IzAwMDsgc3RvcC1vcGFjaXR5OjAuMzsnIC8+CgkJCTxzdG9wIG9mZnNldD0nOTAlJyBzdHlsZT0nc3RvcC1jb2xvcjojMDAwOyBzdG9wLW9wYWNpdHk6MC41NTsnIC8+CgkJCTxzdG9wIG9mZnNldD0nMTAwJScgc3R5bGU9J3N0b3AtY29sb3I6IzAwMDsgc3RvcC1vcGFjaXR5Oi42JyAvPgoJCTwvcmFkaWFsR3JhZGllbnQ+Cgk8L2RlZnM+Cgk8cmVjdCBmaWxsPScjOGU4ZThlJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJy8+Cgk8cmVjdCBmaWxsPSd1cmwoI3RpbGUpJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJy8+Cgk8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2wpJy8+Cjwvc3ZnPg==);
opacity: 0.4;
}
footer#footer,
nav.navbar-search {
background-image: url("img/legume_background.nb.3.png");
/*
background-color: #9adbfb; */
background-repeat: repeat;
background-position: 0px -16px;
}
#offre_ajax_display footer#footer,
#offre_ajax_display .navbar-search {
background-image: url("img/offre_background.4.png");
background-repeat: repeat;
background-position: 0px -16px;
background-image: url("img/offre_background.3.png");
background-size: 270px;
}
/**/
#content .breadcrumb {
margin-bottom: 1rem;
-webkit-border-radius: 0.25rem;
......@@ -75,16 +87,21 @@ header {
content: "\f0da";
}
/**/
div#content {
margin: 2em;
}
footer#footer {
position: relative;
box-shadow: 0 0 5px 1px #969696 inset;
}
footer#footer .footer {
text-align: center;
padding: 3em;
margin-top: 5em;/*
background: url("img/legume_background.nb.4.png") repeat 0px -100px;*/
box-shadow: 0 0 5px 1px #969696 inset;
margin-top: 5em;
}
/**/
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