Avancement sur modification d'une antenne - Champ select antenne et région
This commit is contained in:
parent
5ebbf9d7d2
commit
b9d7376869
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,11 @@
|
||||||
|
// cleanArray supprime les éléments dupliqués
|
||||||
|
function cleanArray(array) {
|
||||||
|
var i, j, len = array.length, out = [], obj = {};
|
||||||
|
for (i = 0; i < len; i++) {
|
||||||
|
obj[array[i]] = 0;
|
||||||
|
}
|
||||||
|
for (j in obj) {
|
||||||
|
out.push(j);
|
||||||
|
}
|
||||||
|
return out;
|
||||||
|
}
|
|
@ -79,6 +79,15 @@
|
||||||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
|
||||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/3.0.7/flatpickr.js"></script>
|
||||||
|
<script>
|
||||||
|
flatpickr('.datepicker', {
|
||||||
|
enableTime: true,
|
||||||
|
altInput: true,
|
||||||
|
altFormat: 'j F Y, H:i',
|
||||||
|
dateFormat: 'Y-m-d H:i:S'
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -2,6 +2,32 @@
|
||||||
{% block title "Ğ1-Marché - Modifier Antennes" %}
|
{% block title "Ğ1-Marché - Modifier Antennes" %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/3.0.7/flatpickr.js"></script>
|
||||||
|
<link rel="stylesheet" href="/css/jquery-ui.min.css">
|
||||||
|
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$.datepicker.setDefaults(
|
||||||
|
{
|
||||||
|
altField: "#datepicker",
|
||||||
|
closeText: 'Fermer',
|
||||||
|
prevText: 'Précédent',
|
||||||
|
nextText: 'Suivant',
|
||||||
|
currentText: 'Aujourd\'hui',
|
||||||
|
monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
|
||||||
|
monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
|
||||||
|
dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
|
||||||
|
dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
|
||||||
|
dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
|
||||||
|
weekHeader: 'Sem.',
|
||||||
|
dateFormat: 'dd-mm-yy'
|
||||||
|
}
|
||||||
|
);
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$( function() {
|
||||||
|
$( "#datepicker" ).datepicker();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
<div class="container_main">
|
<div class="container_main">
|
||||||
<div id="la_page">
|
<div id="la_page">
|
||||||
<span style="color:white;font-size:1.4rem;">
|
<span style="color:white;font-size:1.4rem;">
|
||||||
|
@ -21,25 +47,26 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div style="width:14rem;margin-left:5rem;border:1px solid green;color:white;float:right;">
|
<div style="width:14rem;color:white;float:right;text-align:left;">
|
||||||
REGION
|
<span style="margin-left:1rem;">REGION</span>
|
||||||
<input class="form-control" id="region" />
|
<select id="region" class="form-control">
|
||||||
|
<option class="list-group-item list-group-item-action" value="0"></option>
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div style="clear:both;">
|
<div style="clear:both;">
|
||||||
<form>
|
<form>
|
||||||
<!--{ csrf_input }}-->
|
<!--{ csrf_input }}-->
|
||||||
<div class="row" style="color:white;">
|
<div class="row" style="color:white;">
|
||||||
<div class="col-md-4">
|
<div class="col-md-12">
|
||||||
{{ field('name', item.name, "Nom du produit") }}
|
{{ field('contenu', item.content, "Annonce de présentation du G-marché", {type: 'textarea'}) }}
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
{{ field('contenu', item.content, "Contenu", {type: 'textarea'}) }}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row" style="color:white;">
|
||||||
<div class="col-md-4">
|
<div class="col-md-6">
|
||||||
{{ field('prix', item.prix, "Prix") }}
|
{{ field('datepicker', item.gmarcheAt, "Date prochain G-marché", {class: 'datepicker'}) }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
{{ field('name', item.name, "Nom du produit") }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button class="btn btn-primary" type="submit">Enregistrer</button>
|
<button class="btn btn-primary" type="submit">Enregistrer</button>
|
||||||
|
@ -50,15 +77,41 @@
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
document.querySelector("#antenne").addEventListener("change", function() {
|
document.querySelector("#antenne").addEventListener("change", function() {
|
||||||
var x = document.querySelector("#antenne").selectedIndex
|
if (document.getElementById("region").hasChildNodes()) {
|
||||||
var y = document.querySelector("#antenne").options
|
var child = document.getElementById("region");
|
||||||
document.querySelector("#region").value = y[x].value
|
while (child.hasChildNodes()) {
|
||||||
|
child.removeChild(child.firstChild);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var x = document.querySelector("#antenne").selectedIndex,
|
||||||
|
y = document.querySelector("#antenne").options,
|
||||||
|
select = document.getElementById('region');
|
||||||
|
if (document.querySelector("#antenne").options[0].text=="Sélectionnez l'antenne") {
|
||||||
|
document.querySelector("#antenne").removeChild( document.querySelector("#antenne").firstChild);
|
||||||
|
}
|
||||||
|
/* On supprime la valeur en double avec cleanArray */
|
||||||
|
var min = 0,
|
||||||
|
tableau = cleanArray(new Array(y[x].value, "Auvergne-Rhône-Alpes", "Bourgogne-Franche-Comté", "Bretagne",
|
||||||
|
"Centre-Val de Loire", "Corse", "Grand Est", "Hauts-de-France", "Ile-de-France", "Normandie",
|
||||||
|
"Nouvelle-Aquitaine", "Occitanie", "Pays de la Loire", "Provence-Alpes-Côte d'Azur"));
|
||||||
|
for (var i = min; i<tableau.length; i++){
|
||||||
|
opt = document.createElement('option')
|
||||||
|
opt.value = tableau[i]
|
||||||
|
opt.innerHTML = tableau[i]
|
||||||
|
if (i == min) {
|
||||||
|
opt.selected = "selected"
|
||||||
|
}
|
||||||
|
select.appendChild(opt)
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
document.getElementById("region").addEventListener("click", function() {
|
||||||
|
<!-- % for item2 in listeRegions %}-->
|
||||||
|
$(document).ready(function () {
|
||||||
|
|
||||||
|
});
|
||||||
/*textInput.onchange = function (e) {
|
});
|
||||||
alert('test')
|
</script>
|
||||||
};*/
|
<script src="/js/utils.js"></script>
|
||||||
</script>
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -2,7 +2,6 @@
|
||||||
{% extends 'layout.twig' %}
|
{% extends 'layout.twig' %}
|
||||||
{% block title "Ğ1-Marché - Produits" %}
|
{% block title "Ğ1-Marché - Produits" %}
|
||||||
|
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
<script type="text/javascript" src="/js/script.js"></script>
|
<script type="text/javascript" src="/js/script.js"></script>
|
||||||
<div class="container_main">
|
<div class="container_main">
|
||||||
|
@ -13,7 +12,6 @@
|
||||||
<li class="breadcrumb-item"><a href="{{ gmarchePrefix }}">France</a></li>
|
<li class="breadcrumb-item"><a href="{{ gmarchePrefix }}">France</a></li>
|
||||||
<li class="breadcrumb-item"><a href="{{ gmarchePrefix }}france/{{ region_slug }}">{{ region_name }}</a></li>
|
<li class="breadcrumb-item"><a href="{{ gmarchePrefix }}france/{{ region_slug }}">{{ region_name }}</a></li>
|
||||||
<li class="breadcrumb-item active">G-Marché de {{ antenne_name }}</li>
|
<li class="breadcrumb-item active">G-Marché de {{ antenne_name }}</li>
|
||||||
|
|
||||||
<div class="toggle_radio">
|
<div class="toggle_radio">
|
||||||
<input type="radio" checked class="toggle_option" id="first_toggle" name="toggle_option">
|
<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">
|
<input style="color:black;" type="radio" class="toggle_option" id="second_toggle" name="toggle_option">
|
||||||
|
@ -44,7 +42,6 @@
|
||||||
onclick="UpdateSuiviAntenne('{{ user_id }}','{{ antenne_id }}',
|
onclick="UpdateSuiviAntenne('{{ user_id }}','{{ antenne_id }}',
|
||||||
document.getElementById('suivi').checked)">
|
document.getElementById('suivi').checked)">
|
||||||
<label class="custom-control-label" for="suivi">SUIVI</label>
|
<label class="custom-control-label" for="suivi">SUIVI</label>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
@ -53,37 +50,36 @@
|
||||||
<div id="la_page">
|
<div id="la_page">
|
||||||
{% if antenne_name == 'Paris' %}
|
{% if antenne_name == 'Paris' %}
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$('.fond').css('background-image', "url('/images/toureiffel.jpeg')");
|
$(".fond").css("background-image", "url('/images/toureiffel.jpeg')");
|
||||||
</script>
|
</script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-md-12">
|
||||||
<div class="col-md-12">
|
<div class="container" style="font-size:18px; color:white;line-height:1.4rem;">
|
||||||
<div class="container" style="font-size:18px; color:white;line-height:1.4rem;">
|
<div>Tous les mois, la Toile Francilienne organise des rencontres entre utilisateurs de la Monnaie Libre.</div>
|
||||||
<div>Tous les mois, la Toile Francilienne organise des rencontres entre utilisateurs de la Monnaie Libre.</div>
|
C'est l'occasion rêvée d'échanger avec d'autres membres !
|
||||||
C'est l'occasion rêvée d'échanger avec d'autres membres !
|
{{ annonce_ligne1 }}
|
||||||
{{ annonce_ligne1 }}
|
{{ annonce_ligne2 }}
|
||||||
{{ annonce_ligne2 }}
|
{{ annonce_ligne3 }}
|
||||||
{{ annonce_ligne3 }}
|
<p></p>
|
||||||
<p></p>
|
<div>Consultez, rajoutez, modifiez vos propositions dans la liste du mois.</div>
|
||||||
<div>Consultez, rajoutez, modifiez vos propositions dans la liste du mois.</div>
|
Mettez bien le pseudo, la clé publique, le bien ou service, et le prix en june.
|
||||||
Mettez bien le pseudo, la clé publique, le bien ou service, et le prix en june.
|
</div>
|
||||||
|
<p>
|
||||||
|
{% if affiche_username() != '' or (sess.connecte != '' and sess.connecte != '---') %}
|
||||||
|
<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 %}
|
||||||
|
<p>
|
||||||
|
<span style="color:lightgray;">Veuillez vous identifier dans la barre à droite
|
||||||
|
ci-dessus pour ajouter/modifier/supprimer des éléments</span>
|
||||||
|
</p>
|
||||||
|
{% endif %}
|
||||||
|
</button>
|
||||||
|
</p>
|
||||||
|
<div class="records_content"></div>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
|
||||||
{% if affiche_username() != '' or (sess.connecte != '' and sess.connecte != '---') %}
|
|
||||||
<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 %}
|
|
||||||
<p>
|
|
||||||
<span style="color:lightgray;">Veuillez vous identifier dans la barre à droite
|
|
||||||
ci-dessus pour ajouter/modifier/supprimer des éléments</span>
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
</button>
|
|
||||||
</p>
|
|
||||||
<div class="records_content"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal fade" id="add_new_record_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
<div class="modal fade" id="add_new_record_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
||||||
|
|
|
@ -10,6 +10,9 @@
|
||||||
<link rel="stylesheet" href="/css/mapael.css">
|
<link rel="stylesheet" href="/css/mapael.css">
|
||||||
<link rel="stylesheet" href="/css/style.css">
|
<link rel="stylesheet" href="/css/style.css">
|
||||||
<link rel="stylesheet" href="/css/products.css">
|
<link rel="stylesheet" href="/css/products.css">
|
||||||
|
<!-- <link rel="stylesheet" href="/css/jquery-ui.css">-->
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/3.0.7/flatpickr.css">
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
padding-top: 5rem;
|
padding-top: 5rem;
|
||||||
|
@ -30,11 +33,14 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
|
<script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
|
||||||
|
<!-- <script type="text/javascript" src="/js/jquery-ui.js"></script>-->
|
||||||
<script type="text/javascript" src="/js/connex.js"></script>
|
<script type="text/javascript" src="/js/connex.js"></script>
|
||||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js" charset="utf-8"></script>
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js" charset="utf-8"></script>
|
||||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js" charset="utf-8"></script>
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js" charset="utf-8"></script>
|
||||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mapael/2.1.0/js/jquery.mapael.min.js" charset="utf-8"></script>
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mapael/2.1.0/js/jquery.mapael.min.js" charset="utf-8"></script>
|
||||||
<script type="text/javascript" src="https://rawgit.com/neveldo/mapael-maps/master/france/france_regions_2016.js" charset="utf-8"></script>
|
<script type="text/javascript" src="https://rawgit.com/neveldo/mapael-maps/master/france/france_regions_2016.js" charset="utf-8"></script>
|
||||||
|
<!--<script type="text/javascript" src="/js/datepicker-fr.js"></script>-->
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body class="fond page">
|
<body class="fond page">
|
||||||
<div class="site">
|
<div class="site">
|
||||||
|
@ -151,7 +157,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
|
||||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue