Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 1945 → Rev 1946

/trunk/widget/modules/saisie/squelettes/sauvages/sauvages.tpl.html
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>