118,7 → 118,7 |
<body data-spy="scroll"> |
<div class="container"> |
<div class="row-fluid page-header"> |
<div class="span6"> |
<div class="span7"> |
<div class="well intro"> |
<h1>Florilèges</h1> |
<p> |
161,79 → 161,82 |
</div> |
</div> |
|
<div class="span6"> |
<div class="well"> |
<div class="span5"> |
<div class="well forcer-colonne"> |
<h2>Observateur</h2> |
<form id="form-observateur" action="#" class="" autocomplete="on"> |
<div class="row-fluid"> |
<div class="span6" rel="tooltip" data-placement="right" |
<div class="span6 control-group" rel="tooltip" data-placement="bottom" |
title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica. |
Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire |
ultérieurement. Des informations complémentaires vont vous être |
demandées : prénom et nom."> |
<label for="courriel" |
title="Veuillez saisir votre adresse courriel."> |
<strong class="obligatoire">*</strong> Courriel |
</label> |
<div class="input-prepend"> |
<span class="add-on"> |
<i class="icon-envelope"></i> |
</span> |
<input id="courriel" class="span12" name="courriel" type="text"/> |
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/> |
</div> |
<label class="control-label" for="courriel"> |
<strong class="obligatoire">*</strong> |
Courriel |
</label> |
<div class="controls"> |
<div class="input-prepend"> |
<span class="add-on"> |
<i class="icon-envelope"></i> |
</span> |
<input id="courriel" name="courriel" class="span11" type="text"/> |
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/> |
</div> |
</div> |
|
</div> |
<div id="zone-courriel-confirmation" class="span6 hidden"> |
<label for="courriel_confirmation" |
title="Veuillez saisir confirmer le courriel."> |
<div id="zone-courriel-confirmation" class="span6 hidden control-group"> |
<label class="control-label" for="courriel_confirmation"> |
<strong class="obligatoire">*</strong> |
Courriel (confirmation) |
</label> |
<div class="input-prepend"> |
<span class="add-on"> |
<i class="icon-envelope"></i> |
</span> |
<input id="courriel_confirmation" class="span12" name="courriel_confirmation" type="text"/> |
<div class="controls"> |
<div class="input-prepend"> |
<span class="add-on"> |
<i class="icon-envelope"></i> |
</span> |
<input id="courriel_confirmation" name="courriel_confirmation" |
class="span11" type="text"/> |
</div> |
</div> |
</div> |
</div> |
<div id="zone-prenom-nom" class="row-fluid hidden"> |
<div class="span6"> |
<label for="prenom">Prénom</label> |
<div> |
<input id="prenom" name="prenom" class="span12" type="text"/> |
</div> |
<label for="prenom"> |
Prénom |
</label> |
<input id="prenom" name="prenom" class="span12" type="text"/> |
</div> |
<div class="span6"> |
<label for="nom">Nom</label> |
<div> |
<input id="nom" name="nom" class="span12" type="text"/> |
</div> |
<label for="nom"> |
Nom |
</label> |
<input id="nom" name="nom" class="span12" type="text"/> |
</div> |
</div> |
<div id="zone-personne-complement" > |
<div id="zone-personne-complement" class="forcer-colonne"> |
<div class="row-fluid"> |
<div class="span12"> |
<label for="structure">Structure</label> |
<div> |
<input id="structure" name="personneStructure" class="span12 " type="text"/> |
</div> |
<div class="span6"> |
<label for="structure"> |
Structure |
</label> |
<input id="structure" name="personneStructure" class="span12 " type="text"/> |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12"> |
<label for="service">Service</label> |
<div> |
<input id="service" name="personneService" class="span12" type="text"/> |
</div> |
<div class="span6"> |
<label for="service"> |
Service |
</label> |
<input id="service" name="personneService" class="span12" type="text"/> |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12"> |
<label for="fonction">Fonction</label> |
<div> |
<input id="fonction" name="personneFonction" class="span12" type="text"/> |
</div> |
<label for="fonction"> |
Fonction |
</label> |
<input id="fonction" name="personneFonction" class="span12" type="text"/> |
</div> |
</div> |
</div> |
283,7 → 286,7 |
</div> |
</div> |
</div> |
<div class="well"> |
<div class="forcer-colonne well"> |
<div class="row-fluid"> |
<div class="span4"> |
<label for="map_canvas" title="Veuillez localiser l'observation"> |
309,18 → 312,20 |
le lieu souhaité."></div> |
</div> |
</div> |
<div class="row-fluid"> |
<label for="coordonnees-geo" class="span7"> |
<a href="#" class="afficher-coord">Afficher</a> |
<a href="#" class="afficher-coord" style="display:none;">Cacher</a> |
les coordonnées géographiques |
<span id="lat-lon-info" class="info" |
rel="tooltip" |
title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées"> |
(WGS84) |
</span> |
<div id="coordonnees-geo-affichage" class="row-fluid"> |
<label for="coordonnees-geo" class="span6"> |
<a class="afficher-coord btn"> |
<span class="afficher-coord-action">Afficher</span> |
<span class="afficher-coord-action" style="display:none;">Cacher</span> |
coordonnées |
<span id="lat-lon-info" class="info" |
rel="tooltip" |
title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées"> |
(WGS84) |
</span> |
</a> |
</label> |
<div id="info-commune" class="span5"> |
<div id="info-commune" class="span6"> |
<span for="marqueur-commune">Commune : </span> |
<span id="marqueur-commune"> |
<span id="commune-nom" class="commune-info"></span> |
330,31 → 335,29 |
</span> |
</div> |
</div> |
<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on"> |
<div id="coordonnees-geo" class="well" style="display:none;"> |
<div class="row-fluid form-inline"> |
<div id="coord-lat" class="span4"> |
<label> |
Latitude |
<input id="latitude" class="input-mini" name="latitude" type="text" value=""/> |
</label> |
</div> |
<div id="coord-lng" class="span4"> |
<label> |
Longitude |
<input id="longitude" class="input-mini" name="longitude" type="text" value=""/> |
</label> |
</div> |
<div class="span4"> |
<button id="geolocaliser" class="btn" |
rel="tooltip" |
title="Centre la carte sur les coordonnées de latitude et longitude saisies."> |
Voir sur la carte |
</button> |
</div> |
<div id="coordonnees-geo" class="row-fluid" style="display:none;"> |
<form id="form-station" class="control-group form-inline"> |
<div id="coord-lat" class="span4"> |
<label> |
Latitude |
<input id="latitude" class="input-mini" name="latitude" type="text" value=""/> |
</label> |
</div> |
</div> |
</form> |
<div id="coord-lng" class="span4"> |
<label> |
Longitude |
<input id="longitude" class="input-mini" name="longitude" type="text" value=""/> |
</label> |
</div> |
<div class="span4"> |
<button id="geolocaliser" class="btn" |
rel="tooltip" |
title="Centre la carte sur les coordonnées de latitude et longitude saisies."> |
Voir sur la carte |
</button> |
</div> |
</form> |
</div> |
</div> |
</div> |
<div class="span4"> |
497,78 → 500,88 |
<div class="span4"> |
<h2 id="obs-titre">Observations</h2> |
</div> |
<form id="form-date" class="form-inline"> |
<div class="span4" rel="tooltip" |
title="Vous pouvez cliquer sur l'icône de calendrier pour |
sélectionner une date dans un calendrier."> |
<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa"> |
Date du relevé |
<div class="input-prepend"> |
<span id="date-icone" class="add-on"></span> |
<input id="date" class="input-small" name="date" type="text" |
placeholder="jj/mm/aaaa" /> |
</div> |
</label> |
</div> |
<div class="span4" rel="tooltip" |
title="Date approximative de la dernière intervention." > |
<label for="date-derniere-intervention">Dernière intervention</label> |
<select id="date-derniere-intervention"> |
<option value="inconnue">ne sais pas</option> |
<option>plus de 3 ans</option> |
<option>entre 1 et 3 ans</option> |
<option>moins d'1 an</option> |
<option>au cours du dernier semestre</option> |
<option>au cours du dernier trimestre</option> |
<option>au cours des 30 derniers jours</option> |
<option>au cours des 7 derniers jours</option> |
</select> |
</div> |
</form> |
<div class="span8"> |
<form id="form-date" class="form-inline"> |
<div class="span6" rel="tooltip" |
title="Vous pouvez cliquer sur l'icône de calendrier pour |
sélectionner une date dans un calendrier."> |
<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa"> |
Date du relevé |
<div class="input-prepend"> |
<span id="date-icone" class="add-on"></span> |
<input id="date" class="input-small" name="date" type="text" |
placeholder="jj/mm/aaaa" /> |
</div> |
</label> |
</div> |
<div class="span6" rel="tooltip" |
title="Date approximative de la dernière intervention." > |
<label> |
Dernière intervention |
<select id="date-derniere-intervention"> |
<option value="inconnue">ne sais pas</option> |
<option>plus de 3 ans</option> |
<option>entre 1 et 3 ans</option> |
<option>moins d'1 an</option> |
<option>au cours du dernier semestre</option> |
<option>au cours du dernier trimestre</option> |
<option>au cours des 30 derniers jours</option> |
<option>au cours des 7 derniers jours</option> |
</select> |
</label> |
</div> |
</form> |
</div> |
</div> |
<form id="form-obs" action="#" autocomplete="on"> |
|
<form id="form-obs" autocomplete="on"> |
<div class="row-fluid"> |
<div class="well span6"> |
<div class="row-fluid"> |
<div class="span12"> |
<div id="taxon-liste-input-groupe" rel="tooltip" |
<div id="taxon-liste-input-groupe" class="control-group" rel="tooltip" |
title="Sélectionnez une espèce dans la liste déroulante par son nom latin |
ou commun. Si une espèce est abscente, sélectionner «Autre espèce»." > |
<label title="Choisissez l'espèce rencontrée."> |
<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée."> |
<strong class="obligatoire">*</strong> |
Espèces les plus communes |
<div class="input-prepend"> |
</label> |
<div class="controls"> |
<div class="input-prepend "> |
<span class="add-on"> |
<i class="icon-leaf"></i> |
</span> |
<select id="taxon-liste" class="span12" name="taxon-liste"> |
<option value="" selected="selected">Sélectionner une espèce</option> |
<option value="" selected>Sélectionner une espèce</option> |
<option value="?">Autre espèce</option> |
<?php foreach ($taxons as $taxon) :?> |
<option <?= $taxon['nom_ret']== $taxon['nom_fr'] ? 'style="font-style:italic;"' : '' ?> value="<?=$taxon['num_nom_sel']?>" |
title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>"> |
<option |
class="<?=($taxon['nom_ret'] == $taxon['nom_fr']) ? 'nom-sci' : 'nom-fr' ?>" |
value="<?=$taxon['num_nom_sel']?>" |
title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>" |
> |
<?=$taxon['nom_fr']?> |
</option> |
<?php endforeach; ?> |
</select> |
</div> |
</label> |
</div> |
</div> |
</div> |
</div> |
<div id="taxon-input-groupe" class="row-fluid hidden"> |
<div class="span12"> |
<div rel="tooltip" |
<div class="control-group" rel="tooltip" |
title="Sélectionnez une espèce dans la liste déroulante pour lier |
votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir |
un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." > |
<label title="Choisissez l'espèce rencontrée."> |
<label class="control-label" for="taxon" title="Choisissez l'espèce rencontrée."> |
Autre espèce |
</label> |
<div class="controls"> |
<input id="taxon" name="taxon" type="text" class="span12" |
placeholder="Autre espèce (ou indication sur la plante)" |
value="<?= $nom_sci_espece_defaut; ?>" /> |
</label> |
</div> |
</div> |
</div> |
</div> |
639,7 → 652,8 |
title="Hauteur maximum en centimètre de la plante sur le site."> |
<label > |
Hauteux max. (en cm) de la plante |
<input id="hauteur-plante" class="span2" name="hauteurPlante" type="number" /> |
<input id="hauteur-plante" class="span2" name="hauteurPlante" |
type="number" min="0" step="1" /> |
</label> |
</div> |
</div> |
698,7 → 712,7 |
<div class="input-prepend"> |
<div class="btn-group"> |
<button class="btn dropdown-toggle" data-toggle="dropdown"> |
<i class="icon-heart"></i> |
<i class="icon-eye-open"></i> |
Sélectionner une ou plusieurs perceptions |
<span class="caret"></span> |
</button> |
785,9 → 799,34 |
</button> |
</div> |
</div> |
|
</div> |
</div> |
|
<!-- Messages d'erreur du formulaire--> |
<div class="row-fluid"> |
<div class="zone-alerte span6 offset3"> |
<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : 10 observations maximum</h4> |
<p> |
Vous venez d'ajouter votre 10ème observation.<br/> |
Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous. |
</p> |
</div> |
</div> |
<div class="zone-alerte span6 offset3"> |
<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : champs en erreur</h4> |
<p> |
Certains champs du formulaire sont mal remplis.<br/> |
Veuillez vérifier vos données. |
</p> |
</div> |
</div> |
</div> |
|
<!-- Affiche le tableau récapitualif des observations ajoutées --> |
<div id="zone-liste-obs" class="row-fluid"> |
<div class="span12"> |
835,30 → 874,6 |
<p class="span12">© Tela Botanica 2013</p> |
</footer> |
</div> |
|
<!-- Messages d'erreur du formulaire--> |
<div class="row"> |
<div class="zone-alerte span6 offset3"> |
<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : 10 observations maximum</h4> |
<p> |
Vous venez d'ajouter votre 10ème observation.<br/> |
Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous. |
</p> |
</div> |
</div> |
<div class="zone-alerte span6 offset3"> |
<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : champs en erreur</h4> |
<p> |
Certains champs du formulaire sont mal remplis.<br/> |
Veuillez vérifier vos données. |
</p> |
</div> |
</div> |
</div> |
|
<!-- Fenêtres modales --> |
<div id="chargement" class="modal-fenetre" style="display:none;"> |