New file |
0,0 → 1,689 |
<?php if ('arbres' === $squelette ) : ?> |
<form id="form-observation" role="form" autocomplete="on"> |
<h2>Relevé</h2> |
<div id="zone-observation" class="row"> |
<div class="col-md-6"> |
|
<div class="mb-3"> |
<label class="col-sm-12 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé."> |
<i class="fa fa-map" aria-hidden="true"></i> Lieu du relevé |
</label> |
<div id="geoloc-info" class="text-justify col-sm-8"> |
<p> |
<span class="font-weight-bold">Localisez ici la zone d’observation.</span> |
</p> |
<p> |
Après l'enregistrement du relevé, vous pourrez pointer précisément les arbres sur lesquelles vous avez fait vos observations. |
</p> |
</div> |
<div class="control-group"> |
<span id="geoloc-error" class="error hidden"> |
Le nom de la rue, ou de la commune, n'ont pas pu être correctement déterminées pour la localisation indiquée.<br> |
Veuillez replacer le pointeur de la carte ou indiquer manuellement le nom de la rue ou/et de la commune. |
</span> |
<div id="geoloc" class="col-sm-12 geoloc"> |
<tb-geolocation-element |
id="tb-geolocation" |
layer='osm' |
zoom_init="4" |
lat_init="46.5" |
lng_init="2.9" |
marker="true" |
polyline="false" |
polygon="false" |
show_lat_lng_elevation_inputs="true" |
osm_class_filter="" |
elevation_provider="mapquest" |
map_quest_api_key="mG6oU5clZHRHrOSnAV0QboFI7ahnGg34" |
> |
</tb-geolocation-element> |
</div> |
<div id="geoloc-datas" class="hidden"> |
<div class="mt-3"> |
<label class="col-sm-8" for="rue">Rue</label> |
<div class="col-sm-8"> |
<input type="text" class="form-control rue" disabled id="rue" name="rue" value=""> |
</div> |
</div> |
<div class="mt-3"> |
<label class="col-sm-8" for="commune-nom">Nom de commune</label> |
<div class="col-sm-8"> |
<input type="text" class="form-control commune-nom" disabled id="commune-nom" name="commune-nom" value=""> |
<input type="hidden" class="commune-insee" disabled id="commune-insee" name="commune-insee" value=""> |
</div> |
</div> |
<input type="hidden" class="form-control geometry-releve" disabled id="geometry-releve" name="geometry-releve" value="" style="display:none"> |
<input type="hidden" class="form-control latitude-releve" disabled id="latitude-releve" name="latitude-releve" value="" style="display:none"> |
<input type="hidden" class="form-control longitude-releve" disabled id="longitude-releve" name="longitude-releve" value="" style="display:none"> |
<input type="hidden" class="form-control altitude-releve" disabled id="altitude-releve" name="altitude-releve" value="" style="display:none"> |
<div class="row pl-3 pr-3 mt-3"> |
<div class="d-flex flex-column col-sm-4"> |
<label for="pays">Pays</label> |
<div> |
<input type="text" class="form-control pays" disabled id="pays" name="pays" value=""> |
</div> |
</div> |
</div> |
</div> |
</div> |
</div> |
</div> |
|
<div class="col-md-6"> |
<h3 class="mb-3">Informations sur le relevé</h3> |
<div id="obs-info" class="text-justify col-sm-8"> |
<p> |
<span class="warning">Attention!</span><br> |
Ces informations ne sont pas modifiables après la création du relevé |
</p> |
<p> |
Pour indiquer qu'<span class="font-weight-bold">un élément concernant le relevé ou un arbre a changé</span> ou corriger une erreur, vous devez dupliquer le relevé existant. |
</p> |
<p> |
<a target="_blank" href="https://www.tela-botanica.org/wikini/AideCarnetEnLigne/wakka.php?wiki=AideWidgetSaisie">Consultez l'aide</a> pour plus d'infos. |
</p> |
</div> |
|
<div class="control-group"> |
<label for="releve-date" class="col-sm-8 obligatoire" title=""> |
<i class="fa fa-calendar" aria-hidden="true"></i> Date de relevé |
</label> |
<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="Saisir la date de l’observation"> |
<input type="date" id="releve-date" name="releve-date" class="form-control" max="" placeholder="jj/mm/aaaa" required> |
</div> |
</div> |
|
<?php if ('tb_lichensgo' !== $widget['projet']) : ?> |
<div class="control-group"> |
<div class="col-sm-8 mb-2 list-label obligatoire"> |
<i class="fa fa-walking" aria-hidden="true"></i> Zone piétonne |
</div> |
<div id="zone-pietonne" class="col-sm-8 mb-3 list"> |
<div class="form-check form-check-inline"> |
<input type="radio" id="pietonne" name="zone-pietonne" class="pietonne form-check-input" value="true"> |
<label for="pietonne" class="pietonne form-check-label">Oui</label> |
</div> |
<div class="form-check form-check-inline"> |
<input type="radio" id="non-pietonne" name="zone-pietonne" class="non-pietonne form-check-input" value="false"> |
<label for="non-pietonne" class="non-pietonne form-check-label">Non</label> |
</div> |
</div> |
</div> |
|
<div class=""> |
<div class="col-sm-8 mb-2 list-label"> |
<i class="fa fa-lightbulb" aria-hidden="true"></i> Présence de lampadaires |
</div> |
<div id="pres-lampadaires" class="col-sm-8 mb-3 list"> |
<div class="form-check form-check-inline"> |
<input type="radio" id="lampadaires" name="pres-lampadaires" class="lampadaires form-check-input" value="true"> |
<label for="lampadaires" class="lampadaires form-check-label">Oui</label> |
</div> |
<div class="form-check form-check-inline"> |
<input type="radio" id="sans-lapadaires" name="pres-lampadaires" class="sans-lampadaires form-check-input" value="false"> |
<label for="sans-lampadaires" class="sans-lampadaires form-check-label">Non</label> |
</div> |
</div> |
</div> |
<?php endif; ?> |
|
<div class=""> |
<label for="commentaires" class="col-sm-8"> |
<i class="fa fa-pen" aria-hidden="true"></i> Commentaires |
</label> |
<div class="col-sm-8 mb-3"> |
<textarea id="commentaires" class="col-md-12" rows="7" name="commentaires"></textarea> |
</div> |
</div> |
<!-- Bouton création d'une obs --> |
<div class="col-sm-8 mb-3"> |
<div title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre."> |
<a href="" id="soumettre-releve" class="charger-carto btn btn-primary">Enregistrer</a> |
</div> |
</div> |
</div> |
</div> |
</form><!-- fin zone relevé --> |
|
<!-- Messages d'erreur du formulaire observateur --> |
<div class="zone-alerte"> |
<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : mauvaise géolocalisation</h4> |
<p>Certaines informations de géolocalisation n'ont pas été transmises.</p> |
</div> |
<div id="dialogue-date-rue-ko" class="alert alert-warning alert-block hidden"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : Relevé dupliqué</h4> |
<p> |
Un releve existe dejà à cette date, pour cette rue.<br> |
Si vous souhaitez dupliquer le relevé, veuillez actionner le bouton "Reprendre un précédent relevé" de la rubique "observateur",<br>puis choisir dans le tableau le relevé à dupliquer et entrer la date de votre nouvelle observation |
</p> |
</div> |
</div> |
<?php endif; ?> |
|
<?php $chaine_sq_singulier = substr($squelette, 0, -1);?> |
<div id="zone-<?php echo $squelette;?>" class="bloc-top <?php if ('arbres' === $squelette) echo 'hidden';?>"> |
<h2 class="mb-3">Saisie des <?php echo $squelette;?> du relevé</h2> |
<?php if ('arbres' === $squelette ) : ?> |
<?php if ('tb_lichensgo' !== $widget['projet']) : ?> |
<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3 hidden" data-load="plantes"> |
<i class="fas fa-seedling"></i> Saisir les plantes |
</a> |
<?php endif; ?> |
<?php if ('tb_streets' !== $widget['projet']) : ?> |
<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3 hidden" data-load="lichens"> |
<i class="far fa-snowflake"></i> Saisir les lichens |
</a> |
<?php endif; ?> |
<?php else : ?> |
<a href="" id="bouton-poursuivre" class="btn btn-success hidden mb-3" data-load="<?php echo $squelette;?>"> |
<i class="far fa-plus-square"></i> Ajouter des <?php echo $squelette;?> |
</a> |
<?php endif; ?> |
<div class="row"> |
<div id="bloc-gauche" class="col-md-6"> |
<div id="bloc-form-<?php echo $squelette;?>" class=""> |
<?php if ('arbres' === $squelette ) : ?> |
<div id="arbres-info" class="text-justify"> |
<p> |
Vous devez saisir <span class="font-weight-bold">entre <?php echo ('tb_lichensgo' === $widget['projet']) ? '1 et 3' : '5 et 10'; ?> arbres</span> |
</p> |
</div> |
<?php endif; ?> |
<form id="form-<?php echo $squelette;?>" role="form" autocomplete="off"> |
<?php if ('arbres' === $squelette ) : ?> |
<h3 class="mb-3">Arbre <span id="arbre-nb">1</span> :</h3> |
<?php else : ?> |
<div class="control-group"> |
<label for="choisir-arbre" class="col-sm-8 obligatoire" title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?"> |
<i class="fas fa-tree" aria-hidden="true"></i> Arbre |
</label> |
<div class="col-sm-8 mb-3"> |
<select id="choisir-arbre" name="choisir-arbre" class="choisir-arbre form-control custom-select has-tooltip" data-toggle="tooltip" title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?" required> |
<option value="" selected hidden>...Arbre numéro...</option> |
</select> |
</div> |
</div> |
|
<div class="control-group"> |
<label for="obs-date" class="col-sm-8 obligatoire"> |
<i class="fa fa-calendar" aria-hidden="true"></i> Date |
</label> |
<div class="col-sm-8 mb-3"> |
<input type="date" id="obs-date" name="obs-date" class="form-control" max="" placeholder="jj/mm/aaaa" required> |
</div> |
</div> |
<?php endif; ?> |
|
<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden"> |
|
<!-- Bloc-taxon --> |
<div id="bloc-taxon" class="control-group"> |
<label <?php echo ('arbres' !== $squelette ) ? 'for="taxon-liste"' : 'id="taxon-autocomplete-label" for="taxon"';?> class="col-sm-8 obligatoire" title=""> |
<i class="fa fa-leaf" aria-hidden="true"></i> Espèce (<?php echo $widget['referentiel']; ?>) |
</label> |
|
<?php if ('arbres' === $squelette ) : ?> |
|
<div class="col-sm-8 mb-3"> |
<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l’autocomplétion autant que possible" required autocomplete="off"> |
</div> |
</div><!-- fin bloc-taxon --> |
|
<?php else : ?> |
<!-- bloc-taxon "if('arbres' !== $squelette)" --> |
<div class="col-sm-8 mb-3"> |
<?php ksort( $widget['especes']['taxons'] ); ?> |
<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation has-tooltip" data-toggle="tooltip" title="Choisir dans la liste le taxon observé, ou choisir "autre" et saisir le taxon observé, en utilisant l'autocomplétion autant que possible."> |
<option class="choisir" value="inconnue" selected hidden>...Choisir...</option> |
<?php foreach ($widget['especes']['taxons'] as $taxon) : ?> |
<option |
class="nom-sci" |
value="<?php echo $taxon['nom_sel'];?>" |
title="<?php echo $taxon['nom_fr'];?>" |
data-num-nom-sel="<?php echo $taxon['num_nom_sel'];?>" |
data-nom-ret="<?php echo $taxon['nom_ret'];?>" |
data-num-nom-ret="<?php echo $taxon['num_nom_ret'];?>" |
data-nt="<?php echo $taxon['num_taxon'];?>" |
data-famille="<?php echo $taxon['famille'];?>" |
><?php echo ( 'plantes' === $squelette) ? $taxon['nom_fr'] : $taxon['nom_sel'];?></option> |
<?php endforeach; ?> |
<option value="autre">Autre espèce</option> |
</select> |
<span for="taxon-liste" class="error" style="display: none;"> |
Une observation doit comporter au moins une image ou un nom d'espèce |
</span> |
<input id="taxon" name="taxon" type="hidden" /> |
</div> |
</div><!-- fin bloc-taxon --> |
<!-- input text pour l'option "autre" espèce --> |
<div id="taxon-input-groupe" class="control-group hidden"> |
<label id="taxon-autocomplete-label" for="taxon-autre" class="col-sm-8" title=""> |
<i class="fab fa-pagelines" aria-hidden="true"></i> Autre espèce |
</label> |
<div class="col-sm-8 mb-3"> |
<input id="taxon-autre" name="taxon-autre" class="form-control has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l'autocomplétion autant que possible."> |
</div> |
</div> |
|
<?php endif; ?> |
|
<div class="control-group"> |
<label for="certitude" class="col-sm-8 obligatoire"> |
<i class="fa fa-question" aria-hidden="true"></i> Certitude |
</label> |
<div class="col-sm-8 mb-3"> |
<select id="certitude" name="certitude" class="form-control custom-select" required> |
<option class="choisir" hidden value="" selected>...Choisir...</option> |
<option class="aDeterminer" value="à determiner">À déterminer</option> |
<option class="douteux" value="douteux">Douteuse</option> |
<option class="certain" value="certain">Certaine</option> |
</select> |
</div> |
</div> |
<?php if ('lichens' === $squelette ) : ?> |
<div class="control-group"> |
<div class="col-sm-8 mb-2 list-label obligatoire" title="À partir de la grille d'observation, repérer où sont placés les lichens sur le tronc (bas à 1m du sol). Voir le tutoriel."> |
<i class="fas fa-cube" aria-hidden="true"></i> Localisation sur le tronc |
</div> |
<table class="table col-sm-8"> |
<thead> |
<tr> |
<th scope="col">Face :</th> |
<th scope="col">Nord</th> |
<th scope="col">Sud</th> |
<th scope="col">Est</th> |
<th scope="col">Ouest</th> |
</tr> |
</thead> |
<tbody> |
<tr> |
<th scope="row">Toute la hauteur</th> |
<td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="n" id="lichens-tronc-all-n" value="n1;n2;n3;n4;n5"></td> |
<td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="s" id="lichens-tronc-all-s" value="s1;s2;s3;s4;s5"></td> |
<td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="e" id="lichens-tronc-all-e" value="e1;e2;e3;e4;e5"></td> |
<td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="o" id="lichens-tronc-all-o" value="o1;o2;o3;o4;o5"></td> |
</tr> |
<tr> |
<th scope="row">1 (haut)</th> |
<td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n1" value="n1"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s1" value="s1"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e1" value="e1"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o1" value="o1"></td> |
</tr> |
<tr> |
<th scope="row">2</th> |
<td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n2" value="n2"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s2" value="s2"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e2" value="e2"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o2" value="o2"></td> |
</tr> |
<tr> |
<th scope="row">3</th> |
<td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n3" value="n3"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s3" value="s3"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e3" value="e3"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o3" value="o3"></td> |
</tr> |
<tr> |
<th scope="row">4</th> |
<td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n4" value="n4"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s4" value="s4"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e4" value="e4"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o4" value="o4"></td> |
</tr> |
<tr> |
<th scope="row">5 (bas)</th> |
<td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n5" value="n5"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s5" value="s5"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e5" value="e5"></td> |
<td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o5" value="o5"></td> |
</tr> |
</tbody> |
</table> |
</div> |
<?php endif; ?> |
<?php if ('arbres' === $squelette ) : ?> |
<div class=""> |
<label class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé."> |
<i class="fa fa-map-marked-alt " aria-hidden="true"></i> Localiser l'arbre |
</label> |
<div class="control-group"> |
<div id="geoloc-datas-arbres" class="hidden"> |
<div class="mt-3"> |
<label class="col-sm-8" for="rue-arbres">Rue</label> |
<div class="col-sm-8"> |
<input type="text" class="form-control rue-arbres" disabled id="rue-arbres" name="rue-arbres" value=""> |
</div> |
</div> |
<input type="hidden" id="geometry-arbres" name="geometry-arbres" class="geometry-arbres" value="" style="display:none"> |
<div class="row pl-3 pr-3 mt-3"> |
<div class="d-flex flex-column col-sm-4"> |
<label class="" for="latitude-arbres">Latitude</label> |
<div class=""> |
<input type="text" class="form-control latitude-arbres" disabled id="latitude-arbres" name="latitude-arbres" value=""> |
</div> |
</div> |
<div class="d-flex flex-column col-sm-4"> |
<label class="" for="longitude-arbres">Longitude</label> |
<div class=""> |
<input type="text" class="form-control longitude-arbres" disabled id="longitude-arbres" name="longitude-arbres" value=""> |
</div> |
</div> |
</div> |
<input type="hidden" id="altitude-arbres" name="altitude-arbres" class="" value="" style="display:none"> |
</div> |
<div id="geoloc-arbres" class="col-sm-8"></div> |
</div> |
</div> |
<?php else : ?> |
<div class=""> |
<label for="commentaire" class="col-sm-8"> |
<i class="fa fa-pen" aria-hidden="true"></i> Commentaires |
</label> |
<div class="col-sm-8 mb-3"> |
<textarea id="commentaire" class="col-md-12" rows="7" name="commentaire"></textarea> |
</div> |
</div> |
<?php endif; ?> |
</form> |
<form id="form-upload" class="form-horizontal" action="<?php echo $url_ws_upload ?>" method="post" enctype="multipart/form-data"> |
<div class="col-sm-8 mb-2 list-label and-help"> |
<?php |
$texte_photo = ''; |
if( 'lichens' !== $squelette ) $texte_photo = 't'; |
if( 'plantes' === $squelette ) $texte_photo .= 'te'; |
$texte_photo .= " $chaine_sq_singulier"; |
?> |
<i class="fa fa-images" aria-hidden="true"></i> Photo(s) de ce<?php echo $texte_photo;?> |
</div> |
<p id="miniature-info" class="col-sm-8"> |
Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.<br> |
En fonction de sa taille sur le disque le téléchargement d'une photo peut être long.<br> |
Pendant ce temps l'envoi de l'observation sera interrompu.<br> |
Vous pouvez l'annuler en cliquant sur le bouton supprimer de la photo en cours de téléchargement. |
</p> |
<div id ="photos-conteneur" class="control-group col-sm-12"> |
<div id="bouton-fichier"> |
<label for="fichier" class="label-file btn btn-large btn-info mb-3" title="Photos au format JPEG, moins de 5Mo chacune."> |
<span class="label-text"><i class="fas fa-download"></i> Ajouter une image</span> |
<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple> |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"> |
</label> |
</div> |
|
<div id="miniatures"></div> |
<p class="miniature-msg" class="span12"> </p> |
</div> |
</form> |
<?php if ('arbres' === $squelette ) : ?> |
<form id="form-arbre-fs" role="form" autocomplete="off"> |
<div class="control-group"> |
<label for="circonference" class="col-sm-8 obligatoire"> |
<i class="fa fa-circle-notch" aria-hidden="true"></i> Circonférence (cm) |
</label> |
<div class="col-sm-8 mb-3"> |
<input id="circonference" type="number" name="circonference" class="form-control has-tooltip" data-toggle="tooltip" title="Circonférence en cm, à 1m de hauteur" placeholder="Circonférence (cm)" step="1" min="1" required> |
</div> |
</div> |
<?php if ('tb_lichensgo' !== $widget['projet']) : ?> |
<div class="control-group"> |
<label for="surface-pied" class="col-sm-8 obligatoire"> |
<i class="fa fa-arrows-alt" aria-hidden="true"></i> Surface du pied (m²) |
</label> |
<div class="col-sm-8 mb-3"> |
<input id="surface-pied" type="number" name="surface-pied" class="form-control has-tooltip" data-toggle="tooltip" title="Surface du pied d'arbre en m² (évaluée ou mesurée avec un mètre)" placeholder="Surface du pied (m²)" step="0.01" min="0" lang="en"required> |
</div> |
</div> |
<div class="control-group"> |
<label for="equipement-pied-arbre" class="col-sm-8 obligatoire"> |
<i class="fa fa-dot-circle" aria-hidden="true"></i> Equipement au pied de l'arbre |
</label> |
<div class="col-sm-8 mb-3"> |
<div class="select-wrapper add-field-select"> |
<select id="equipement-pied-arbre" name="equipement-pied-arbre" class="equipement-pied-arbre select form-control custom-select" data-label="Equipement au pied de l'arbre" data-name="equipement-pied-arbre" required> |
<option class="choisir" selected value="" data-name="equipement-pied-arbre" hidden>...Choisir...</option> |
<option value="plaque de metal" data-name="equipement-pied-arbre">Plaque de métal</option> |
<option value="grille" data-name="equipement-pied-arbre">Grille</option> |
<option value="ciment" data-name="equipement-pied-arbre">Ciment</option> |
<option value="gomme" data-name="equipement-pied-arbre">Gomme</option> |
<option value="absent" data-name="equipement-pied-arbre">Absent</option> |
<option class="other form-control is-select" value="other" data-name="equipement-pied-arbre" data-element="select">Autre</option> |
</select> |
</div> |
<span class="error hidden">Ce champ est obligatoire.</span> |
</div> |
</div> |
<div class=""> |
<label for="tassement" class="col-sm-8"> |
<i class="fas fa-sort-amount-down" aria-hidden="true"></i> Tassement |
</label> |
<div class="col-sm-8 mb-3"> |
<select id="tassement" name="tassement" class="tassement form-control custom-select has-tooltip" data-toggle="tooltip" title="Évaluer le tassement du sol à l'aide d'un crayon que vous enfoncez verticalement dans le sol."> |
<option class="choisir" selected value="" hidden>...Choisir...</option> |
<option value="dur">Dur (le crayon ne s'enfonce pas du tout)</option> |
<option value="normal">Normal (le crayon s'enfonce difficilement)</option> |
<option value="mou">Mou (le crayon s'enfonce facilement)</option> |
</select> |
</div> |
</div> |
<div class=""> |
<div class="col-sm-8 mb-2 list-label"> |
<i class="fa fa-dog" aria-hidden="true"></i> Présence de déjection(s) |
</div> |
<div id="dejections" class="col-sm-8 mb-3 list"> |
<div class="form-check form-check-inline"> |
<input type="radio" id="dejections-oui" name="dejections" class="dejections-oui form-check-input" value="true"> |
<label for="dejections-oui" class="dejections-oui form-check-label">Oui</label> |
</div> |
<div class="form-check form-check-inline"> |
<input type="radio" id="dejections-non" name="dejections" class="dejections-non form-check-input" value="false"> |
<label for="dejections-non" class="dejections-non form-check-label">Non</label> |
</div> |
</div> |
</div> |
<?php endif; ?> |
|
<?php if ('tb_streets' !== $widget['projet']) : ?> |
<div id="face-ombre" class="control-group"> |
<div class="col-sm-8 mb-2 list-label obligatoire"> |
<i class="far fa-compass" aria-hidden="true"></i> Une ou plusieurs faces sont-elles à l'ombre la plupart du temps? Si oui, notez lesquelles : |
</div> |
<div class="col-sm-8 mb-3 has-tooltip list" data-toggle="tooltip" title="Si vous estimez que le tronc est souvent à l'ombre (à cause de bâtiments ou du feuillage par exemple), notez la ou les faces ombragées." required> |
<div class="form-check form-check-inline"> |
<input type="checkbox" id="nord" name="face-ombre" class="nord form-check-input" value="nord"> |
<label for="nord" class="nord form-check-label">Nord</label> |
</div> |
<div class="form-check form-check-inline"> |
<input type="checkbox" id="sud" name="face-ombre" class="sud form-check-input" value="sud"> |
<label for="sud" class="sud form-check-label">Sud</label> |
</div> |
<div class="form-check form-check-inline"> |
<input type="checkbox" id="est" name="face-ombre" class="est form-check-input" value="est"> |
<label for="est" class="est form-check-label">Est</label> |
</div> |
<div class="form-check form-check-inline"> |
<input type="checkbox" id="ouest" name="face-ombre" class="ouest form-check-input" value="ouest"> |
<label for="ouest" class="ouest form-check-label">Ouest</label> |
</div> |
<div class="form-check form-check-inline"> |
<input type="checkbox" id="aucune" name="face-ombre" class="ouest form-check-input" value="aucune"> |
<label for="aucune" class="aucune form-check-label">Aucune</label> |
</div> |
</div> |
</div> |
<?php endif; ?> |
|
<div class=""> |
<label for="com-arbres" class="col-sm-8" title=""> |
<i class="fa fa-pen" aria-hidden="true"></i> Commentaires |
</label> |
<div class="col-sm-8 mb-3"> |
<textarea id="com-arbres" class="col-md-12" rows="7" name="com-arbres"></textarea> |
</div> |
</div> |
</form> |
|
<!-- Bouton création d'une obs et retour à la saisie après visualisation d'un(e) <?php $chaine_sq_singulier; ?>--> |
<div class="col-sm-8 mb-3"> |
<button id="retour" class="btn btn-info has-tooltip hidden mr-2 mb-2" data-toggle="tooltip" title="Retour à la saisie"> |
<i class="fas fa-undo-alt"></i> retour à la saisie |
</button> |
<?php else: ?> |
<div class="col-sm-8 mb-3"> |
<?php endif; ?> |
<button id="ajouter-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre."> |
<i class="fas fa-step-forward"></i> Suivant |
</button> |
</div> |
<?php if ('arbres' === $squelette ) : ?> |
<div id="bloc-info-arbres"> |
<h3 id="bloc-info-arbres-title" class="m-3 hidden">Revisualiser le formulaire pour un arbre :</h3> |
</div> |
<?php endif; ?> |
</div> |
</div><!-- fin formulaire <?php echo $squelette;?> --> |
<!-- zone résumé obs <?php echo $squelette;?> ( =zone de droite) --> |
<div id="boc-droite" class="col-md-6 mb-3"> |
<!-- Messages d'erreur du formulaire --> |
<div class="row"> |
<?php if ('arbres' !== $squelette ) : ?> |
<?php if ('tb_lichensgo' !== $widget['projet'] && 'plantes' !== $squelette) : ?> |
<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3" data-load="plantes"> |
<i class="fas fa-seedling"></i> Saisir les plantes |
</a> |
<?php endif; ?> |
<?php if ('tb_streets' !== $widget['projet'] && 'lichens' !== $squelette) : ?> |
<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3" data-load="lichens"> |
<i class="far fa-snowflake"></i> Saisir les lichens |
</a> |
<?php endif; ?> |
<?php endif; ?> |
<div class="zone-alerte"> |
<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden"> |
<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 id="message-chargement" class="alert alert-secondary alert-block hidden"> |
<a class="close">×</a> |
<h4 class="alert-heading">Image en cours de chargement</h4> |
<p> |
La création de cette observation sera à nouveau disponible dès que l'image aura été chargée.<br/> |
Vous pouvez annuler l'action en cliquant sur le bouton supprimer de la photo en cours de téléchargement. |
</p> |
</div> |
<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden"> |
<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 id="dialogue-taxon-or-image" class="alert alert-warning alert-block hidden"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : Observation incomplète</h4> |
<p> |
Une observation de <?php echo $chaine_sq_singulier;?> doit comporter au moins, un arbre, une date, et soit un nom d'espèce, soit une image |
</p> |
</div> |
</div> |
</div> |
|
<!-- Affiche le tableau récapitualif des observations ajoutées --> |
<div id="zone-liste-obs" class="hidden"> |
<div id="bloc-controle-liste-obs" class="alert alert-info"> |
<h2 class="transmission-title"><strong>Observations à transmettre : <span class="obs-nbre badge badge-info">0</span></strong></h2> |
<button id="transmettre-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" disabled="disabled" |
title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques." type="button">Enregistrer</button> |
</div> |
<div id="liste-obs" ></div> |
<div class="row"> |
<div class="zone-alerte"> |
<div id="dialogue-zero-obs" class="alert alert-block hidden"> |
<a class="close">×</a> |
<h4 class="alert-heading">Attention : aucune observation</h4> |
<p> |
Veuillez saisir des observations pour les transmettre. |
</p> |
</div> |
<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : transmission des observations</h4> |
<div class="alert-txt"></div> |
</div> |
<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden"> |
<a class="close">×</a> |
<h4 class="alert-heading">Erreur : transmission des observations</h4> |
<div class="alert-txt"></div> |
</div> |
</div> |
</div> |
</div> |
|
<!-- Fenêtres modales --> |
<div id="chargement" class="modal-fenetre hidden"> |
<div id="chargement-centrage" class="modal-contenu"> |
<div class="progress progress-striped active"> |
<div id="barre-progression-upload" class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style=""> |
<span class="sr-only">0/10 observations transmises</span> |
</div> |
</div> |
<p id="chargement-txt"> |
Transfert des observations en cours...<br> |
Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observations à transférer. |
</p> |
</div> |
</div> |
|
<!-- Templates HTML --> |
<div id="tpl-transmission-ok" class="hidden"> |
<p class="msg"> |
Merci pour l'envoi de vos données.<br> |
Vos observations ont bien été transmises.<br> |
Elles sont désormais consultables à travers les différents outils de visualisation du réseau (<a href="https://www.tela-botanica.org/flore/">eFlore</a>, <a href="https://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>, <a href="https://www.tela-botanica.org/appli:identiplante">identiplante</a>, <a href="https://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br> |
Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous connectant à votre <a href="https://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br> |
Pour toute question n'hésitez pas à nous contacter à l'adresse suivante : apa@tela-botanica.org<br> |
Ces données seront utilisées par des chercheurs de Sorbonne Université et du Museum National d'Histoire Naturelle. |
</p> |
</div> |
<div id="tpl-transmission-ko" class="hidden"> |
<p class="msg"> |
Une erreur est survenue lors de la transmission d'une observation.<br> |
Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer et transmettre les suivantes.<br> |
Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br> |
Si le problème persiste, vous pouvez signaler le dysfonctionnement sur <a href="<?php echo $url_remarques; ?>?service=cel&pageSource=<?php echo urlencode( 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING'] ); ?>" target="_blank" onclick="javascript: window.open( this.getAttribute( 'href' ), 'Tela Botanica - Remarques', config = 'height=700, width=640, scrollbars=yes, resizable=yes' ); return false;">le formulaire de signalement d'erreurs</a>. |
</p> |
</div> |
</div><!-- fin <?php echo $squelette;?> zone résumé obs ( =zone de droite ) --> |
</div> |
<!-- Connexion, bloc de prévisualisation, date --> |
<script type="text/javascript"> |
//<![CDATA[ |
var <?php echo $squelette;?>Prop = { |
'sujet' : '<?php echo $squelette;?>', |
// Mots-clés à ajouter aux images |
'tagImg' : "<?php echo isset($widget['tag-img']) ? $widget['tag-img'] : ''; ?>", |
// Mots-clés à ajouter aux observations |
'tagObs' : "<?php echo isset($widget['tag-obs']) ? $widget['tag-obs'] : ''; ?>", |
// Code du référentiel utilisé pour les nom scientifiques. |
'nomSciReferentiel' : "<?php echo strtolower( $widget['referentiel'] ); ?>", |
// Indication de la présence d'un référentiel imposé |
'referentielImpose' : "<?php echo $referentiel_impose; ?>" |
}; |
$( document ).ready( function() { |
<?php echo $squelette;?> = new <?php echo ('arbres' === $squelette) ? 'ReleveASL' : 'PlantesEtLichensASL';?>(<?php echo $squelette;?>Prop,widgetProp); |
<?php echo $squelette;?>.init(); |
|
// Fonctions de Style et Affichage des éléments "spéciaux" |
utils.init(); |
}); |
//]]> |
</script> |
</div> |