Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2407 → Rev 2408

/trunk/widget/modules/saisie/squelettes/sauvages/sauvages.tpl.html
3,25 → 3,25
<head>
<title>Sauvages de ma rue</title>
<meta charset="utf-8">
 
<meta name="author" content="Jean-Pascal MILCENT, Aurélien PERONNET, Céline VIDAL" />
<meta name="keywords" content="Sauvages de ma rue, CEL, Tela Botanica, Natural Solutions, MNHN" />
<meta name="description" content="Widget de saisie pour le projet Sauvages de ma rue" />
 
<!-- Viewport Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<!-- Favicones -->
<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/sauvages/img/favicon.ico" />
 
<!-- Javascript : bibliothèques -->
<!-- Google Map v3 -->
<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
 
<!-- Jquery -->
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
 
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery.ui.datepicker-fr.min.js"></script>
32,10 → 32,10
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/messages_fr.js"></script>
<!-- Jquery Form :nécessaire pour l'upload des images -->
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/3.32/jquery.form.min.js"></script>
 
<!-- Bootstrap -->
<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.3.2/js/bootstrap.min.js"></script>
 
<!-- Javascript : appli saisie -->
<script src="<?=$url_base?>saisie?projet=sauvages&amp;service=taxons" type="text/javascript"></script>
<script type="text/javascript">
44,14 → 44,14
var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
 
// La présence du parametre 'ville' dans l'URL géolocalise
var VILLE = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>";
VILLE = <?= isset($_GET['commune']) ? "'".$_GET['commune']."'" : 'VILLE' ?>;
 
// Mot-clé du widget/projet
var TAG_PROJET = "WidgetSauvages,Sauvages";
 
// Mots-clés à ajouter aux images
var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>";
60,17 → 60,13
var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>";
TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>;
 
// URL du web service réalisant l'insertion des données dans la base du CEL.
var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
// URL du web service permettant de récupérer les infos d'une observation du CEL.
var SERVICE_OBS_URL = "<?=$url_ws_obs?>";
// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code).
// Code du référentiel utilisé pour les nom scientifiques.
var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
// Nom du référentiel utilisé pour les nom scientifiques.
var NOM_SCI_PROJET = "<?=$ns_projet?>";
// Code de la version du référentiel utilisé pour les nom scientifiques.
var NOM_SCI_VERSION = "<?=$ns_version?>";
// Indication de la présence d'une espèce imposée
var ESPECE_IMPOSEE = "<?=$espece_imposee; ?>";
// Tableau d'informations sur l'espèce imposée
79,14 → 75,11
var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
// Indication de la présence d'un référentiel imposé
var REFERENTIEL_IMPOSE = "<?=$referentiel_impose; ?>";
// Indication des version utilisées de chaque référentiel
var PROJETS_VERSIONS = <?=json_encode($projets_versions)?>;
// URL du web service permettant l'auto-complétion des noms scientifiques.
var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+
"masque={masque}&"+
"recherche=etendue&"+
"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
//"version.projet="+NOM_SCI_VERSION+"&"+
"ns.structure=au"+"&"+
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
// URL du web service permettant l'auto-complétion des noms scientifiques.
94,7 → 87,6
"masque={masque}&"+
"recherche=etendue&"+
"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
//"version.projet="+NOM_SCI_VERSION+"&"+
"ns.structure=au"+"&"+
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
// Nombre d'observations max autorisé avant transmission
128,9 → 120,9
var SERVICE_OBS_URL = "<?=$url_ws_obs?>";
//]]>
</script>
 
<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/sauvages/js/sauvages.js"></script>
 
<!-- CSS -->
<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/css/smoothness/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" media="screen" />
<link href="http://www.tela-botanica.org/commun/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
153,11 → 145,11
<button id="btn-aide" class="btn btn-mini btn-success">
<span class="icon-question-sign icon-white"></span>
<span id="btn-aide-txt" >Désactiver l'aide</span>
</button>
</button>
</p>
</div>
</div>
<div class="row-fluid">
<div class="row-fluid">
<div class="span12">
<form id="form-observateur" action="#" autocomplete="on">
<h2 id="titre-form-observateur">Observateur</h2>
166,11 → 158,11
<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
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>
<strong class="obligatoire">*</strong>
Courriel
</label>
<div class="controls">
182,12 → 174,12
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
</div>
</div>
 
