ninestat/src/ninestat-1.0/src/Cadoles/CoreBundle/Resources/views/Core/server.html.twig

69 lines
2.7 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 %}
{{ application.version }}<br>
{% 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.denominationprincipale}}<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 %}