Commit 34671f61 authored by Naoeltanuki's avatar Naoeltanuki
Browse files

ajout couleurs selon varpron

j'ai mis vert pour langue principale, rouge pour dialecte et bleu pour variante de prononciation. (+ gris pour les langues sans enregistrements mais il n'y en a pas? ou alors c'est des langues qui ont pas actif = 1 et donc on les prend pas en compte dans routes.py)
je dois mettre la légende de la carte aussi
parent 7b59f8cb
......@@ -22,6 +22,19 @@
}).addTo(mymap);
var MapIcon = L.Icon.extend({
options: {
iconSize: [25, 41],
iconAnchor: [12, 41],
popupAnchor: [1, -34],
shadowSize: [41, 41]
}
});
var blueIcon = new MapIcon({iconUrl:'static/img/marker/marker-icon-blue.png' }),
redIcon = new MapIcon({iconUrl: 'static/img/marker/marker-icon-red.png'}),
greenIcon = new MapIcon({iconUrl: 'static/img/marker/marker-icon-green.png'}),
greyIcon = new MapIcon({iconUrl: 'static/img/marker/marker-icon-grey.png'});
{% for langue in prince_language %}
var lat = {{ langue.geolat|tojson }};
......@@ -39,7 +52,17 @@
{% endif %}
{% endfor %}
L.marker([lat,lng]).addTo(mymap).bindPopup('<b>' + french + '</b><br>' +
L.marker([lat,lng],
{% if langue.varpron == 0 %}
{icon: greenIcon}
{% elif langue.varpron == 1 %}
{icon: blueIcon}
{% elif langue.varpron == 2 %}
{icon: redIcon}
{% elif audioplayer != '' %} //ici j'aimerais mettre en gris les langues sans enregistrements
{icon: greyIcon}
{% endif %}
).addTo(mymap).bindPopup('<b>' + french + '</b><br>' +
{% if audioplayer != '' %}
'<audio controls src="{{ url_for('static', filename='audio/') }}' + audioplayerJS + '" autoplay = "autoplay"> Your browser does not support the <code>audio</code> element.</audio>' +
{% endif %}
......@@ -52,6 +75,7 @@
'<a href="/langue/{{langue.french}}">Voir la page : {{langue.french}}</a>');
{% endfor %}
</script>
<div class="padding-footer" style= "padding:50px">
......
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