</div>
<div id="zone-courriel-confirmation" class="span6 control-group has-tooltip"
style="display:none;"
data-placement="bottom"
title="Saisissez à nouveau votre courriel afin de le confirmer. Le
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>
198,7 → 190,7
<span class="add-on">
<i class="icon-envelope"></i>
</span>
<input id="courriel_confirmation" name="courriel_confirmation"
<input id="courriel_confirmation" name="courriel_confirmation"
class="span11" type="text"/>
</div>
</div>
222,7 → 214,7
</div>
</div>
</div>
</fieldset>
</fieldset>
</div>
</form>
</div>
244,7 → 236,7
<p>
Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/>
Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
</p>
</div>
255,7 → 247,7
</div>
</div>
</div>
 
<!-- Fiche terrain -->
<form id="form-obs" class="form-inline" action="#" autocomplete="on">
<h2 id="titre-form-obs">Fiche de terrain</h2>
262,17 → 254,17
<div id="zone-fiche-terrain">
<fieldset id="partie-date">
<legend>Date du relevé</legend>
<div class="row-fluid">
<div class="span12 control-group has-tooltip"
title="Vous pouvez cliquer sur l'icône de calendrier pour
sélectionner une date dans un calendrier. La date doit être au format :
<div class="row-fluid">
<div class="span12 control-group has-tooltip"
title="Vous pouvez cliquer sur l'icône de calendrier pour
sélectionner une date dans un calendrier. La date doit être au format :
jj/mm/aaaa">
<label class="control-label">
<strong class="obligatoire">*</strong>
Date du relevé
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"
<input id="date" class="input-small" name="date" type="text"
placeholder="jj/mm/aaaa" />
</div>
</label>
279,12 → 271,12
</div>
</div>
</fieldset>
 
