Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 1234 → Rev 1235

/branches/v1.5-cisaille/widget/modules/saisie/squelettes/defaut/defaut.tpl.html
47,8 → 47,12
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 'html5' dans l'URL enclenche les fonctions avancées HTML5
var PROJET_TAG = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : 'WidgetSaisie'?>";
// Mot-clé du widget/projet
var TAG_PROJET = "WidgetSaisie";
// Mots-clés à ajouter aux images
var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
// Mots-clés à ajouter aux observations
var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['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?>";
// Code du référentiel utilisé pour les nom scientifiques.
92,9 → 96,22
<div class="row-fluid">
<div class="span6 page-header">
<div class="row">
<img class="span2" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
<h1 class="span4">Saisie simplifiée des observations</h1>
<img class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
<div class="span5">
<h1>Outil de saisie simplifiée (CEL)</h1>
<p>
Ce widget de saisie vous permet de partager simplement vos observations avec le réseau Tela Botanica.
Complétez les champs, créez jusqu'à 10 observations (bouton "créer") puis partagez-les (bouton "transmettre").
Retrouvez ensuite facilement ces observations dans votre
<a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.
</p>
<p class="discretion">
Attention : si vos observations ne sont pas partagées (bouton "transmettre"),
elles seront perdues. Nous vous conseillons donc de partager un nombre limité d'observations.
</p>
</div>
</div>
</div>
<div class="span6">
105,13 → 122,13
<div class="span6">
<label for="prenom">Prénom</label>
<div>
<input id="prenom" name="prenom" type="text" value=""/>
<input id="prenom" name="prenom" type="text"/>
</div>
</div>
<div class="span6">
<label for="nom">Nom</label>
<div>
<input id="nom" name="nom" type="text" value=""/>
<input id="nom" name="nom" type="text"/>
</div>
</div>
</div>
243,28 → 260,28
</div>
</div>
<div class="row-fluid">
<div class="span4">
<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." >
<label for="lieudit">
Lieu-dit
</label>
<div>
<input type="text" id="lieudit" class="input-medium" name="lieudit" value="" />
<input type="text" id="lieudit" class="input-medium" name="lieudit"/>
</div>
</div>
<div class="span4">
<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 compositionfloristique 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. " >
<label for="station">
Station
</label>
<div>
<input type="text" id="station" class="input-medium" name="station" value="" />
<input type="text" id="station" class="input-medium" name="station"/>
</div>
</div>
<div class="span4">
<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">
<label for="milieux">
Milieu
</label>
<div>
<input type="text" id="milieu" class="input-medium" name="milieu" value="" />
<input type="text" id="milieu" class="input-medium" name="milieu" />
</div>
</div>
</div>
276,19 → 293,17
<form id="form-obs" action="#" autocomplete="on">
<h2>Observations</h2>
<div class="row-fluid">
<div class="span4">
<div class="span4" rel="tooltip" title="Vous pouvez cliquer sur l'icône de calendrier pour sélectionner un 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é
</label>
<div class="input-prepend">
<span id="date-icone" class="add-on"></span>
<input id="date" class="input-small" name="date" type="text" value=""
placeholder="jj/mm/aaaa"
rel="tooltip"
data-original-title="Vous pouvez cliquer sur l'icône de calendrier pour sélectionner un date dans un calendrier."/>
<input id="date" class="input-small" name="date" type="text"
placeholder="jj/mm/aaaa" />
</div>
</div>
<div id="taxon-input-groupe" class="span8">
<div id="taxon-input-groupe" class="span8" rel="tooltip" title="Sélectionnez une espèce dans la liste déroulante." >
<label for="taxon" title="Choisissez une espèce">
<strong class="obligatoire">*</strong>
Espèce
297,17 → 312,16
<span class="add-on">
<i class="icon-leaf"></i>
</span>
<input type="text" id="taxon" name="taxon" value="" />
<input type="text" id="taxon" name="taxon" />
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<label for="notes">Notes</label>
<label for="notes">Commentaires</label>
<div>
<textarea id="notes" class="span5" rows="7" name="notes"
placeholder="Vous pouvez éventuellement ajouter une note sur votre observation..."
></textarea>
placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
</div>
</div>
</div>
314,13 → 328,15
</form>
<form id="form-upload" class="well form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image"
method="post" enctype="multipart/form-data">
<label>Photo</label>
<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
<div id="miniature"></div>
<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>
<p id="miniature-msg" class="span12">&nbsp;</p>
<div rel="tooltip" title="Ajouter une photo de votre observation. Elle doit être au format JPEG et ne doit pas excéder 5Mo.">
<label>Photo</label>
<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
<div id="miniature"></div>
<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>
<p id="miniature-msg" class="span12">&nbsp;</p>
</div>
</form>
</div>
</div>
/branches/v1.5-cisaille/widget/modules/saisie/squelettes/defaut/js/defaut.js
558,6 → 558,7
'image_nom' : $("#miniature-img").attr('alt'),
'image_b64' : getB64ImgOriginal()
});
supprimerMiniature();
}
});
569,7 → 570,9
if (observations == undefined || jQuery.isEmptyObject(observations)) {
$("#dialogue-zero-obs").show();
} else {
observations['projet'] = PROJET_TAG;
observations['projet'] = TAG_PROJET;
observations['tag-obs'] = TAG_OBS;
observations['tag-img'] = TAG_IMG;
var utilisateur = new Object();
utilisateur.prenom = $("#prenom").val();
590,7 → 593,14
$("#chargement").show();
},
success : function(data, textStatus, jqXHR) {
$("#dialogue-obs-transaction .alert-txt").append('<p class="msg">Vos observations ont bien été transmises.</p>');
$("#dialogue-obs-transaction .alert-txt").append(
'<p class="msg">Vos observations ont bien été transmises au réseau. '+
"Elles sont désormais consultables à travers les différents outils de visualisation "+
'du réseau (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>, '+
'<a href="http://www.tela-botanica.org/page:cel_galerie">galerie d\'images</a>, '+
'<a href="http://www.tela-botanica.org/widget:cel:carto">cartographie (widget)</a>...).'+
"Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouvez en vous "+
'connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne.</p>');
supprimerMiniature();
},
statusCode : {