155,18 → 155,38 |
</div> |
<div class="row-fluid"> |
<div class="span12"> |
<h2>Observateur</h2> |
<form id="form-observateur" action="#" autocomplete="on"> |
<fieldset id="partie-identification"> |
<div class="row-fluid"> |
<div class="span6 control-group has-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 class="control-label" for="courriel"> |
<strong class="obligatoire">*</strong> |
Courriel |
<h2 id="titre-form-observateur">Observateur</h2> |
<div id="zone-identification"> |
<fieldset id="partie-identification"> |
<div class="row-fluid"> |
<div class="span6 control-group has-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 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 control-group has-tooltip" |
data-placement="bottom" |
title="Saisissez à nouveau votre courriel afin de le confirmer. Le |
copier/coller est désactivé pour éviter les erreurs."> |
<label class="control-label" for="courriel_confirmation"> |
<strong class="obligatoire">*</strong> |
Courriel (confirmation) |
</label> |
<div class="controls"> |
<div class="input-prepend"> |
173,50 → 193,32 |
<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"/> |
<input id="courriel_confirmation" name="courriel_confirmation" |
class="span11" type="text"/> |
</div> |
</div> |
|
</div> |
</div> |
<div id="zone-courriel-confirmation" class="span6 hidden control-group has-tooltip" |
data-placement="bottom" |
title="Saisissez à nouveau votre courriel afin de le confirmer. Le |
copier/coller est désactivé pour éviter les erreurs."> |
<label class="control-label" for="courriel_confirmation"> |
<strong class="obligatoire">*</strong> |
Courriel (confirmation) |
</label> |
<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 id="zone-prenom-nom" class="row-fluid hidden"> |
<div class="span6 control-group"> |
<label for="prenom" class="control-label"> |
<strong class="obligatoire">*</strong> |
Prénom |
</label> |
<input id="prenom" name="prenom" class="span12" type="text"/> |
</div> |
<div class="span6 control-group"> |
<label for="nom" class="control-label"> |
<strong class="obligatoire">*</strong> |
Nom |
</label> |
<div class="controls"> |
<input id="nom" name="nom" class="span12" type="text"/> |
</div> |
</div> |
</div> |
</div> |
<div id="zone-prenom-nom" class="row-fluid hidden"> |
<div class="span6 control-group"> |
<label for="prenom" class="control-label"> |
<strong class="obligatoire">*</strong> |
Prénom |
</label> |
<input id="prenom" name="prenom" class="span12" type="text"/> |
</div> |
<div class="span6 control-group"> |
<label for="nom" class="control-label"> |
<strong class="obligatoire">*</strong> |
Nom |
</label> |
<div class="controls"> |
<input id="nom" name="nom" class="span12" type="text"/> |
</div> |
</div> |
</div> |
</fieldset> |
</fieldset> |
</div> |
</form> |
</div> |
</div> |
249,8 → 251,9 |
</div> |
</div> |
|
<!-- Fiche terrain --> |
<form id="form-obs" class="form-inline" action="#" autocomplete="on"> |
<h2>Fiche de terrain</h2> |
<h2 id="titre-form-obs">Fiche de terrain</h2> |
<div id="zone-fiche-terrain"> |
<fieldset id="partie-date"> |
<legend>Date du relevé</legend> |
274,9 → 277,6 |
|
<fieldset id="partie-station"> |
<legend>Lieu du relevé</legend> |
|
|
|
<div class="row-fluid"> |
<div class="span12"> |
<label for="map_canvas" class="control-label" |
366,57 → 366,166 |
</div> |
</div> |
|
<label for="rue_cote" title="Choisissez le (ou les) côté(s) de la rue que vous avez étudié"> |
<strong class="obligatoire">*</strong> |
Côté de la rue |
</label> |
<select id="rue_cote" name="rue_cote"> |
<option value="">Sélectionner un type de côté</option> |
<option value="pair">Pair</option> |
<option value="impair">Impair</option> |
<option value="2cotes">Les deux</option> |
</select> |
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
title="Choisissez le (ou les) côté(s) de la rue que vous avez étudié."> |
<label class="control-label"> |
<strong class="obligatoire">*</strong> |
Côté de la rue |
|
<select id="rue_cote" name="rue_cote"> |
<option value="">Sélectionner un type de côté</option> |
<option value="pair">Pair</option> |
<option value="impair">Impair</option> |
<option value="2cotes">Les deux</option> |
</select> |
</label> |
</div> |
</div> |
</fieldset> |
|
<fieldset id="partie-observation"> |
<legend>Observations</legend> |
<ul> |
<li> |
<label for="taxon" title="Choisissez une espèce rencontrée. Si vous avez trouvé d'autres espèces non listées, n'hésitez pas à le signaler dans les notes"> |
<strong class="obligatoire">*</strong> |
Espèce |
<div class="row-fluid"> |
<div class="span12"> |
<div id="taxon-liste-input-groupe" class="control-group has-tooltip" |
title="Sélectionnez une espèce dans la liste déroulante par son nom latin |
ou commun. Si une espèce est absente, sélectionner «Autre espèce»." > |
<label> |
<strong class="obligatoire">*</strong> |
Espèces communes |
|
<div class="input-prepend "> |
<span class="add-on"> |
<i class="icon-leaf"></i> |
</span> |
|
<select id="taxon-liste" name="taxon-liste"> |
<option value="" selected>Sélectionner une espèce</option> |
|
<optgroup id="taxon-liste-noms"> |
<?php foreach ($taxons['sci-et-fr'] as $taxon) :?> |
<option |
class="<?=$taxon['nom_type'] ?>" |
value="<?=$taxon['num_nom'] ?>" |
title="<?=$taxon['nom_title'] ?>" |
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>" |
> |
<?=$taxon['nom_a_afficher']?> |
</option> |
<?php endforeach; ?> |
</optgroup> |
<optgroup id="taxon-liste-special"> |
<?php foreach ($taxons['speciaux'] as $taxon) :?> |
<option |
class="<?=$taxon['nom_type'] ?>" |
value="<?=$taxon['num_nom'] ?>" |
title="<?=$taxon['nom_title'] ?>" |
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>" |
> |
<?=$taxon['nom_a_afficher']?> |
</option> |
<?php endforeach; ?> |
<option value="?">Autre espèce</option> |
</optgroup> |
</select> |
</div> |
</label> |
</div> |
</div> |
</div> |
<div id="taxon-input-groupe" class="row-fluid hidden"> |
<div class="span12"> |
<div class="control-group has-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 sp.1')." > |
<label for="taxon" class="control-label" 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; ?>" /> |
</div> |
</div> |
</div> |
</div> |
|
<div class="row-fluid"> |
<div class="span12 control-group has-tooltip" |
title="Indiquez le (ou les) milieu(x) dans lequel (lesquels) vous avez rencontré cette espèce."> |
<label class="span2 control-label"> |
<strong class="obligatoire">*</strong> |
Milieux |
</label> |
<select id="taxon" name="taxon"> |
<option value="">Sélectionner une 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'] : '' )?>"> |
<?=$taxon['nom_fr']?> |
</option> |
<?php endforeach; ?> |
</select> |
</li> |
<li> |
<label for="liste-milieux" title="Indiquez le (ou les) milieu(x) dans lequel (lesquels) vous avez rencontré cette espèce"> |
<strong class="obligatoire">*</strong> |
Milieu |
</label> |
<ul id="liste-milieux"> |
<?php foreach ($milieux as $milieu => $description) : ?> |
<li> |
<input type="checkbox" class="milieu" name="milieu[]" value="<?=$milieu?>" |
<?=($description != '') ? 'title="'.$description.'"': '' ?>/> |
<?=$milieu?> |
</li> |
<?php endforeach; ?> |
</ul> |
<hr class="nettoyage" /> |
</li> |
<li> |
<div id="milieux-controls" class="controls"> |
<div class="input-prepend"> |
<div class="btn-group"> |
<button class="btn dropdown-toggle" data-toggle="dropdown"> |
<i class="icon-globe"></i> |
Sélectionner un ou plusieurs milieux |
<span class="caret"></span> |
</button> |
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="fissures"/> |
Fissures |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="pied d'arbre"/> |
Pied d'arbre |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="mur"/> |
Mur |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="pelouse"/> |
Pelouse |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="plate bande"/> |
Plate bande |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="haie"/> |
Haie |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="chemin"/> |
Chemin |
</label> |
</li> |
</ul> |
</div> |
</div> |
</div> |
</div> |
</div> |
|
<div class="row-fluid"> |
<div class="span12"> |
<label for="notes">Notes</label> |
<textarea id="notes" name="notes" rows="3" cols="4" placeholder="Indiquez nous en particulier le ou les outils d'identification que vous avez utilisé, et toute autre information concernant le milieu ou l'espèce" ></textarea> |
</li> |
</ul> |
<div> |
<textarea id="notes" class="span12" rows="7" name="notes" |
placeholder="Indiquez nous en particulier le ou les outils d'identification que vous avez utilisé, et toute autre information concernant le milieu ou l'espèce."></textarea> |
</div> |
</div> |
</div> |
</fieldset> |
</div><!-- zone-fiche-terrain--> |
</form> |
427,8 → 536,11 |
<div class="row-fluid"> |
<div class="span12"> |
<fieldset id="partie-photo"> |
<legend>Ajouter une photo</legend> |
<p class="miniature-info" class="discretion help-inline">Vous pouvez ajouter des photos correspondant à cette espèce. Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p> |
<legend>Ajouter des photos</legend> |
<p class="miniature-info" class="discretion help-inline"> |
Vous pouvez ajouter des photos correspondant à cette espèce. |
Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes. |
</p> |
<div id ="photos-conteneur"> |
<input type="file" id="fichier" name="fichier" accept="image/jpeg" /> |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/> |
440,7 → 552,7 |
</div> |
</form> |
<div class="row-fluid"> |
<div class="span12 centre has-tooltip" |
<div class="span12 has-tooltip" |
title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour |
ajouter votre observation à la liste à transmettre."> |
<button id="ajouter-obs" class="btn btn-primary btn-large" type="button"> |
452,7 → 564,7 |
|
<!-- Messages d'erreur du formulaire--> |
<div class="row-fluid"> |
<div class="zone-alerte span6 offset3"> |
<div class="zone-alerte span12"> |
<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> |
462,7 → 574,7 |
</p> |
</div> |
</div> |
<div class="zone-alerte span6 offset3"> |
<div class="zone-alerte span12"> |
<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> |
472,7 → 584,7 |
</p> |
</div> |
</div> |
<div class="zone-alerte span6 offset3"> |
<div class="zone-alerte span12"> |
<div id="dialogue-form-invalide-rue" class="alert alert-warning alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : champs en erreur</h4> |
485,12 → 597,12 |
</div> |
|
<!-- Affiche le tableau récapitualif des observations ajoutées --> |
<div id="zone-liste-obs" class="row-fluid hidden"> |
<div class="span12"> |
<div class="well"> |
<div id="zone-liste-obs" class="hidden"> |
<div class="row-fluid"> |
<div class="span12"> |
<div class="row-fluid"> |
<div class="span8"> |
<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2> |
<h2 id="titre-liste-obs">Liste des observations à transmettre : <span class="obs-nbre">0</span></h2> |
</div> |
<div class="span4 droite"> |
<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip" |
506,7 → 618,7 |
</div> |
|
<div class="row-fluid"> |
<div class="zone-alerte span6 offset3"> |
<div class="zone-alerte span12"> |
<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Attention : aucune observation</h4> |