<fieldset id="partie-station">
<legend>Lieu du relevé</legend>
<div class="row-fluid">
<div class="span12">
<label for="map_canvas" class="control-label"
<label for="map_canvas" class="control-label"
title="Veuillez localiser l'observation">
<strong class="obligatoire">*</strong>
Géolocalisation
301,7 → 293,7
</div>
<div class="form-search form-horizontal">
<div class="control-group">
<input id="carte-recherche"
<input id="carte-recherche"
class="search-query span12 obs-chp-etendu has-tooltip"
type="text"
title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
315,9 → 307,9
</div>
<div class="row-fluid">
<div class="span12">
<div id="map-canvas" class="has-tooltip"
<div id="map-canvas" class="has-tooltip"
title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
représentant votre station ou bien le glisser-déposer sur
représentant votre station ou bien le glisser-déposer sur
le lieu souhaité."></div>
</div>
</div>
327,7 → 319,7
<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 has-tooltip"
<span id="lat-lon-info" class="info has-tooltip"
title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
(WGS84)
</span>
337,7 → 329,7
<span for="marqueur-commune">Commune : </span>
<span id="marqueur-commune">
<span id="commune-nom" class="commune-info"></span>
(<span id="commune-code-insee" class="commune-info has-tooltip"
(<span id="commune-code-insee" class="commune-info has-tooltip"
title="Code INSEE de la commune"></span>)
</span>
</div>
370,14 → 362,14
</div>
</div>
</div>
 
<div class="row-fluid">
<div class="span12 control-group has-tooltip"
<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>
<strong class="obligatoire">*</strong>
Côté de la rue
 
<select id="rue_cote" class="obs-chp-etendu" name="coteRue" data-label="Côté rue">
<option value="">Sélectionner un type de côté</option>
<option value="pair">Pair</option>
390,29 → 382,29
</fieldset>
 
<fieldset id="partie-observation">
<legend>Observations</legend>
<legend>Observations</legend>
<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
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>
<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'] ?>"
<option
class="<?=$taxon['nom_type'] ?>"
value="<?=$taxon['num_nom'] ?>"
title="<?=$taxon['nom_title'] ?>"
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
>
422,9 → 414,9
</optgroup>
<optgroup id="taxon-liste-special">
<?php foreach ($taxons['speciaux'] as $taxon) :?>
<option
class="<?=$taxon['nom_type'] ?>"
value="<?=$taxon['num_nom'] ?>"
<option
class="<?=$taxon['nom_type'] ?>"
value="<?=$taxon['num_nom'] ?>"
title="<?=$taxon['nom_title'] ?>"
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
>
441,9 → 433,9
</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
<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
450,15 → 442,15
</label>
<div class="controls">
<input id="taxon" name="taxon" type="text" class="span12"
placeholder="Autre espèce (ou indication sur la plante)"
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"
<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>
521,12 → 513,12
</div>
</div>
</div>
 
<div class="row-fluid">
<div class="span12">
<label for="notes">Notes</label>
<div>
<textarea id="notes" class="span12" rows="7" name="notes"
<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>
534,9 → 526,9
</fieldset>
</div><!-- zone-fiche-terrain-->
</form>
<div id="zone-fiche-terrain-photo">
<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>"
 
<div id="zone-fiche-terrain-photo">
<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>"
method="post" enctype="multipart/form-data">
<div class="row-fluid">
<div class="span12">
543,12 → 535,12
<fieldset id="partie-photo">
<legend>Ajouter des photos</legend>
<p class="miniature-info" class="discretion help-inline">
Vous pouvez ajouter des photos correspondant à cette espèce.
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"/>
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
<div id="miniatures"></div>
<p class="miniature-msg" class="span12">&nbsp;</p>
</div>
557,8 → 549,8
</div>
</form>
<div class="row-fluid">
<div class="span12 has-tooltip"
title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
<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">
Ajouter
566,7 → 558,7
</div>
</div>
</div>
 
<!-- Messages d'erreur du formulaire-->
<div class="row-fluid">
<div class="zone-alerte span12">
600,7 → 592,7
</div>
</div>
</div>
 
<!-- Affiche le tableau récapitualif des observations ajoutées -->
<div id="zone-liste-obs" class="hidden">
<div class="row-fluid">
610,9 → 602,9
<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"
<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
type="button" disabled="disabled"
title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
Transmettre
</button>
</div>
621,7 → 613,7
</div>
</div>
</div>
 
<div class="row-fluid">
<div class="zone-alerte span12">
<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
629,13 → 621,13
<h4 class="alert-heading">Attention : aucune observation</h4>
<p>Veuillez saisir des observations pour les transmettres.</p>
</div>
 
<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;">
<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" style="display: none;">
<a class="close">×</a>
<h4 class="alert-heading">Erreur : transmission des observations</h4>
644,9 → 636,9
</div>
</div>
</div>
 
<!-- Fenêtres modales -->
<div id="chargement" class="modal-fenetre" style="display:none;">
<div id="chargement" class="modal-fenetre" style="display:none;">
<div id="chargement-centrage" class="modal-contenu">
<div class="progress progress-success progress-striped active">
<div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
655,36 → 647,36
</div>
<p id="chargement-txt" style="color:white;font-size:1.5em;">
Transfert des observations en cours...<br />
Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
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" style="display:none;">
<p class="msg">
<p class="msg">
Merci Beaucoup&nbsp;! Vos observations ont bien été transmises aux chercheurs.<br />
Elles sont désormais affichées sur la carte Sauvages de ma rue,
et s'ajoutent aux données du Carnet en ligne.<br />
Elles sont désormais consultables à travers les différents outils de visualisation
du réseau Tela Botanica (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
<a href="http://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>,
Elles sont désormais consultables à travers les différents outils de visualisation
du réseau Tela Botanica (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
<a href="http://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>,
<a href="http://www.tela-botanica.org/appli:identiplante">identiplante</a>,
<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
</p>
</p>
<p>
Bonne continuation&nbsp;!
</p>
<p>
Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
N'oubliez pas qu'il est nécessaire de
N'oubliez pas qu'il est nécessaire de
<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
au préalable, si ce n'est pas déjà fait.
</p>
<p>
Pour toute question, n'hésitez pas à nous contacter à&nbsp;:
Pour toute question, n'hésitez pas à nous contacter à&nbsp;:
<a href="mailto:sauvages@tela-botanica.org">sauvages@tela-botanica.org</a>
</p>
</div>
691,10 → 683,10
<div id="tpl-transmission-ko" style="display:none;">
<p class="msg">
Une erreur est survenue lors de la transmission d'une observation (indiquée en rouge).<br />
Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer
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
Si le problème persiste, vous pouvez signaler le dysfonctionnement sur
<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&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;">
701,7 → 693,7
le formulaire de signalement d'erreurs</a>.
</p>
</div>
 
<!-- Stats : Google Analytics-->
<script type="text/javascript">
//<![CDATA[
708,7 → 700,7
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20092557-1']);
_gaq.push(['_trackPageview']);
 
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';