73 lines
2.9 KiB
Twig
73 lines
2.9 KiB
Twig
{% extends '@CadolesCore/base.html.twig' %}
|
|
|
|
{% block localstyle %}
|
|
b {
|
|
color: #{{color["main"]}};
|
|
}
|
|
{% endblock %}
|
|
|
|
{% block pagewrapper %}
|
|
<div class="row">
|
|
<div class="col-xs-6">
|
|
<b>ID</b> = {{ server.id }}<br>
|
|
<b>URL</b> = <a href="{{server.url}}" target="_blank">{{server.url}}</a><br>
|
|
<b>Local ID</b> = {{server.idlocal}}<br>
|
|
<b>Module</b> = {{ server.module }}<br>
|
|
<b>Version</b> = {{ server.version }}<br><br>
|
|
|
|
<b>Applications</b><br>
|
|
{% for application in server.serverapplications|sort((a, b) => a.version <=> b.version) %}
|
|
{% if app.user %}
|
|
{{ application.version }}<br>
|
|
{% else %}
|
|
{{ application.application.name }}<br>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
|
|
<div class="col-xs-6">
|
|
<b>Etablissement</b><br>
|
|
{% if(server.etab.id!=-100) %}
|
|
<b>UAI</b> = {{server.etab.numerouai}}<br>
|
|
<b>Nom</b> = {{server.etab.appellationofficielle}}<br>
|
|
<b>Adresse</b> = {{server.etab.adresseuai}} {{server.etab.codecommune}} {{server.etab.libellecommune}}<br>
|
|
<b>Académie</b> = {{server.etab.libelleacademie}}<br>
|
|
<b>Secteur</b> = {{server.etab.secteurpublicprivelibe}}<br>
|
|
<b>Nature</b> = {{server.etab.natureuailibe}}<br><br>
|
|
<div id="mapid" style="width:100%;height:300px"></div>
|
|
{% else %}
|
|
Non Localisé<br>
|
|
{% endif %}
|
|
|
|
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block localjavascript %}
|
|
{% if(server.etab.id!=-100) %}
|
|
// On initialise la latitude et la longitude de Paris (centre de la carte)
|
|
var lat = {{ server.etab.latitude }};
|
|
var lon = {{ server.etab.longitude }};
|
|
var macarte = null;
|
|
// Fonction d'initialisation de la carte
|
|
function initMap() {
|
|
// Créer l'objet "macarte" et l'insèrer dans l'élément HTML qui a l'ID "map"
|
|
macarte = L.map('mapid').setView([lat, lon], 10);
|
|
|
|
// Leaflet ne récupère pas les cartes (tiles) sur un serveur par défaut. Nous devons lui préciser où nous souhaitons les récupérer. Ici, openstreetmap.fr
|
|
L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {
|
|
// Il est toujours bien de laisser le lien vers la source des données
|
|
attribution: 'données © <a href="//osm.org/copyright">OpenStreetMap</a>/ODbL - rendu <a href="//openstreetmap.fr">OSM France</a>',
|
|
minZoom: 1,
|
|
maxZoom: 20
|
|
}).addTo(macarte);
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
initMap();
|
|
var marker = L.marker([{{ server.etab.latitude }}, {{ server.etab.longitude }}]).addTo(macarte);
|
|
});
|
|
{% endif %}
|
|
{% endblock %} |