Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 1484 → Rev 1485

/trunk/widget/modules/saisie/squelettes/defaut/defaut.tpl.html
94,9 → 94,9
// Durée d'affichage en milliseconde des messages d'informations
var DUREE_MESSAGE = 15000;
// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
var SERVICE_NOM_COMMUNE_URL = "http://localhost/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
var SERVICE_NOM_COMMUNE_URL_ALT = "http://localhost/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
var SERVICE_NOM_COMMUNE_URL_ALT = "http://www.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
// URL du marqueur à utiliser dans la carte Google Map
var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
// URL de l'icône du chargement en cours
122,19 → 122,23
<div class="span6 page-header">
<div class="row">
<div class="span6">
<h1><img class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" /> Outil de saisie simplifiée (CEL)</h1>
<h1><img id="logo-titre" class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" /> Ajout rapide d'observations</h1>
</div>
</div>
<div class="row">
<div class="span6">
<p>
Ce widget de saisie vous permet de partager simplement vos observations avec le
<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>.
Complétez les champs, créez jusqu'à 10 observations (bouton "créer") puis partagez-les (bouton "transmettre").
Retrouvez ensuite facilement ces observations dans
Cet outil vous permet de partager simplement vos observations avec le
<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a> (sous <a href="http://www.tela-botanica.org/page:licence?langue=fr">licence CC-BY-SA</a>).
Identifiez-vous bien pour ensuite retrouver et gérer vos données dans
<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
Elles apparaissent immédiatement sur les <a href="http://www.tela-botanica.org/site:botanique?langue=fr">cartes et galeries photos </a> du site.
</p>
<p class="discretion">
Pour toute question contactez <a href="mailto:cel_remarques@tela-botanica.org">cel_remarques@tela-botanica.org</a>
</p>
<p class="discretion">
Une fois familiarisé avec l'interface vous pouvez cliquer sur ce bouton pour désactiver l'aide.
<button id="btn-aide" class="btn btn-mini btn-success">
<span class="icon-question-sign icon-white"></span>
151,7 → 155,7
<form id="form-observateur" action="#" class="" autocomplete="on">
<div class="row-fluid">
<div class="span6" rel="tooltip" data-placement="right"
title="Saisissez votre courriel avec lequel vous être inscrit à Tela Botanica.
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.">
169,7 → 173,7
</div>
<div id="zone-courriel-confirmation" class="span6 hidden">
<label for="courriel_confirmation"
title="Veuillez saisir confirmer votre adresse courriel.">
title="Veuillez saisir confirmer le courriel.">
<strong class="obligatoire">*</strong> Courriel (confirmation)
</label>
<div class="input-prepend">
234,7 → 238,6
<div class="row-fluid">
<div class="span4">
<label for="map_canvas" title="Veuillez localiser l'observation">
<strong class="obligatoire">*</strong>
Géolocalisation
</label>
</div>
305,9 → 308,7
</div>
<div class="row-fluid">
<div class="span4" rel="tooltip"
title="Le lieu-dit est la dénomination administrative du lieu
que l’on peut trouver sur une carte au 1/25 000, sur le
cadastre ou au dire des habitants locaux." >
title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
<label for="lieudit">Lieu-dit</label>
<div>
<input type="text" id="lieudit" class="span2" name="lieudit"/>
314,13 → 315,7
</div>
</div>
<div class="span4" rel="tooltip"
title="La station est la dénomination qui caractérise le lieu
de la collecte d’un point de vue écologique. Il est
recommandéde choisir une station qui soit homogène dans
sa composition floristique afin de refléter le plus
fidèlement possible son identité sous l’angle
phytosociologique. Exemple : zone humide située au centre
du près. " >
title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
<label for="station">Station</label>
<div>
<input type="text" id="station" class="span2" name="station"/>
327,10 → 322,7
</div>
</div>
<div class="span4" rel="tooltip"
title="Le milieu est un terme générique caractérisant la
station. On peut se référer pour cela à des codes comme
Corine Biotope ou le nom d’une unité phytosociologique.
Exemple : prairie humide">
title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
<label for="milieux">Milieu</label>
<div>
<input type="text" id="milieu" class="span2" name="milieu" />
348,7 → 340,7
<div rel="tooltip"
title="Sélectionnez le référentiel associé à votre relevé">
<label for="referentiel" title="Réferentiel">
<strong class="obligatoire">*</strong> Référentiel
Référentiel
</label>
<span class="input-prepend">
<span id="referentiel-icone" class="add-on"><i class="icon-book"></i></span>
365,7 → 357,7
title="Vous pouvez cliquer sur l'icône de calendrier pour
sélectionner une date dans un calendrier.">
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
<strong class="obligatoire">*</strong> Date du relevé
Date du relevé
</label>
<div class="input-prepend">
<span id="date-icone" class="add-on"></span><input id="date"
375,14 → 367,12
</div>
<div id="taxon-input-groupe" class="span8" rel="tooltip"
title="Sélectionnez une espèce dans la liste déroulante pour lier
votre nom au référentiel selectionné. Si vous rechargez
la page le nom présent dans le champ ne sera plus lié au référentiel, il sera
nécessaire de le sélectionner à nouveau dans la liste. Si vous
votre nom au référentiel selectionné. Si vous
le désirez vous pouvez aussi saisir un nom absent du référentiel
(Ex. : Rosa sp.)." >
(Ex. : 'fleur violette' ou 'viola sinensis???')." >
<label for="taxon" title="Choisissez une espèce">
<strong class="obligatoire">*</strong>
Espèce <?= $referentiel_impose ? '('.$ns_projet.')' : '' ?>
Espèce <?= $referentiel_impose ? '('.$ns_projet.')' : '' ?> <em>(ou indication sur la plante)</em>
</label>
<div class="input-prepend">
<span class="add-on">
/trunk/widget/modules/saisie/squelettes/defaut/js/defaut.js
271,10 → 271,10
// Les antilles étant dispersées, un zoom moins précis est préférable
var zoomDefaut = 8;
} else {
var latLng = new google.maps.LatLng(48.8543, 2.3483);// Paris
var zoomDefaut = 16;
var latLng = new google.maps.LatLng(46.30871, 2.54395);// Centre de la France
var zoomDefaut = 5;
}
var options = {
zoom: zoomDefaut,
center: latLng,
312,7 → 312,7
position: latLng
});
deplacerMarker(latLng);
initialiserMarker(latLng);
// Tentative de geocalisation
if (navigator.geolocation) {
325,6 → 325,13
}
}
 
