Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

<?
$txt_latin = "Le nom latin est utilisé en sciences pour nommer un être vivant, 
                          ou un groupe d'êtres vivants. On l'appelle aussi nom scientifique ou encore 
                          nom savant, car il n'est pas employé couramment et parfois difficile à 
                          retenir.";
$txt_famille = "Une famille rassemble des êtres vivants proches, qui se ressemblent, malgré leurs 
                                différences. Les familles botaniques sont ainsi utilisées pour classer les végétaux et pour 
                                estimer les similitudes ou affinités qu'il peut y avoir entre différentes plantes.";

$icones = array('icon-eye-open', 'icon-book', 'icon-certificate', 'icon-home', 'icon-flag');
$index_icones = 0;

$nb_onglets = 0;
?>      
<header class="row-fluid">
        <div id="tela" class="padding-05em">
                <div class="text-center titre">
                  <? if (isset($texte['nom-commun'])) : ?>
                  <?= $texte['nom-commun']; ?>
                  <? elseif ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?>
                                <?= $nomsCommuns[0]['nom_vernaculaire'] ?>
                        <? else : ?>
                                Aucun nom commun défini.
                        <? endif; ?>
                </div>
                <div class="align-center">
                        <? if ($nom_retenu != '') : ?>
                                <?= $nom_retenu; ?>
                        <? else : ?>
                                Aucun nom scientifique.
                        <? endif; ?>
                        <? if ($famille != '') : ?>
                                        (<span class="small-caps"><?= $famille; ?>)</span>
                        <? endif; ?>
                </div>
        </div>
</header> 
<span class="gradient-bas"></span>      
                

