Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 333 | Blame | Compare with Previous | Last modification | View Log | RSS feed 

<?php

  function mb_ucfirst($str) {
    $fc = mb_strtoupper(mb_substr($str, 0, 1));
    return $fc.mb_substr($str, 1);
  }

  $config = parse_ini_file('config.ini');
  $url_jrest = $config['url_jrest'];

  $url_infos_especes = $url_jrest.'OdsEspece/ToutesEspeces';
  $especes = json_decode(file_get_contents($url_infos_especes), true);

  $url_infos_stades = $url_jrest.'OdsEvenement/TousEvenements';
  $stades = json_decode(file_get_contents($url_infos_stades), true);

  $url_annee_min_obs = $url_jrest.'OdsObservation/AnneeMinimumObservation';
  $annee_min_obs = json_decode(file_get_contents($url_annee_min_obs), true);

  $annees_observations = range($annee_min_obs, date('Y'));

  $espece_defaut = !empty($_GET['espece']) ? $_GET['espece'] : null;
  $annee_defaut = !empty($_GET['annee']) ? $_GET['annee'] : 0;
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <meta http-equiv="Content-style-type" content="text/css" />
      <meta http-equiv="Content-script-type" content="text/javascript" />
      <meta http-equiv="Content-language" content="fr" />

      <base href="<?= dirname($_SERVER['PHP_SELF'])."/"; ?>" />

      <title>Graphiques</title>

      <meta name="revisit-after" content="15 days" />
      <meta name="robots" content="index,follow" />
      <meta name="author" content="Tela Botanica" />

            <script type="text/javascript" src="<?= dirname($_SERVER['PHP_SELF'])."/"; ?>js/jquery-3.2.1.min.js"></script>
            <script type="text/javascript" src="<?= dirname($_SERVER['PHP_SELF'])."/"; ?>js/plotly.min.js"></script>
            <script type="text/javascript" src="<?= dirname($_SERVER['PHP_SELF'])."/"; ?>js/calendrier-evenements.js"></script>
            <link href="<?= dirname($_SERVER['PHP_SELF'])."/"; ?>css/graphiques.css" type="text/css" rel="stylesheet" />

      <script type="text/javascript">
        var url_jrest = <?= json_encode($url_jrest, true) ?>;
        var global_evenements = <?= json_encode($stades, true) ?>;
        var annees_observations = <?= json_encode($annees_observations, true) ?>;
        var espece_defaut = <?= json_encode($espece_defaut, true) ?>;
        var annee_defaut = <?= json_encode($annee_defaut, true) ?>;
      </script>
    </head>
    <body>
             <div class="conteneur">
                       <div class="conteneur-criteres">

             <div class="conteneur_selecteur_especes">
               <select id="selecteur_liste_especes">
                 <option value="0" class="espece_type_0" <?= $espece_defaut == null ? 'selected="selected"' : '' ?>> Choisissez une espèce </option>
                 <?php foreach($especes as $id_espece => $infos_espece) : ?>
                   <option <?= $espece_defaut == $id_espece ? 'selected="selected"' : '' ?> value="<?= $id_espece; ?>"><?= mb_ucfirst($infos_espece['nom_vernaculaire']); ?></option>
                 <?php endforeach; ?>
               </select>
             </div>

             <div class="conteneur_selecteur_annees">
               <select id="selecteur_annees">
                 <option data-evenements="[]" value="0" class="stade" <?= $annee_defaut == 0 ? 'selected="selected"' : '' ?>> Toutes les années </option>
                 <?php foreach($annees_observations as $annee_obs) : ?>
                   <option <?= $annee_defaut != 0 ? 'selected="selected"' : '' ?> value="<?= $annee_obs; ?>"><?= $annee_obs; ?></option>
                 <?php endforeach; ?>
               </select>
             </div>
           </div>

           <div class="aucune-donnee hide">Aucune donnée pour les critères demandés</div>
                       <div id="conteneur-graphique" class="conteneur-graphique calendrier-evenements"></div>
             </div>
    </body>
</html>