Commit f259bbc1 authored by JonathanMM's avatar JonathanMM

Récupération de la carte en ajax

parent 9da18c96
......@@ -122,8 +122,8 @@ switch($_GET['action'])
echo json_encode(getDataStation($codeStation));
exit();
break;
case 'getCommunes':
echo json_encode(getCommunes($idConso));
case 'getCommunesCarte':
echo json_encode(getCommunesCarte($idConso));
exit();
break;
}
......@@ -822,7 +822,7 @@ function getDataStation($codeStation)
return array('data' => $retour);
}
function getCommunes($idConso)
function getCommunesCarte($idConso)
{
global $pdo;
......@@ -841,10 +841,10 @@ function getCommunes($idConso)
//interprétation de l'état de la station 0=état non prévu
switch($station['state'])
{
case 'Work in progress':
case 'En travaux':
$etat = ETAT_TRAVAUX;
break;
case 'Operative':
case 'Ouverte':
$etat = ETAT_OUVERTE;
break;
default:
......@@ -904,7 +904,7 @@ function getCommunes($idConso)
$objets[] = array('nature'=>'texte','x'=>-20,'y'=>20,'texte'=>'Stations ouvertes','taille'=>12,'angle'=>90,'align'=>'l');
$objets[] = array('nature'=>'texte','x'=>-40,'y'=>20,'texte'=>'Stations fermées','taille'=>12,'angle'=>90,'align'=>'l');
$svg = genererCarteSVG(800, 600, $liste_communes, 'commune', array(), array(), $objets);
$svg = genererCarteSVG(800, 500, $liste_communes, 'commune', array(), array(), $objets);
return $svg;
}
......
......@@ -3,31 +3,34 @@
<h1>Vélib Stats (site non officiel)</h1>
</header>
<div id="content">
<div id="statsConsoArea">
<table id="statsConso">
<tr>
<th colspan="2">Stations ouvertes</th>
<th colspan="2">Vélos disponibles</th>
<th colspan="2">Bornes</th>
</tr>
<tr>
<td>{$nbStation}</td>
<td>{$nbStationDetecte}</td>
<td>{$nbBike}</td>
<td>{$nbEbike}</td>
<td>{$nbFreeEDock}</td>
<td>{$nbEDock}</td>
</tr>
<tr>
<td><abbr title="Stations affichées comme étant ouverte">annoncées</abbr></td>
<td><abbr title="Stations avec un nombre de bornes positifs avec au moins un vélo ou une borne libre">détectées</abbr></td>
<td>mécaniques</td>
<td>électriques</td>
<td>libres</td>
<td>totales</td>
</tr>
</table>
<i>Dernière mise à jour : {$dateDerniereConso}</i>
<div id="statsCarteArea">
<div id="statsConsoArea">
<table id="statsConso">
<tr>
<th colspan="2">Stations ouvertes</th>
<th colspan="2">Vélos disponibles</th>
<th colspan="2">Bornes</th>
</tr>
<tr>
<td>{$nbStation}</td>
<td>{$nbStationDetecte}</td>
<td>{$nbBike}</td>
<td>{$nbEbike}</td>
<td>{$nbFreeEDock}</td>
<td>{$nbEDock}</td>
</tr>
<tr>
<td><abbr title="Stations affichées comme étant ouverte">annoncées</abbr></td>
<td><abbr title="Stations avec un nombre de bornes positifs avec au moins un vélo ou une borne libre">détectées</abbr></td>
<td>mécaniques</td>
<td>électriques</td>
<td>libres</td>
<td>totales</td>
</tr>
</table>
<i>Dernière mise à jour : {$dateDerniereConso}</i>
</div>
<div id="carteArea"></div>
</div>
<select id="typeGraphiqueSelect" style="display: none">
<option value="_double">Conso</option>
......@@ -132,6 +135,7 @@
filtreDataTable();
$("#filtreEtat").change(filtreDataTable);
$("#filtrePosition").change(filtrePosition);
recupererCarte();
});
function filtrePosition()
......@@ -162,6 +166,13 @@
var dt = $('#stations').DataTable();
dt.ajax.url('api.php?action=getDataConso&idConso={$idConso}').load();
}
function recupererCarte()
{
getData('api.php?action=getCommunesCarte&idConso={$idConso}').then(function(svg) {
$("#carteArea").html(svg);
});
}
</script>
</div>
{include file="footer.tpl"}
\ No newline at end of file
......@@ -59,7 +59,7 @@ table#statsConso tr:nth-child(2)
font-size: 2em;
}
#chartArea
#chartArea, #statsCarteArea
{
display: flex;
max-height: 500px;
......
Markdown is supported
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