Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2856 → Rev 2857

/trunk/widget/modules/saisie/squelettes/messicoles/messicoles.tpl.html
49,10 → 49,11
<!-- Javascript : appli saisie -->
<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/messicoles/js/WidgetSaisieMessicoles.js"></script>
<script src="<?=$url_base?>saisie?projet=messicoles&amp;service=taxons" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
// OMG un modèle objet !!
// Un objet sauvage apparaît
var widget = new WidgetSaisieMessicoles();
 
// La présence du parametre 'debug' dans l'URL enclenche le débogage
203,7 → 204,9
<strong class="obligatoire">*</strong> Courriel
</label>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<span class="add-on">
<i class="icon-envelope"></i>
</span>
<input id="courriel" class="input-large" name="courriel" type="text"/>
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
</div>
274,186 → 277,197
<div class="span6">
<div>
<div class="row-fluid">
<div class="span12">
<h2>Date du relevé</h2>
<!-- DATE-->
<h2>Date du relevé</h2>
<div class="span12 control-group">
<form id="form-date" action="#" autocomplete="on">
<label for="date" class="has-tooltip"
title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
cliquer sur l'icône de calendrier pour sélectionner une date">
<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"
placeholder="jj/mm/aaaa" />
</div>
<div id="date-obligatoire" class="alert alert-error alert-block" style="display: none;">
<a class="close">×</a>
<h4 class="alert-heading">Information : date de saisie obligatoire</h4>
<p>
Veuillez renseigner la date de saisie pour cette estpèce.
</p>
</div>
</form>
</div>
<div class="span12">
<label for="date" class="has-tooltip"
title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
cliquer sur l'icône de calendrier pour sélectionner une date">
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"
placeholder="jj/mm/aaaa" />
</div>
</div>
<div class="span12">
<h2>Lieu du relevé</h2>
</div>
<!-- Lieu du relevé -->
<div class="span12 control-group">
<!-- LIEU -->
<h2>Lieu du relevé</h2>
<!-- Type de culture -->
<div class="control-group">
<label class="has-tooltip"
title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres">
Type de champ
Type de culture
</label>
<!-- Céréale -->
<label for="culture-cereale-radio" class="radio culture">
<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" />
<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" data-titre="céréale" />
Céréale
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="cereale">
<h3>Céréale</h3>
<div class="popover-html-content" data-for="culture-cereale-radio">
<h5>Céréale</h5>
Une description du champ de céréales<br/>
...
</div>
<!-- Friche -->
<label for="culture-friche-radio" class="radio culture">
<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" />
<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" data-titre="friche" />
Friche
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="friche">
<h3>Friche</h3>
<div class="popover-html-content" data-for="culture-friche-radio">
<h5>Friche</h5>
Une description du champ de Friche<br/>
...
</div>
<!-- Légumineuse -->
<label for="culture-legumineuse-radio" class="radio culture">
<input type="radio" id="culture-legumineuse-radio" name="type-culture" value="legumineuse" />
<input type="radio" id="culture-legumineuse-radio" name="type-culture" value="legumineuse" data-titre="légumineuse" />
Légumineuse
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="legumineuse">
<h3>Légumineuse</h3>
<div class="popover-html-content" data-for="culture-legumineuse-radio">
<h5>Légumineuse</h5>
Une description du champ de Légumineuse<br/>
...
</div>
<!-- Vigne -->
<label for="culture-vigne-radio" class="radio culture">
<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" />
<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" data-titre="vigne" />
Vigne
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="vigne">
<h3>Vigne</h3>
<div class="popover-html-content" data-for="culture-vigne-radio">
<h5>Vigne</h5>
Une description du champ de Vigne<br/>
...
</div>
<!-- Verger -->
<label for="culture-verger-radio" class="radio culture">
<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" />
<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" data-titre="verger" />
Verger
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="verger">
<h3>Verger</h3>
<div class="popover-html-content" data-for="culture-verger-radio">
<h5>Verger</h5>
Une description du champ de Verger<br/>
...
</div>
<!-- Autres -->
<label for="culture-autres-radio" class="radio culture">
<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" />
<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" data-titre="autres" />
Autres
<input type="text" id="culture-autres-input" name="culture-autres" disabled />
<input type="text" id="culture-autres-input" name="culture-autres" style="display: none;" />
</label>
</div>
</div>
<h2>Géolocalisation</h2>
<div class="row-fluid">
<div class="span12 droite">
<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
<div class="control-group">
<label for="carte-recherche">Rechercher</label>
<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
title="Permet de centrer la carte sur le lieu recherché."
placeholder="Ex: France, Paris, Rue de Rivoli..."/>
</div>
</form>
<!-- Géolocalisation -->
<h2>Géolocalisation</h2>
<div class="row-fluid">
<div class="span12 droite">
<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
<div class="control-group">
<label for="carte-recherche">Rechercher</label>
<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
title="Permet de centrer la carte sur le lieu recherché."
placeholder="Ex: France, Paris, Rue de Rivoli..."/>
</div>
</form>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<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
le lieu souhaité."></div>
<div class="row-fluid">
<div class="span12">
<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
le lieu souhaité."></div>
</div>
</div>
</div>
<div class="row-fluid">
<label for="coordonnees-geo" class="span7">
<a href="#" class="afficher-coord">Afficher</a>
<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
les coordonnées géographiques
<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>
</label>
<div id="info-commune" class="span5">
<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"
title="Code INSEE de la commune"></span>)
</span>
</div>
</div>
<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
<div id="coordonnees-geo" class="well" style="display:none;">
<div class="row-fluid form-inline">
<div id="coord-lat" class="span4">
<label for="latitude">Latitude</label>
<!-- Coordonnées -->
<div class="row-fluid">
<label for="coordonnees-geo" class="span7">
<a href="#" class="afficher-coord">Afficher</a>
<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
les coordonnées géographiques
<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>
</label>
<div id="info-commune" class="span5">
<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"
title="Code INSEE de la commune"></span>)
</span>
</div>
</div>
<!-- Formulaire Station -->
<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
<div id="coordonnees-geo" class="well" style="display:none;">
<div class="row-fluid form-inline">
<div id="coord-lat" class="span4">
<label for="latitude">Latitude</label>
<div>
<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
</div>
</div>
<div id="coord-lng" class="span4">
<label for="longitude">Longitude</label>
<div>
<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
</div>
</div>
<div class="span1">
<div>
<input id="geolocaliser" type="button" value="Voir sur la carte"
class="has-tooltip"
title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span4 has-tooltip"
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 id="latitude" class="input-mini" name="latitude" type="text" value=""/>
<input type="text" id="lieudit" class="span2" name="lieudit"/>
</div>
</div>
<div id="coord-lng" class="span4">
<label for="longitude">Longitude</label>
<div class="span4 has-tooltip"
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 id="longitude" class="input-mini" name="longitude" type="text" value=""/>
<input type="text" id="station" class="span2" name="station"/>
</div>
</div>
<div class="span1">
<div class="span4 has-tooltip"
title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
<label for="milieu">Milieu</label>
<div>
<input id="geolocaliser" type="button" value="Voir sur la carte"
class="has-tooltip"
title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
<input type="text" id="milieu" class="span2" name="milieu" />
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span4 has-tooltip"
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"/>
</div>
</div>
<div class="span4 has-tooltip"
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"/>
</div>
</div>
<div class="span4 has-tooltip"
title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
<label for="milieu">Milieu</label>
<div>
<input type="text" id="milieu" class="span2" name="milieu" />
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
<!-- 2e colonne : observation -->
460,30 → 474,6
<div class="span6">
<form id="form-obs" action="#" autocomplete="on">
<h2>Observation</h2>
<?php if(!$referentiel_impose && !$espece_imposee) : ?>
<div class="row-fluid">
<div class="has-tooltip"
title="Sélectionnez le référentiel associé à votre relevé">
<label for="referentiel" title="Réferentiel">
Référentiel
</label>
<span class="input-prepend">
<span id="referentiel-icone" class="add-on">
<i class="icon-book"></i>
</span>
<select id="referentiel" autocomplete="off">
<option value="bdtfx" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>
<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>
<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>
<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>
<option value="lbf" title="Liban">Liban (LBF)</option>
<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
</select>
</span>
</div>
</div>
<?php endif; ?>
<div class="row-fluid">
<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
521,8 → 511,8
<?=$taxon['nom_a_afficher']?>
</option>
<?php endforeach; ?>
<option value="?">Autre espèce</option>
</optgroup>
<option id="taxon-option-autre" value="?">Autre espèce</option>
</select>
</span>
</div>
532,7 → 522,8
title="Sélectionnez une espèce dans la liste déroulante pour lier
votre nom au référentiel selectionné. Si vous
le désirez vous pouvez aussi saisir un nom absent du référentiel
(Ex. : 'fleur violette' ou 'viola sinensis???')." >
(Ex. : 'fleur violette' ou 'viola sinensis???')."
hidden >
<label for="taxon" title="Choisissez une espèce">
<strong class="obligatoire">*</strong>
Espèce <?= $referentiel_impose ? '('.$ns_referentiel.')' : '' ?> <em>(ou indication sur la plante)</em>
540,70 → 531,79
<div class="input-prepend">
<span class="add-on">
<i class="icon-leaf"></i>
</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" />
</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" data="numNomSel" />
</div>
</div>
</div>
<!-- Identification -->
<div class="row-fluid">
<div class="span12">
<label for="identification">Identification</label>
<label for="identification-liste">Identification</label>
<div>
<select name="identification" id="identification">
<option value="certaine">Certaine</option>
<option value="douteuse">Douteuse</option>
<option value="adeterminer">À déterminer</option>
<select name="identification-liste" id="identification-liste">
<option value="" selected>Sélectionner une identification</option>
<option value="certaine" data-titre="certaine">Certaine</option>
<option value="douteuse" data-titre="douteuse">Douteuse</option>
<option value="adeterminer" data-titre="à déterminer">A déterminer</option>
</select>
</div>
</div>
</div>
<!-- Abondance -->
<div class="row-fluid">
<div class="span12">
<label for="abondance">Abondance</label>
<label for="abondance-liste">
<strong class="obligatoire">*</strong>
Abondance
</label>
<div>
<select name="abondance" id="abondance">
<option value="1">1 à 10</option>
<option value="10">10 à 100</option>
<option value="100">100 à 1000</option>
<select name="abondance-liste" id="abondance-liste">
<option value="" class="a-masquer" selected>Sélectionner une abondance</option>
<option value="1" data-titre="1 à 10 espèces">1 à 10</option>
<option value="10" data-titre="10 à 100 espèces">10 à 100</option>
<option value="100" data-titre="100 à 1000 espèces">100 à 1000</option>
</select>
</div>
</div>
</div>
<!-- Zone du champ -->
<div class="row-fluid">
<div class="span12">
<label for="zone-champ">Zone du champ</label>
<div class="span12 control-group">
<strong class="obligatoire">*</strong>
Zone du champ
<!-- Bordure -->
<label for="bordure" class="checkbox">
<input type="checkbox" id="bordure" name="zone-champ[]" value="bordure" />
<input type="checkbox" id="bordure" name="zone-champ[]" value="bordure" data-titre="bordure" />
Bordure
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="bordure">
<h3>Bordure</h3>
<h5>Bordure</h5>
Une description de la zone Bordure<br/>
...
</div>
<!-- Cœur du champ -->
<label for="coeur-champ" class="checkbox">
<input type="checkbox" id="coeur-champ" name="zone-champ[]" value="coeur" />
<input type="checkbox" id="coeur-champ" name="zone-champ[]" value="coeur" data-titre="cœur" />
Cœur du champ
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="coeur-champ">
<h3>Cœur du champ</h3>
<h5>Cœur du champ</h5>
Une description de la zone Cœur du champ<br/>
...
</div>
<!-- Zone délaissée -->
<label for="zone-delaissee" class="checkbox">
<input type="checkbox" id="zone-delaissee" name="zone-champ[]" value="zone-delaissee" />
<input type="checkbox" id="zone-delaissee" name="zone-champ[]" value="zone-delaissee" data-titre="zone délaissée" />
Zone délaissée
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
</label>
<div class="popover-html-content" data-for="zone-delaissee">
<h3>Zone délaissée</h3>
<h5>Zone délaissée</h5>
Une description de la Zone délaissée<br/>
...
</div>
/trunk/widget/modules/saisie/squelettes/messicoles/css/messicoles.css
60,9 → 60,7
input#taxon {
width: 300px;
}
label {
cursor:pointer;
}
 