<div class="row-fluid">
        <div class="span12">
                <div class="row-fluid">
                        <div class="span5 margin-bottom-05em margin-center margin-right-05em">
                                <div class="row-fluid margin-top-05em padding-left-01em" id="icons">
                                        <div class="span6">
                                                <div class="wrapper_carte">
                                                        <ul id="galerie_carte" class="gallery">
                                                                <li>
                                                                        <a href="<?= $repartition['chorodep'] ?>" rel="external">
                                                                                <img style="width:190px; height:178px" src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
                                                                        </a>
                                                                </li>
                                                        </ul>
                                                </div>
                                        </div>
                                        <div class="span6 bordered">
                                                <div class="wrapper wrapper_demi">
                                                        <ul id="galerie_images" class="gallery">
                                                                <? if (count($illustrations) != 0) : ?>
                                                                        <? for($i = 0; $i < count($illustrations); $i++) : ?>
                                                                                <? if (trim($illustrations[$i]['legende']['texte']) != '&nbsp;') : ?>
                                                                                        <? $alt = $illustrations[$i]['legende']['titre'].' ('.$illustrations[$i]['legende']['texte'].')'; ?>
                                                                                <? else : ?>
                                                                                        <? $alt = $illustrations[$i]['legende']['titre']; ?>
                                                                                <? endif; ?>
                                                                                <li>
                                                                                        <a href="<?= $illustrations[$i]['src'] ?>" rel="external">
                                                                                                <img src="<?= $illustrations[$i]['src'] ?>" alt="<?= $alt; ?>" />
                                                                                        </a>
                                                                                </li>
                                                                        <? endfor; ?>
                                                                <? else: ?>
                                                                        Aucune image.
                                                                <? endif; ?>
                                                        </ul>
                                                </div>
                                        </div>
                                </div>                                  
                                <? if ($floraison['floraison'] != -1) : ?>
                                        <div class="row-fluid margin-top-05em padding-left-01em">
                                                <div class="span12 bordered">
                                                        <i class="margin-top-03em margin-left-03em icon-leaf pull-left"></i>
                                                        <div class="margin-left-05em pull-left">Floraison</div>         
                                                                <canvas id="canvas_fleur" height="60"></canvas>
                                                                <span id="floraison_value"><?= $floraison['floraison'] ?></span>        
                                                </div>
                                        </div>
                                <? endif; ?>

                                <? if ($floraison['fructification'] != -1) : ?>
                                        <div class="row-fluid margin-top-05em padding-left-01em">
                                                <div class="span12 bordered">
                                                        <i class="margin-top-03em margin-left-03em icon-asterisk pull-left"></i>
                                                        <div class="margin-left-05em pull-left">Fructification</div>
                                                                <canvas id="canvas_fruit" height="60"></canvas>
                                                                <span id="fructification_value"><?= $floraison['fructification'] ?></span>      
                                                </div>
                                        </div>
                                <? endif; ?>
                        </div>                          
                        <script type="text/javascript">
                                var fleur = document.getElementById('floraison_value'),
                                        fruit = document.getElementById('fructification_value');
                                if (fleur) {
                                        dessinCanvas(document.getElementById('canvas_fleur'), '#00F', fleur.innerHTML);
                                }
                                if (fruit) {
                                        dessinCanvas(document.getElementById('canvas_fruit'), '#F00', fruit.innerHTML);
                                }
                        </script>               
                        
                                                                        
                        <div id="principal">
                                <? if (count($texte['corps']) > 1) : ?>
                                        <?= $texte['corps'][2]; ?>
                                        <div class="clearfix">
                                                <h4>
                                                        <i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i>
                                                        <?= $texte['corps'][3]; ?>
                                                </h4>
                                                <?= $texte['corps'][4]; ?>
                                        </div>
                                        
                                        
                                        <div class="accordion" id="accordion2">
                                                <? for($c = 3; $c < count($texte['corps'])-1; $c+=2) : ?>
                                                        <? if ($c != 3) : ?>
                                                                <div class="accordion-group">
                                                                        <div class="accordion-heading">
                                                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_<?= $c; ?>">
                                                                                        <h4>
                                                                                                <i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i>
                                                                                                <?= $texte['corps'][$c]; ?>
                                                                                        </h4>
                                                                                </a>
                                                                        </div>
                                                                        <div id="collapse_<?= $c; ?>" class="accordion-body collapse">
                                                                                <div class="accordion-inner">
                                                                                        <?= $texte['corps'][$c+1]; ?>
                                                                                </div>
                                                                        </div>
                                                                </div>
                                                        <? endif; ?>
                                                <? endfor; ?>
                                        </div>
                                <? else : ?>

                                <? if (isset($repartition['chorodep'])) /* affichage de la chorologie quand même, en l'absence de fiche Smartflore */ : ?>
                                <div class="row-fluid infos">
                                  <div data-target="#c9" data-toggle="collapse" class="btn btn-block couleur1-bg"> 
                                    <h4 class="padding-left-1em">
                                      <i class="icon-home pull-left"></i>
                                      Écologie &amp; habitat</h4>
                                  </div>
                                  <div class="in collapse" id="c9" style="height: auto;">
                                    <div class="bg couleur1-bg">
                                      <div class="textes">
                                        <div class="span6 margin-right-05em"> Carte de répartition <br>
                                          <ul class="gallery style-none margin-center" id="galerie_carte">
                                            <li>
                                              <a href="<?= $repartition['chorodep'] ?>" rel="external">
                                                <img style="width:190px; height:178px" src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
                                              </a>
                                            </li>
                                          </ul>
                                        </div>
                                        <div class="clearfix"></div>
                                      </div><!-- Fin de la zone de texte -->
                                    </div>
                                  </div><!-- Fin de la zone déroulante -->
                                </div>
                                <? endif; ?>

                                        <? if ($floraison['coste']['description']['texte'] != '') : ?>
                                                <?= $floraison['coste']['description']['texte']; ?>
                                        <? else : ?>
                                                <? if (count($floraison['baseflor']) > 1) : ?>
                                                        <? foreach ($floraison['baseflor'] as $index => $texte) : ?>
                                                                <? if ($floraison['baseflor'][$index] != '') : ?>
                                                                        <?= $index.' : '.$texte; ?> <br />
                                                                <? endif; ?>
                                                        <? endforeach; ?>
                                                <? else : ?>
                                                        <?= $txt_vide; ?>
                                                <? endif; ?>
                                        <? endif; ?>
                                <? endif; ?>
                        </div>
                </div>
        </div> <!-- span12 englobant -->
</div>