2018-03-26 14:09:04 +00:00
|
|
|
|
<?php
|
2018-03-27 07:05:47 +00:00
|
|
|
|
/*
|
|
|
|
|
|
* Page displays in french because it will be mostly used by french. Feel free to add language system.
|
|
|
|
|
|
* TODO Cache the humongous API data
|
2018-03-27 07:36:12 +00:00
|
|
|
|
* TODO Sort the stations
|
2018-03-27 07:05:47 +00:00
|
|
|
|
*/
|
|
|
|
|
|
|
2018-03-27 07:36:12 +00:00
|
|
|
|
/* Form submit values if a filter is active or not */
|
2018-03-27 07:25:36 +00:00
|
|
|
|
$SEND_BUTTON = [
|
|
|
|
|
|
true => [ 'value' => '', 'text' => 'Tout afficher'],
|
|
|
|
|
|
false => [ 'value' => 'true', 'text' => 'Afficher la sélection'],
|
|
|
|
|
|
];
|
|
|
|
|
|
|
2018-03-27 07:05:47 +00:00
|
|
|
|
/* Fetching velov API in an associative array. This form is easier to use as keys are ids */
|
2018-03-26 14:09:04 +00:00
|
|
|
|
$data =
|
2018-03-27 07:05:47 +00:00
|
|
|
|
json_decode(
|
|
|
|
|
|
file_get_contents(
|
|
|
|
|
|
'https://velov.grandlyon.com/fr/les-stations.html?type=777&tx_glstationsvelov_pi1%5Baction%5D=listOfVelovWidthInfoStation&tx_glstationsvelov_pi1%5Bcontroller%5D=StationVelov',
|
|
|
|
|
|
false,
|
|
|
|
|
|
stream_context_create([
|
|
|
|
|
|
'http' => [
|
|
|
|
|
|
'header' => "Content-type: application/x-www-form-urlencoded\r\n",
|
|
|
|
|
|
'method' => 'POST',
|
|
|
|
|
|
'content' => http_build_query([])
|
|
|
|
|
|
]
|
|
|
|
|
|
])
|
|
|
|
|
|
),
|
|
|
|
|
|
true
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
/* Check if a filter is enabled */
|
2018-03-27 06:46:52 +00:00
|
|
|
|
|
|
|
|
|
|
if(isset($_GET['filter'])){
|
|
|
|
|
|
if(htmlentities($_GET['filter']))
|
|
|
|
|
|
$filter = true;
|
|
|
|
|
|
else
|
2018-03-27 07:36:12 +00:00
|
|
|
|
$filter = false;
|
2018-03-27 06:46:52 +00:00
|
|
|
|
}else
|
|
|
|
|
|
$filter = false;
|
2018-03-26 14:09:04 +00:00
|
|
|
|
?>
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8" />
|
2018-03-27 07:25:36 +00:00
|
|
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
2018-03-26 14:09:04 +00:00
|
|
|
|
<title>Because velov map is too heavy</title>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
2018-03-27 06:46:52 +00:00
|
|
|
|
<form action="" method="get">
|
2018-03-27 07:25:36 +00:00
|
|
|
|
<input type="hidden" name="filter" value="<?php echo $SEND_BUTTON[$filter]['value']; ?>" />
|
|
|
|
|
|
<input type="submit" value="<?php echo $SEND_BUTTON[$filter]['text']; ?>" />
|
2018-03-27 06:46:52 +00:00
|
|
|
|
<table>
|
2018-03-27 07:25:36 +00:00
|
|
|
|
<tr><th>Sélectionner</th><th>Nom</th><th>Vélos</th><th>Places Libres</th></tr>
|
2018-03-27 06:46:52 +00:00
|
|
|
|
<?php
|
2018-03-27 06:51:11 +00:00
|
|
|
|
foreach ($data as $key => $station){
|
|
|
|
|
|
if ( ! $filter || isset($_GET[$key])){
|
2018-03-27 07:25:36 +00:00
|
|
|
|
echo '<tr>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<input type="checkbox" name="',$key,'" ',(isset($_GET[$key]) ? 'checked="checked"' : ''),' />
|
|
|
|
|
|
</td>
|
|
|
|
|
|
<td class="', ($station['open'] == 1 && $station['obsolete'] == 0 ? 'success' : 'danger' ) ,'" >'
|
2018-03-27 06:46:52 +00:00
|
|
|
|
,$station['name'],
|
|
|
|
|
|
'</td>
|
|
|
|
|
|
<td>',$station['AB'], '</td>
|
|
|
|
|
|
<td>', $station['ABS'], '</td>
|
|
|
|
|
|
</tr>';
|
|
|
|
|
|
}
|
2018-03-27 06:51:11 +00:00
|
|
|
|
}
|
2018-03-27 06:46:52 +00:00
|
|
|
|
?>
|
|
|
|
|
|
</table>
|
2018-03-27 07:25:36 +00:00
|
|
|
|
<input type="submit" value="<?php echo $SEND_BUTTON[$filter]['text']; ?>" />
|
2018-03-27 06:46:52 +00:00
|
|
|
|
</form>
|
2018-03-27 07:05:47 +00:00
|
|
|
|
<p>
|
|
|
|
|
|
<h4>À quoi ça sert ?</h4>
|
|
|
|
|
|
À garder ses stations habituelles (et leurs voisines) dans un favoris de navigateur ! Plus besoin de se ballader sur une carte tous les jours ! Cet outil est également accessible sur tous les téléphones peu performants, contrairement au site officiel.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
|
|
|
<h4>Pourquoi cette page est elle lente ?</h4>
|
|
|
|
|
|
Parce qu’il faut télécharger toutes les données relatives aux stations vélov à chaque chargement ! N’hésitez pas à améliorer cette page sur <a href="http://github.com/adrianamaglio/velov">Github</a>
|
|
|
|
|
|
</p>
|
2018-03-27 07:25:36 +00:00
|
|
|
|
<p>
|
|
|
|
|
|
<h4>Pourquoi ces couleurs ?</h4>
|
|
|
|
|
|
Le <span class="success">vert</span> est réservé aux stations actives, le <span class="danger">rouge</span> est pour celles inutilisables.
|
|
|
|
|
|
</p>
|
2018-03-27 07:36:12 +00:00
|
|
|
|
<p>
|
|
|
|
|
|
<h4>C’est tout dans le désordre !</h4>
|
|
|
|
|
|
Oui.
|
|
|
|
|
|
</p>
|
2018-03-26 14:09:04 +00:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