/* jQuery.validate dans ses versions récentes ne semble pas ajouter la classe help-inline
aux messages d'erreur */
.control-group .error {
177,16 → 175,14
color:#3B9D3B;
}
 
.gras {
font-weight: bold;
}
 
#referentiel {
display: inline;
}
 
/* Supression de l'espace (à l'arrache)
#taxon-liste {
margin-left: -4px;
}
*/
 
#logo-titre {
position: relative;
top: -8px;
229,6 → 225,11
background-color: #DD6E6E;
}
 
#taxon-option-autre {
border-top:2px solid grey;
font-weight:bold;
}
 
/*+--------------------------------------------------------------------------------------------------------+*/
/* Correction style CSS Bootstrap */
.well {
235,3 → 236,10
margin-bottom: 5px;
padding: 4px;
}
 
/* Supression de l'espace (à l'arrache) */
#taxon-liste,
#courriel {
margin-left: -4px;
}
 
/trunk/widget/modules/saisie/squelettes/messicoles/js/WidgetSaisieMessicoles.js
1,37 → 1,40
/* Héritage */
function WidgetSaisieMessicoles()
{
this.lieuReleve = null;
this.identification = null;
this.abondance = null;
this.zoneChamps = null;
this.taxons = {};
}
 
 
WidgetSaisieMessicoles.prototype = new WidgetSaisie();
 