function initialiserMarker(latLng) {
if (marker != undefined) {
marker.setPosition(latLng);
map.setCenter(latLng);
}
}
 
function deplacerMarker(latLng) {
if (marker != undefined) {
marker.setPosition(latLng);
519,7 → 526,7
$.validator.addMethod(
"dateCel",
function (value, element) {
return /^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value);
return value == "" || (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));
},
"Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.");
$.extend($.validator.defaults, {
579,10 → 586,8
$("#form-station").validate({
rules: {
latitude : {
required: true,
range: [-90, 90]},
longitude : {
required: true,
range: [-180, 180]}
}
});
693,7 → 698,8
'<ul class="unstyled">'+
'<li>'+
'<span class="nom-sci">'+$("#taxon").val()+'</span> '+
ajouterNumNomSel()+'<span class="referentiel-obs">['+NOM_SCI_PROJET+']</span>'+
ajouterNumNomSel()+'<span class="referentiel-obs">'+
($("#taxon").data("numNomSel") == undefined ? '' : '['+NOM_SCI_PROJET+']')+'</span>'+
' observé à '+
'<span class="commune">'+$('#commune-nom').text()+'</span> '+
'('+$('#commune-code-insee').text()+') ['+$("#latitude").val()+' / '+$("#longitude").val()+']'+