Commit d21cbd9c authored by Mat's avatar Mat
Browse files

OffreLegumes/ajaxDisplay: mef affichage des items en javascript

parent 35489a8e
......@@ -59,15 +59,9 @@
</div>
</div>
<style>
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable div { width: 220px; height: 290px;}
#sortable div.ui-state-default { margin: 1em 1em 0 0; padding: 0; float: left; }
</style>
<div id="maingrid" class="grid offre-legumes table-striped">
<div id="sortable">
<div class="ui-state-default">1</div>
Il n'y a pas encore de légumes !
</div>
</div>
......@@ -158,6 +152,7 @@
let div = document.createElement('div');
div.classList.add('ui-state-default');
div.dataset.legumeId = jsonRow.id;
div.dataset.orderId = jsonRow.order;
let logo = document.createElement('div');
logo.classList.add('logo', 'lg');
......@@ -168,37 +163,38 @@
let img = document.createElement('img');
img.setAttribute('src', '/web/uploads/images/legumes/' + jsonRow.image);
/*
let td1 = document.createElement('td');
td1.textContent = jsonRow.id;
div.appendChild(td1);
crop.appendChild(img);
logo.appendChild(crop);
div.appendChild(logo);
let texte = document.createElement('div');
texte.classList.add('texte');
let td2 = document.createElement('td');
td2.innerHTML = jsonRow.image ? '<div class="logo-sm"><div class="crop">' +
'<img src="/web/uploads/images/legumes/' + jsonRow.image + '" /></div></div>': null;
div.appendChild(td2);
let title = document.createElement('h5');
title.innerHTML = jsonRow.nom;
let td3 = document.createElement('td');
td3.textContent = jsonRow.nom;
div.appendChild(td3);
texte.appendChild(title);
div.appendChild(texte);
let td4 = document.createElement('td');
td4.textContent = jsonRow.prix_unitaire + '€/' + jsonRow.unite;
div.appendChild(td4);
let dprix = document.createElement('div');
dprix.classList.add('prix');
let td5 = document.createElement('td');
td5.textContent = jsonRow.ordre;
div.appendChild(td5);
let prix = document.createElement('span');
prix.classList.add('prix');
prix.textContent = jsonRow.prix_unitaire;
dprix.appendChild(prix);
let td6 = document.createElement('td');
td6.textContent = "boutons";
div.appendChild(td6);
*/
let devise = document.createElement('span');
devise.classList.add('devise');
devise.textContent = '';
dprix.appendChild(devise);
crop.appendChild(img);
logo.appendChild(crop);
div.appendChild(logo);
let unite = document.createElement('span');
unite.classList.add('unite');
unite.textContent = '/' + jsonRow.unite;
dprix.appendChild(unite);
div.appendChild(dprix);
return div;
}
......@@ -243,7 +239,7 @@
{% endblock %}
{#
TODO modifier l'ordre des items en drag'n drop (jquery)
TODO sauvegarder l'ordre dans la db quand on enregistre
TODO promo sur l'offre ou sur un légume
TODO volume_max par item
TODO gérer ce qu'on peut/ne peut pas faire en fonction du status de l'offre
......
......@@ -197,4 +197,32 @@ table#maintab span.details {
padding: 1em;
}
/**/
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable div { width: 220px; height: 290px;}
#sortable div.ui-state-default { margin: 1em 1em 0 0; padding: 0; float: left; position: relative; border: 0; }
#sortable div.texte, #sortable div.prix {
position: absolute;
color: white;
bottom: 0;
}
#sortable .texte {
background-color: #000000d1;
height: 35%;
padding: 1em;
}
#sortable div.prix {
right: 0;
width: 70px;
height: 60px;
text-align: right;
padding-right: 12px;
line-height: 1.2;
}
#sortable span.prix {
font-size: 20pt;
}
#sortable span.unite {
display: block;
}
Markdown is supported
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