/* Surcharge des fonctions */
 
WidgetSaisie.prototype.ajouterObs = function() {
// Surcharge ajouterObs
WidgetSaisieMessicoles.prototype.ajouterObs = function() {
// Fermeture automatique des dialogue de transmission de données
// @WARNING TEST
$('#dialogue-obs-transaction-ko').hide();
$('#dialogue-obs-transaction-ok').hide();
 
 
// vérification : si la détermination est incertaine, obligation
// de fournir au moins une image
var certitude = $('#identification').val(),
nbImages = $("#miniatures img").length,
var certitude = $('#identification-liste').val(),
nbImages = $('#miniatures img').length,
imagesOK = true;
if (certitude != "certaine" && nbImages == 0) {
imagesOK = false;
$("#image-obligatoire").show();
$('#image-obligatoire').show();
} else {
$("#image-obligatoire").hide();
$('#image-obligatoire').hide();
}
 
if ((this.validerFormulaire() == true) && imagesOK) {
this.masquerPanneau('#dialogue-form-invalide');
return false;
//return false;
// suite des opérations
this.obsNbre = this.obsNbre + 1;
$(".obs-nbre").text(this.obsNbre);
50,6 → 53,212
}
};
 
// surcharge fonction definirReglesFormValidator()
WidgetSaisieMessicoles.prototype.definirReglesFormValidator = function() {
// WidgetSaisie.definirReglesFormValidator();
$("#form-observateur").validate({
rules: {
courriel : {
required : true,
email : true},
courriel_confirmation : {
required : true,
equalTo: "#courriel"}
}
});
$("#form-station").validate({
rules: {
latitude : {
range: [-90, 90]},
longitude : {
range: [-180, 180]}
}
});
$("#form-obs").validate({
rules: {
"taxon-liste" : "required",
taxon : "required",
"abondance-liste" : "required",
"zone-champ[]" : {
required : true,
minlength : 1
}
}
});
$("#form-date").validate({
rules: {
date : {
required : true,
date : date
}
}
});
};
 
// surcharge fonction validerFormulaire()
WidgetSaisieMessicoles.prototype.validerFormulaire = function() {
observateur = $("#form-observateur").valid();
station = $("#form-station").valid();
obs = $("#form-obs").valid();
date = $("#form-date").valid();
return (observateur && station && obs && date);
};
 
 
// surcharge fonction stockerObsData()
WidgetSaisieMessicoles.prototype.stockerObsData = function() {
var lthis = this;
var nomHorsListe = $('#taxon-liste').val() == '?' ? true : false;
nomSpecial = $('#taxon-liste option:selected').hasClass('nom-special'),
numNomSel = nomHorsListe ? $('#taxon').data('numNomSel') : $('#taxon-liste').val();
var nomSel = nomHorsListe ? $('#taxon').val() : $('#taxon-liste option:selected').data('nom-a-sauver'),
nomRet = nomHorsListe ? $('#taxon').data('nomRet') : this.taxons[numNomSel]['nom_ret'],
numNomRet = nomHorsListe ? $('#taxon').data('numNomRet') : this.taxons[numNomSel]['num_nom_ret'],
numTaxon = nomHorsListe ? $('#taxon').data('nt') : this.taxons[numNomSel]['num_taxon'],
famille = nomHorsListe ? $('#taxon').data('famille') : this.taxons[numNomSel]['famille'],
referentiel = (numNomSel == undefined) ? '' : this.nomSciReferentiel,
notes = (nomSpecial ? this.taxons[numNomSel]['nom_fr'] + '. ' : '') + $('#notes').val(),
zoneChamp = [],
abondance = $('#abondance-liste option:selected').val(),
typeCulture = $('input[name=type-culture]:checked').val(),
certitude = $('input[name=certitude]:checked').val(),
certitude = (certitude == undefined) ? '' : certitude;
 
$('#liste-obs').data('obsId'+this.obsNbre, {
'date': $('#date').val(),
'notes': notes,
 
'station': $('#station').val(),
'latitude': $('#latitude').val(),
'longitude': $('#longitude').val(),
'commune_nom': $('#commune-nom').text(),
'commune_code_insee': $('#commune-code-insee').text(),
 
'nom_sel': nomSel,
'num_nom_sel': numNomSel,
'nom_ret': nomRet,
'num_nom_ret': numNomRet,
'num_taxon': numTaxon,
'famille': famille,
'referentiel': referentiel,
'certitude': certitude,
'milieu': milieu,
'zone_champ': zoneChamp,
'abondance': abondance,
'type_culture': typeCulture,
 
// Ajout des champs images
//'image_nom': lthis.getNomsImgsOriginales(),
 
// Ajout des champs étendus de l'obs
//'obs_etendue': lthis.getObsChpEtendus()
});
if (this.debug) {
console.log($('#liste-obs').data('obsId'+this.obsNbre));
}
};
 
 
 
 
/**
* Affiche une observation dans la liste des observations à transmettre
*/
WidgetSaisieMessicoles.prototype.afficherObs = function() {
var commune = $("#commune-nom").text();
commune = commune.trim() != "" ? commune : $("#carte-recherche").val();
var code_insee = $('#commune-code-insee').text();
code_insee = code_insee.trim() != "" ? "("+code_insee+")" : "";
var taxonListe = $("#taxon-liste option:selected").data('nom-a-sauver');
var taxon = $("#taxon").val();
var numNomSel = $("#taxon").data("numNomSel");
var latitude = $("#latitude").val();
var longitude = $("#longitude").val();
var date = $("#date").val();
var lieudit = ($('#lieudit').val() != "" ? $('#lieudit').val() : "pas de lieu-dit saisi");
var station = ($('#station').val() != "" ? $('#station').val() : "pas de station saisie");
var milieu = ($('#milieu').val() != "" ? $('#milieu').val() : "pas de milieu saisi");
var culture = ($('#culture-autres-radio').is(':checked') ? $('#culture-autres-input').val() : $('input[name=type-culture]:checked').data('titre'));
var identification = $('#identification-liste option:selected').data('titre');
var abondance = $('#abondance-liste option:selected').data('titre');
var zoneChamp = [];
// récupération des cases à cocher multiples dans un tableau pour l'abondance
$('input[name="zone-champ[]"]:checked').each(function() {
zoneChamp.push(' '+$(this).data('titre'));
});
var notes = $("#notes").val();
 
 
if (this.debug) {
console.log(commune+' - '+code_insee);
}
// affichage des données de l'observation à transmettre
$("#liste-obs").prepend(
'<div id="obs'+this.obsNbre+'" class="row-fluid obs obs'+this.obsNbre+'">'+
'<div class="span12">'+
'<div class="well">'+
'<div class="obs-action pull-right has-tooltip" data-placement="bottom" '+
'title="Supprimer cette observation de la liste à transmettre">'+
'<button class="btn btn-danger supprimer-obs" value="'+this.obsNbre+'" title="'+this.obsNbre+'">'+
'<i class="icon-trash icon-white"></i>'+
'</button>'+
'</div> '+
'<div class="row-fluid">'+
'<div class="thumbnail span2">'+
this.ajouterImgMiniatureAuTransfert()+
'</div>'+
'<div class="span9">'+
'<ul class="unstyled">'+
'<li>'+
'<span class="nom-sci">'+taxonListe+taxon+'</span> '+
this.ajouterNumNomSel()+'<span class="referentiel-obs">'+
(numNomSel == undefined ? '' : '['+ this.nomSciReferentiel +']')+'</span>'+
' observé à <span class="gras">'+commune+' '+code_insee+'</span> ['+latitude+' / '+longitude+']'+' le <span class="gras">'+' '+date+'</span>'+
'</li>'+
'<li>'+
'<div class="row-fluid">'+
'<span class="span4">Lieu-dit : <span class="gras">'+lieudit+'</span></span>'+
'<span class="span4">Station : <span class="gras">'+station+'</span></span>'+
'<span class="span4">Milieu : <span class="gras">'+milieu+'</span></span>'+
'</div>'+
'</li>'+
'<li>'+
'<div class="row-fluid">'+
'<span class="span4">Culture de type <span class="gras">'+culture+'</span></span>'+
'<span class="span4">Identification <span class="gras">'+identification+'</span></span>'+
'<span class="span4">Abondance de <span class="gras">'+abondance+'</span></span>'+
'</div>'+
'</li>'+
'<li>'+
'Espèce située en <span class="gras">'+zoneChamp+'</span> du champ'+
'</li>'+
'<li>'+
'Notes : <span class="discretion">'+notes+'</span>'+
'</li>'+
'</ul>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'+
'</div>');
$('#zone-liste-obs').removeClass("hidden").show();
};
 
 
 
 
 
 
 
/* jQuery en vrac */
$(document).ready(function() {
// super popover qui va chercher son contenu dans un div à côté (pour les
63,16 → 272,37
}
});
// Activation de la saisie si on clique sur Autres
$('.culture').click(function() {
var input = $('.culture input');
if ($(this).attr('for') == 'culture-autres-radio') {
input.attr('disabled', false);
input.focus();
// Activation de la saisie si on clique sur 'Autres' (type de champ)
$('.culture').change(function() {
var input = $('#culture-autres-input');
var res = (($('#culture-autres-radio').is(':checked')) ? input.show() && input.focus() : input.hide());
});
// Affichage de l'espèce liée au référenciel sélectionné lors de la sélection 'Autres' (espèce)
$('#taxon-liste').change(function() {
var option = $('#taxon-liste').val();
var taxonCompletion = $('#taxon-input-groupe');
if (option == '?') {
taxonCompletion.show();
$('#taxon').focus();
}
else {
$('#culture-autres-input').attr('disabled', true);
taxonCompletion.hide();
}
});
// On masque l'option par défaut pour l'abondance puisque le choix est obligatoire
$('#abondance-liste').click(masquerTitreListe('abondance'));
function masquerTitreListe(element) {
$('#' + element + '-liste .a-masquer').hide();
}
});