284 lines
12 KiB
Twig
284 lines
12 KiB
Twig
|
|
{% extends 'layout.twig' %}
|
|
{% block title "Ğ1-Marché - Produits" %}
|
|
|
|
{% block body %}
|
|
<style>
|
|
.tableau {
|
|
width:100%;
|
|
background-color: white;
|
|
table-layout: fixed;
|
|
border-collapse: collapse;
|
|
/* border-spacing: 1px; // pour contrer les style de base */
|
|
}
|
|
/* Entête */
|
|
.tableau th {
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
padding: 0rem;
|
|
text-align: center;
|
|
border-left: lightgray 1px solid;
|
|
background-color:#999690;
|
|
color:#fff;
|
|
}
|
|
.tableau .colonne_image {
|
|
padding: 0; !important;
|
|
}
|
|
.tableau td {
|
|
border-bottom: solid 1px black;
|
|
border-left: lightgray 1px solid;
|
|
padding-left: 0.7rem;
|
|
}
|
|
.align_droite {
|
|
|
|
text-align: right;
|
|
padding-right: 2rem;
|
|
}
|
|
.breadcrumb {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.toggle_radio {
|
|
position: relative;
|
|
background: rgba(0,0,0,.1);
|
|
margin: -3px auto 4px 10px;
|
|
overflow: hidden;
|
|
padding: 0 !important;
|
|
border-radius: 50px;
|
|
height: 26px;
|
|
width: 215px;
|
|
}
|
|
.toggle_radio > * {
|
|
float: left;
|
|
}
|
|
.toggle_radio input[type=radio]{
|
|
display: none;
|
|
/*position: fixed;*/
|
|
}
|
|
.toggle_radio label{
|
|
/* font: 90%/1.618 "Source Sans Pro";*/
|
|
color: rgba(0,0,0,.9);
|
|
z-index: 0;
|
|
display: block;
|
|
width: 100px;
|
|
height: 20px;
|
|
margin: 3px 3px;
|
|
border-radius: 50px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
/*background: rgba(0,0,0,.1);*/
|
|
text-align: center;
|
|
/*margin: 0 2px;*/
|
|
/*background: blue;*/ /*make it blue*/
|
|
}
|
|
.toggle_option_slider{
|
|
width: 100px;
|
|
height: 20px;
|
|
position: absolute;
|
|
top: 3px;
|
|
border-radius: 50px;
|
|
transition: all .4s ease;
|
|
}
|
|
|
|
#first_toggle:checked ~ .toggle_option_slider{
|
|
background: rgba(0,0,0,.3);
|
|
left: 3px;
|
|
}
|
|
#second_toggle:checked ~ .toggle_option_slider{
|
|
background: rgba(0,0,0,.3);
|
|
left: 109px;
|
|
}
|
|
|
|
</style>
|
|
<script type="text/javascript" src="/js/script.js"></script>
|
|
<!-- Fil d'Ariane -->
|
|
<div class="breadcrumbs" >
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="{{ gmarchePrefix }}">France</a></li>
|
|
<li class="breadcrumb-item"><a href="{{ gmarchePrefix }}/{{ region_slug }}">{{ region_name }}</a></li>
|
|
<li class="breadcrumb-item active">G-Marché de {{ antenne_name }}</li>
|
|
|
|
<div class="toggle_radio">
|
|
<input type="radio" checked class="toggle_option" id="first_toggle" name="toggle_option">
|
|
<input style="color:black;" type="radio" class="toggle_option" id="second_toggle" name="toggle_option">
|
|
<label for="first_toggle"><p>PRODUITS</p></label>
|
|
<label for="second_toggle">
|
|
recherches
|
|
<p>
|
|
<li>
|
|
<!-- <a href="/gmarche/{{ region_slug }}/{{ antenne_slug }}/1">RECHERCHES</a>-->
|
|
</li>
|
|
</p>
|
|
</label>
|
|
<div class="toggle_option_slider">
|
|
</div>
|
|
<!--<li class="breadcrumb-item active">PRODUITS</li>
|
|
<span style="margin-left:20px;">
|
|
<li class="breadcrumb-item"><a href="/gmarche/{{ region_slug }}/{{ antenne_slug }}/1">RECHERCHES</a></li>
|
|
</span>-->
|
|
</div>
|
|
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
<div id="la_page">
|
|
<!--<div class="label" style="background-color: white;">
|
|
<h4>G-Marché de antenne_name </h4>
|
|
</div>-->
|
|
{% if antenne_name == 'Paris' %}
|
|
<script type="text/javascript">
|
|
$('.fond').css('background-image', "url('/images/toureiffel.jpeg')");
|
|
</script>
|
|
{% endif %}
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="container" style="color:white;line-height:1rem;">
|
|
Tous les mois, la Toile Francilienne organise des rencontres entre utilisateurs de la Monnaie Libre.
|
|
C'est l'occasion rêvée d'échanger avec d'autres membres !
|
|
{{ annonce_ligne1 }}
|
|
{{ annonce_ligne2 }}
|
|
{{ annonce_ligne3 }}
|
|
<p></p>
|
|
Consultez, rajoutez, modifiez vos propositions dans la liste du mois.<br /><br />
|
|
|
|
Mettez bien le pseudo, la clé publique, le bien ou service, et le prix en june.
|
|
</div>
|
|
<p>
|
|
{% if current_user() %}
|
|
<button style="color:white; font-size: 14px;" class="btn btn-primary" data-toggle="modal" data-target="#add_new_record_modal">Ajouter un bien ou service
|
|
{% else %}
|
|
<div class="btn btn-primary">
|
|
<a class="nav-link" style="color: white; font-size: 14px;" href="{{ path('auth.login') }}">Veuillez vous identifier pour ajouter un bien/service</a>
|
|
</div>
|
|
{% endif %}
|
|
</button>
|
|
</p>
|
|
|
|
<div class="records_content"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="add_new_record_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog" role="document" style="color: black;">
|
|
<div class="modal-content" style="text-align: left;">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" id="myModalLabel">Ajouter une ligne</h4>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="vendeur">Vendeur</label>
|
|
<input type="text" id="vendeur" disabled="disabled" placeholder="{{ current_user().username }}" class="form-control"/>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="produit">Bien ou service</label>
|
|
<input type="text" id="produit" placeholder="Bien ou service" class="form-control"/>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-7">
|
|
<form method='post' action='' enctype="multipart/form-data">
|
|
Choisir l'image : <input type='file' name='file' id='add_image' class='form-control' ><br>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div id="add_preview" style="border:1px solid black;width:160px;height:160px;"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="cle_pub">Clé publique</label>
|
|
<input type="text" id="cle_pub" placeholder="Clé publique" class="form-control"/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="quantite">Quantité</label>
|
|
<input type="number" id="quantite" placeholder="Quantité" class="form-control"/>
|
|
</div>
|
|
<div class="form-group has-error has-feedback">
|
|
<label for="prix">Prix en junes</label>
|
|
<input type="number" id="prix" placeholder="prix" class="form-control"/>
|
|
</div>
|
|
<div class="alert alert-block alert-danger" style="display:none">
|
|
<h4>Erreur !</h4>
|
|
Vous devez entrer un nombre !
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
|
<button type="button" class="btn btn-primary"
|
|
onclick="addRecord('{{ antenne_slug }}','{{ antenne_id }}','{{ current_user().username }}','{{ current_user().id }}')">Ajouter</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="update_user_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog" role="document" style="color: black;">
|
|
<div class="modal-content" style="text-align: left;">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" id="myModalLabel">Mettre à jour</h4>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="update_vendeur">Vendeur</label>
|
|
<input type="input" disabled="disabled" id="update_vendeur" placeholder="Vendeur" class="form-control"/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="update_produit">Bien ou service</label>
|
|
<input type="text" id="update_produit" placeholder="Bien ou service proposé" class="form-control"/>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-7">
|
|
<form method='post' action='' enctype="multipart/form-data">
|
|
Choisir l'image : <input type='file' name='file' id='image' class='form-control' ><br>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div id="preview" style="border:1px solid black;width:160px;height:160px;"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group has-error has-feedback">
|
|
<label for="update_quantite">Quantité</label>
|
|
<input type="number" id="update_quantite" placeholder="Quantité" class="form-control"/>
|
|
</div>
|
|
<div class="form-group has-error has-feedback">
|
|
<label for="update_prix">Prix en junes</label>
|
|
<input type="number" id="update_prix" placeholder="Prix" class="form-control"/>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
|
<button type="button" class="btn btn-primary" onclick="UpdateProduitsDetails('{{ current_user().username }}')" >Sauvegarder</button>
|
|
<input type="hidden" id="hidden_user_id">
|
|
<input type="hidden" id="hidden_antenne_slug">
|
|
<input type="hidden" id="hidden_image_name">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <table style="padding:0.15rem;" class="table-striped tableau">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:8rem;">Produit</th>
|
|
<th style="width:8rem;">Photo</th>
|
|
<th style="width:7rem;">Vendeur</th>
|
|
<th style="width:5rem;">Quantité</th>
|
|
<th style="width:6rem;">Prix</th>
|
|
<th style="width:6rem;">Màj le</th>
|
|
<th style="width:12rem;" colspan="2">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
crochet% set token_input = csrf_input %crochet
|
|
|
|
paginate(items, routePrefix ~ '.index', {id: item.id, region: explodeUrl()[2],
|
|
slug: explodeUrl()[3], antenne: explodeUrl()[4]}) -->
|
|
</div>
|
|
{% endblock %}
|