Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 2880 → Rev 2881

/trunk/widget/modules/saisie/squelettes/messicoles/js/WidgetSaisieMessicoles.js
41,6 → 41,9
$("#taxon").val("");
$("#taxon").data("numNomSel",undefined);
}
$('#form-obs').each(function(){
this.reset();
});
$('#barre-progression-upload').attr('aria-valuemax', this.obsNbre);
$('#barre-progression-upload .sr-only').text('0/'+this.obsNbre+" observations transmises");
} else {
94,13 → 97,8
minlength : 1
}
},
errorPlacement: function(error, element) { // pas top mais mieux que rien
errorPlacement: function(error, element) {
error.insertBefore(element.parent());
},
success: function() {
$( '#form-obs' ).each(function(){
this.reset();
});
}
});
$("#form-date").validate({
191,13 → 189,19
code_insee = code_insee.trim() != "" ? "("+code_insee+")" : "";
var latitude = $("#latitude").val();
var longitude = $("#longitude").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 lieudit = ($('#lieudit').val() != "" ? $('#lieudit').val() : "aucun lieu-dit saisi");
var station = ($('#station').val() != "" ? $('#station').val() : "aucune station saisie");
var milieu = ($('#milieu').val() != "" ? $('#milieu').val() : "aucun milieu saisi");
var notes = ($('#notes').val() != "" ? $('#notes').val() : "<b>aucunes notes saisies</b>");
var date = $("#date").val();
// champs spécifques aux messicoles
var culture = ($('#culture-autres-radio').is(':checked') ? $('#culture-autres-input').val() : $('input[name=type-culture]:checked').data('titre'));
 
var culture = ($('input[name=type-culture]').is(':checked') ? $('input[name=type-culture]:checked').data('titre') : "?");
var cultureDetails = ($('input[name=type-culture]').is(':checked') ? $('input[name=type-culture]:checked').parent().find('input[type=text]').val() : '?');
var identification = $('#identification-liste option:selected').data('titre');
var abondance = $('#abondance-liste option:selected').data('titre');
var zoneChamp = [];
205,7 → 209,6
$('input[name="zone-champ[]"]:checked').each(function() {
zoneChamp.push(' '+$(this).data('titre'));
});
var notes = $("#notes").val();
 
// affichage des données de l'observation à transmettre
$("#liste-obs").prepend(
238,7 → 241,7
'</li>'+
'<li>'+
'<div class="row-fluid">'+
'<span class="span4">Culture de type <span class="gras">'+culture+'</span></span>'+
'<span class="span4">Culture de <span class="gras">'+cultureDetails+'</span> 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>'+
301,11 → 304,9
label: "Zone du champ",
valeur: zoneChamp.join()
});
 
var typeCulture = $('input[name=type-culture]:checked').closest($('input[name=type-culture-details]')).val();
if (typeCulture == "autres") {
typeCulture = $('#culture-autres-input').val();
}
var typeCulture = $('input[name=type-culture]:checked').data('titre');
alert(typeCulture);
//console.log("tc:", typeCulture);
if (typeCulture != '') {
champs.push({
314,16 → 315,16
valeur: typeCulture
});
}
var typeCultureDetails = $('input[name=type-culture]:checked ').val();
if (typeCulture == "autres") {
typeCulture = $('#culture-autres-input').val();
}
//console.log("tc:", typeCulture);
if (typeCulture != '') {
var typeCultureDetails = $('input[name=type-culture]:checked').parent().find('input[type=text]').val();
alert(typeCultureDetails);
 
//console.log("tcd:", typeCultureDetails);
if (typeCultureDetails != '') {
champs.push({
cle: "typeDeCulture",
label: "Type de culture",
valeur: typeCulture
cle: "typeDeCultureDetails",
label: "Details de la culture",
valeur: typeCultureDetails
});
}
 
335,6 → 336,7
 
/* jQuery en vrac */
$(document).ready(function() {
// super popover qui va chercher son contenu dans un div à côté (pour les
// boutons d'aide des types de champs, etc.)
$('[data-toggle="popover"]').popover({
347,15 → 349,19
});
 
// Activation de la saisie si on clique sur un type de champ
$('.culture').change(function(){
var culture = $(this).children().val();
var input = $('#culture-' + culture + '-input');
var radio = $('#culture-' + culture + '-radio');
$('.culture input[type=text]').hide();
function gererAffichageChampCulture(){
$('.culture input[type=text]').hide();
var radio = $('.culture input[type=radio]:checked');
var input = radio.parent().find('input[type=text]');
(radio.is(':checked')) ? input.show() && input.focus() : input.hide();
});
// ... et aussi au chargement du widget, si la sélection est restée sur un champ
//gererAffichageChampCulture();
}
$('.culture').change(gererAffichageChampCulture);
// ... et aussi au chargement du widget, si la sélection est restée sur un champ
gererAffichageChampCulture();
 
// Affichage de l'espèce liée au référentiel sélectionné lors de la sélection 'Autres' (espèce)
function gererAffichageChampAutreEspece() {
/trunk/widget/modules/saisie/squelettes/messicoles/messicoles.tpl.html
261,7 → 261,7
</div>
<!-- Messages d'erreur du formulaire-->
<div class="row">
<div class="zone-alerte span6 offset3">
<div class="zone-alerte span6 offset6">
<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display:none;">
<a class="close">×</a>
<h4 class="alert-heading">Information : copier/coller</h4>
296,7 → 296,7
<div class="row-fluid">
<h2>Relevé</h2><hr>
<!-- DATE -->
<div class="control-group">
<div class="control-group centre">
<form id="form-date" action="#" autocomplete="on">
<label for="date">
<span class="has-tooltip pointer"
329,7 → 329,7
Céréale
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
<input type="text" id="culture-cereale-input" name="type-culture-detail" placeholder='ex : "Maïs"' style="display: none;" />
<input type="text" id="culture-cereale-input" name="type-culture-details" placeholder="Ex : Maïs" style="display: none;" />
</label>
<div class="popover-html-content" data-for="culture-cereale-radio">
<h5>Céréale</h5>
342,7 → 342,7
Friche
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
<input type="text" id="culture-friche-input" name="type-culture-detail" placeholder='ex : "Friche"' style="display: none;" />
<input type="text" id="culture-friche-input" name="type-culture-details" placeholder="Ex : Pissenlit" style="display: none;" />
</label>
<div class="popover-html-content" data-for="culture-friche-radio">
<h5>Friche</h5>
355,7 → 355,7
Maraichère
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
<input type="text" id="culture-maraichere-input" name="type-culture-detail" placeholder='ex : "Pois"' style="display: none;" />
<input type="text" id="culture-maraichere-input" name="type-culture-details" placeholder="Ex : Pois" style="display: none;" />
</label>
<div class="popover-html-content" data-for="culture-maraichere-radio">
<h5>Maraichère</h5>
368,7 → 368,7
Vigne
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
<input type="text" id="culture-vigne-input" name="type-culture-detail" placeholder='ex : "Sauterne"' style="display: none;" />
<input type="text" id="culture-vigne-input" name="type-culture-details" placeholder="Ex : Sauterne" style="display: none;" />
</label>
<div class="popover-html-content" data-for="culture-vigne-radio">
<h5>Vigne</h5>
381,7 → 381,7
Verger
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
<input type="text" id="culture-verger-input" name="type-culture-detail" placeholder='ex : "Pommier"' style="display: none;" />
<input type="text" id="culture-verger-input" name="type-culture-details" placeholder="Ex : Pommier" style="display: none;" />
</label>
<div class="popover-html-content" data-for="culture-verger-radio">
<h5>Verger</h5>
394,7 → 394,7
Plantes à parfum, aromatiques et médicinales
<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
</i>
<input type="text" id="culture-aromatique-input" name="type-culture-detail" placeholder='ex : "Lavande"' style="display: none;" />
<input type="text" id="culture-aromatique-input" name="type-culture-details" placeholder="Ex : Lavande" style="display: none;" />
</label>
<div class="popover-html-content" data-for="culture-aromatique-radio">
<h5>Plantes à parfum, aromatiques et médicinales</h5>
405,7 → 405,7
<label for="culture-autres-radio" class="radio culture pointer">
<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" style="display: none;" />
<input type="text" id="culture-autres-input" name="type-culture-details" style="display: none;" />
</label>
</span>
</span>
422,7 → 422,7
<label for="carte-recherche" class="pointer">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..."/>
placeholder="Ex : France, Paris, Rue de Rivoli..."/>
</div>
</form>
</div>
509,7 → 509,7
<form id="form-obs" action="#" autocomplete="on">
<h2>Observation</h2>
<hr>
<div class="row-fluid">
<div class="row-fluid centre">
<div id="taxon-liste-input-groupe" class="control-group">
<label for="taxon-liste">
<span class="has-tooltip pointer"
554,7 → 554,7
</select>
</div>
</div>
<div class="row-fluid">
<div class="row-fluid centre">
<div class="span12">
<div id="taxon-input-groupe" class="" hidden>
<label for="taxon" title="Choisissez une espèce">
583,7 → 583,7
</div>
<hr>
<!-- Certitude -->
<div class="row-fluid">
<div class="row-fluid centre">
<div class="span12">
<label for="identification-liste">
<span class="has-tooltip pointer"
606,7 → 606,7
</div>
<hr>
<!-- Abondance -->
<div class="row-fluid">
<div class="row-fluid centre">
<div class="span12">
<label for="abondance-liste">
<span class="has-tooltip pointer"
723,6 → 723,29
</button>
</div>
</div>
<!-- Messages d'erreur du formulaire-->
<div class="row-fluid">
<div class="zone-alerte">
<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>
<p>
Vous venez d'ajouter votre 10ème observation.<br/>
Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
</p>
</div>
</div>
<div class="zone-alerte">
<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>
<p>
Certains champs du formulaire sont mal remplis.<br/>
Veuillez vérifier vos données.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
729,29 → 752,6
</div>
</div>
</div>
<!-- Messages d'erreur du formulaire-->
<div class="row">
<div class="zone-alerte span6 offset3">
<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>
<p>
Vous venez d'ajouter votre 10ème observation.<br/>
Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
</p>
</div>
</div>
<div class="zone-alerte span6 offset3">
<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>
<p>
Certains champs du formulaire sont mal remplis.<br/>
Veuillez vérifier vos données.
</p>
</div>
</div>
</div>
<!-- Affiche le tableau récapitualif des observations ajoutées -->
<div id="zone-liste-obs" class="row-fluid">
<div class="span12">
/trunk/widget/modules/saisie/squelettes/messicoles/css/messicoles.css
14,6 → 14,7
 
h2 {
text-align: center;
margin-top: 10px;;
}
 
strong {
256,4 → 257,3
{
margin-left: -4px;
}