Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

<?
$txt_latin = "<div onclick='gestionPopover();'>
                                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.
                          </div>";
$txt_famille = "<div onclick='gestionPopover();'>
                                        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. 
                                </div>";

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

$txt_vide = "Aucune donnée disponible.";
$nb_onglets = 0;
?>      
<div onclick="gestionPopover();">
        <header class="row-fluid">
                <div class="padding-05em">
                        <div class="tela pull-left">
                                <a href="http://tela-botanica.org" rel="external" title="Retour à Tela-Botanica.org">
                                        <img src="modules/mobile/presentations/logos/tela.png" alt="Logo Tela" />
                                </a>
                        </div>
                        <div class="text-center titre">
                                <? if (isset($texte['nom-commun'])) : ?>
                                <?= $texte['nom-commun']; ?>
                                <? elseif ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?>
                                        <?= $nomsCommuns[0]['nom_vernaculaire'] ?>
                                <? else : ?>
                                        <? if ($texte['titre'][0] != '') : ?>
                                                <?= $texte['titre'][0]; ?>
                                        <? else : ?>
                                                Aucun nom commun défini.
                                        <? endif; ?>
                                <? endif; ?>
                        </div>
                </div>
        </header>          
                
        <div id="div-infos">
                <div id="div-infos-latin" class="row-fluid">
                        <div class="align-center">
                                <a href="<?= $url_absolue ?>#div-infos-latin" class="btn btn-large btn-pop" 
                                                data-content="<?= $txt_latin; ?>" data-html="true" 
                                                data-placement="bottom" data-toggle="popover" 
                                                data-original-title="<div onclick='gestionPopover();'>Pourquoi un nom latin ?</div>"
                                                onclick="resetPopover();">
                                                        <? if ($nom_retenu != '') : ?>
                                                                <?= $nom_retenu; ?>
                                                        <? else : ?>
                                                                Aucun nom scientifique.
                                                        <? endif; ?>
                                </a>
                        </div>
                </div> 
                                
                <div id="div-illustrations" class="row-fluid">
                        <? if (count($illustrations) != 0) : ?>
                                <div class="align-center" onclick="gestionSlider();">
                                        <a href="#btn-latin" class="" id="gstn-img">
                                                <img src="<?= $illustrations[0]['src'] ?>" alt="Miniature" class="pull-left">
                                                <img src="modules/mobile/presentations/icones/zoom.png" class="zoom pull-left"/>
                                                <img src="<?= $illustrations[1]['src'] ?>" alt="Miniature" class="pull-left">
                                        </a>
                                </div>
                                <div id="slider-pictures" class="carousel slide margin-top-05em">
                                        <button class="btn btn-large" onclick="gestionSlider();">
                                                <i class="icon-remove pull-left"></i>
                                        </button>
                                        <ol class="carousel-indicators">
                                                <? for($i = 0; $i < count($illustrations); $i++) : ?>
                                                        <li data-target="#slider-pictures" data-slide-to="<?= $i ?>" class="<?= ($i == 0) ? 'active' : ''; ?>"></li>
                                                <? endfor; ?>
                                        </ol>
                                        
                                        <div class="carousel-inner">            
                                                <? for($i = 0; $i < count($illustrations); $i++) : ?>
                                                        <div class="item <?= ($i == 0) ? ' active' : ''; ?>">
                                                                <img src="<?= $illustrations[$i]['src'] ?>" alt="Image_<?= $i ?>" >
                                                                <div class="carousel-caption">
                                                                        <h4><?= $illustrations[$i]['legende']['titre'] ?></h4>
                                                                        <p><?= $illustrations[$i]['legende']['texte'] ?></p>
                                                                </div>
                                                        </div>
                                                <? endfor; ?>
                                        </div>
                                        
                                        <a class="left carousel-control" href="#slider-pictures" data-slide="prev">&lsaquo;</a>
                                        <a class="right carousel-control" href="#slider-pictures" data-slide="next">&rsaquo;</a>
                                </div>          
                        <? endif; ?>                                    
                </div>
                                
                                                
                <div id="div-infos-famille" class="row-fluid">
                        <div class="align-center">
                                <a href="#div-infos-famille" class="btn btn-large btn-pop" data-content="<?= $txt_famille; ?>" 
                                                data-placement="bottom" data-toggle="popover" data-html="true" 
                                                data-original-title="<div onclick='gestionPopover();'>Pourquoi une famille de plante ?</div>"
                                                onclick="resetPopover();">
                                                        <? if ($famille != '') : ?>
                                                                        Famille des <span class="small-caps"><?= $famille; ?></span>
                                                        <? else : ?>
                                                                <span class="none">En savoir plus sur les familles de plante</span>
                                                        <? endif; ?>
                                </a>
                        </div>
                </div>
        </div>
        <span class="gradient-bas"></span>
        <?= $floraison['coste']['texte']; ?>

        <div class="resume">
                <? if (count($texte['corps']) > 1) : ?>
                        <?= $texte['corps'][2]; ?>
        </div>
                                
                        <? for($index = 3; $index < count($texte['corps'])-1; $index+=2) : ?>
                                <? if (isset($texte['corps'][$c+1])) : 
                                                $nb_onglets++;
                                                $class = ($nb_onglets % 2 == 0) ? "couleur1-bg" : "couleur2-bg";
                                        ?>      
                                        <div class="row-fluid infos">
                                                <div class="btn btn-block <?= $class ?>" data-toggle="collapse" data-target="#c<?= $index ?>"> 
                                                        <h4 class="padding-left-1em">
                                                                <i class="<?= $icones[$index_icones++]; ?> pull-left"></i>
                                                                <?= $texte['corps'][$index]; ?>
                                                        </h4>
                                                </div>
                                                <div id="c<?= $index ?>" class="collapse">
                                                        <div class="bg <?= $class ?>">
                                                                <div class="textes">
                                                                        <? if (stristr($texte['corps'][$index], 'cologie') != false || stristr($texte['corps'][$index], 'cologie') != false) : ?>
                                                                                <div class="span6 margin-right-05em">
                                                                                        Carte de répartition <br />
                                                                                        <ul id="galerie_carte" class="gallery style-none margin-center">
                                                                                                <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="">
                                                                                        <?= $texte['corps'][$index+1]; ?>
                                                                                </div>
                                                                                <div class="clearfix"></div>
                                                                        <? else : ?>
                                                                                <?= $texte['corps'][$index+1]; ?>
                                                                        <? endif; ?>
                                                                </div>          <!-- Fin de la zone de texte -->
                                                        </div>
                                                </div>          <!-- Fin de la zone déroulante -->
                                        </div>          <!-- Fin du bloc infos -->
                                <? endif; ?>
                        <? endfor; ?>                   
                <? 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; ?>
                        </div>
                <? endif; ?>