Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3045 → Rev 3046

/trunk/widget/modules/saisie/squelettes/bellesdemarue/bellesdemarue.tpl.html
216,6 → 216,13
</div>
<div id="zone-prenom-nom" class="row-fluid" style="display:none;">
<div class="span6 control-group">
<label for="prenom" class="control-label">
<strong class="obligatoire">*</strong>
Prénom
</label>
<input id="prenom" name="prenom" class="span12" type="text"/>
</div>
<div class="span6 control-group">
<label for="nom" class="control-label">
<strong class="obligatoire">*</strong>
Nom
224,13 → 231,6
<input id="nom" name="nom" class="span12" type="text"/>
</div>
</div>
<div class="span6 control-group">
<label for="prenom" class="control-label">
<strong class="obligatoire">*</strong>
Prénom
</label>
<input id="prenom" name="prenom" class="span12" type="text"/>
</div>
</div>
</fieldset>
</div>
281,6 → 281,35
</span>
</div>
</div>
<div id="coordonnees-geo" class="row-fluid" style="display:none;">
<div class="form-inline">
<div id="coord-lat" class="span4 control-group">
<label for="latitude" class="control-label">
<strong class="obligatoire">*</strong>
Latitude
</label>
<div class="controls">
<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
</div>
</div>
<div id="coord-lng" class="span4">
<label for="longitude" class="control-label">
<strong class="obligatoire">*</strong>
Longitude
</label>
<div class="controls">
<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
</div>
</div>
<div class="span4">
<button id="geolocaliser" class="btn has-tooltip"
title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
Voir sur la carte
</button>
</div>
<input id="longitude" class="input-mini" name="longitude" type="text" value="BLABLA" style="display:none;"/>
</div>
</div>
</fieldset>
<fieldset id="partie-date">
306,46 → 335,45
<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
ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
<label>
<label class="span3">
<strong class="obligatoire">*</strong>
Espèce commune
</label>
<div id="taxon-liste-controls" class="input-prepend span8">
<span class="add-on">
<i class="icon-leaf"></i>
</span>
 
<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>
 
<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'] ?>"
title="<?=$taxon['nom_title'] ?>"
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
>
<?=$taxon['nom_a_afficher']?>
</option>
<?php endforeach; ?>
</optgroup>
<optgroup id="taxon-liste-special">
<?php foreach ($taxons['speciaux'] as $taxon) :?>
<option
class="<?=$taxon['nom_type'] ?>"
value="<?=$taxon['num_nom'] ?>"
title="<?=$taxon['nom_title'] ?>"
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
>
<?=$taxon['nom_a_afficher']?>
</option>
<?php endforeach; ?>
<option value="?">Autre</option>
</optgroup>
</select>
</div>
</label>
<optgroup id="taxon-liste-noms">
<?php foreach ($taxons['sci-et-fr'] as $taxon) :?>
<option
class="<?=$taxon['nom_type'] ?>"
value="<?=$taxon['num_nom'] ?>"
title="<?=$taxon['nom_title'] ?>"
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
>
<?=$taxon['nom_a_afficher']?>
</option>
<?php endforeach; ?>
</optgroup>
<optgroup id="taxon-liste-special">
<?php foreach ($taxons['speciaux'] as $taxon) :?>
<option
class="<?=$taxon['nom_type'] ?>"
value="<?=$taxon['num_nom'] ?>"
title="<?=$taxon['nom_title'] ?>"
data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
>
<?=$taxon['nom_a_afficher']?>
</option>
<?php endforeach; ?>
<option value="?">Autre</option>
</optgroup>
</select>
</div>
</div>
</div>
</div>
352,12 → 380,12
<div id="taxon-input-groupe" class="row-fluid hidden">
<div class="span12">
<div class="control-group has-tooltip" >
<label for="taxon" class="control-label">
Autre
<label for="taxon" class="control-label span3">
Autre espèce
</label>
<div class="controls">
<input id="taxon" name="taxon" type="text" class="span12"
placeholder="Autre"
<input id="taxon" name="taxon" type="text" class="span8"
placeholder="Saisissez le nom d'espèce"
value="<?= $nom_sci_espece_defaut; ?>" />
</div>
</div>
373,16 → 401,16
</label>
<div id="certitude-controls" class="controls">
<span class="span3" title="Détermination certaine">
<input type="radio" name="certitude" id="certitude-certaine" value="certain" />
<label for="certitude-certaine">Certaine</label>
<input type="radio" name="certitude" id="certitude-certaine" value="certain" />
</span>
<span class="span3" title="Détermination incertaine mais pas inexacte">
<input type="radio" name="certitude" id="certitude-douteuse" value="douteux" />
<label for="certitude-douteuse">Douteuse</label>
<input type="radio" name="certitude" id="certitude-douteuse" value="douteux" />
</span>
<span class="span3" title="Détermination inconnue">
<input type="radio" name="certitude" id="certitude-adeterminer" value="aDeterminer" />
<label for="certitude-adeterminer">A determiner</label>
<input type="radio" name="certitude" id="certitude-adeterminer" value="aDeterminer" />
</span>
</div>
</div>
391,79 → 419,49
<div class="row-fluid">
<div class="span12 control-group has-tooltip"
title="Indiquez le milieu dans lequel vous avez rencontré cette espèce.">
<label class="span2 control-label">
<label class="span3 control-label">
Milieu
</label>
<div id="milieux-controls" class="controls">
<div id="milieux-controls" class="controls span8">
<div class="input-prepend">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
<i class="icon-globe"></i>
Sélectionner un milieu
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li>
<label class="checkbox">
<input name="milieux[]" class="cb-milieux" type="radio" value="fissures"/>
Fissures
</label>
</li>
<li>
<label class="checkbox">
<input name="milieux[]" class="cb-milieux" type="radio" value="pied d'arbre"/>
Pied d'arbre
</label>
</li>
<li>
<label class="checkbox">
<input name="milieux[]" class="cb-milieux" type="radio" value="mur"/>
Mur
</label>
</li>
<li>
<label class="checkbox">
<input name="milieux[]" class="cb-milieux" type="radio" value="pelouse"/>
Pelouse
</label>
</li>
<li>
<label class="checkbox">
<input name="milieux[]" class="cb-milieux" type="radio" value="plate bande"/>
Plate bande
</label>
</li>
<li>
<label class="checkbox">
<input name="milieux[]" class="cb-milieux" type="radio" value="haie"/>
Haie
</label>
</li>
<li>
<label class="checkbox">
<input name="milieux[]" class="cb-milieux" type="radio" value="chemin"/>
Chemin
</label>
</li>
<li>
<label class="checkbox">
<input name="milieux[]" class="cb-milieux" type="radio" value="autres"/>
Autres
</label>
</li>
</ul>
</div>
<span class="add-on">
<i class="icon-globe"></i>
</span>
<select id="milieu">
<option value="fissures">Fissures</option>
<option value="pied d'arbre">Pied d'arbre</option>
<option value="mur">Mur</option>
<option value="pelouse">Pelouse</option>
<option value="plate bande">Plate bande</option>
<option value="haie">Haie</option>
<option value="chemin">Chemin</option>
<option value="autres">Autres</option>
</select>
</div>
</div>
</div>
</div>
 
<div id="milieu-autre-input-group" class="row-fluid hidden">
<div class="span12">
<div class="control-group has-tooltip" >
<label for="milieu-autre" class="control-label span3">
Autre milieu
</label>
<div class="controls">
<input id="milieu-autre" name="milieu-autre" type="text" class="span8"
placeholder="" />
</div>
</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"
placeholder="Champ libre."></textarea>
placeholder="Champ libre"></textarea>
</div>
</div>
</div>
/trunk/widget/modules/saisie/squelettes/bellesdemarue/js/WidgetSaisieBellesdemarue.js
28,9 → 28,8
 
//surcharge
WidgetSaisieBellesdemarue.prototype.initialiserGoogleMap = function() {
var lthis = this;
// centrage
this.latLng = new google.maps.LatLng(50.8504500, 4.3487800);// Bruxelles par défaut
//WidgetSaisie.prototype.initialiserGoogleMap.call(this);
var options = {
zoom: 11, // avant : 16
74,7 → 73,6
 
this.initialiserMarker(this.latLng);
 
 
// intéraction carte
$("#geolocaliser").on('click', this.geolocaliser.bind(this));
google.maps.event.addListener(this.marker, 'dragend', this.surDeplacementMarker.bind(this));
93,6 → 91,9
}
$('#taxon-liste').on('blur', this.surChangementValeurTaxon);
$('#taxon').on('blur', this.surChangementValeurTaxon);
 
this.surChangementMilieuListe();
$('#milieu').on('change', this.surChangementMilieuListe);
};
 
//surcharge
201,45 → 202,8
});
};
 
WidgetSaisieBellesdemarue.prototype.getUrlAutocompletionNomsSci = function() {
var mots = $('#taxon').val(),
url = this.serviceAutocompletionNomSciUrlTpl.replace('{referentiel}', this.nomSciReferentiel);
url = url.replace('{masque}', mots);
return url;
};
*/
 
WidgetSaisieBellesdemarue.prototype.traiterRetourNomsSci = function(data) {
var suggestions = [];
if (data.resultat != undefined) {
$.each(data.resultat, function(i, val) {
val.nn = i;
var nom = {label: '', value: '', nt: '', nomSel: '', nomSelComplet: '', numNomSel: '',
nomRet: '', numNomRet: '', famille: '', retenu: false
};
if (suggestions.length >= this.autocompletionElementsNbre) {
nom.label = '...';
nom.value = $('#taxon').val();
suggestions.push(nom);
return false;
} else {
nom.label = val.nom_sci_complet;
nom.value = val.nom_sci_complet;
nom.nt = val.num_taxonomique;
nom.nomSel = val.nom_sci;
nom.nomSelComplet = val.nom_sci_complet;
nom.numNomSel = val.nn;
nom.nomRet = val.nom_retenu_complet;
nom.numNomRet = val['nom_retenu.id'];
nom.famille = val.famille;
nom.retenu = (val.retenu == 'false') ? false : true;
 
suggestions.push(nom);
}
});
}
return suggestions;
};
*/
// surcharge
WidgetSaisieBellesdemarue.prototype.configurerFormValidator = function() {
$.validator.addMethod(
280,7 → 244,6
required: true,
email: true},
courriel_confirmation: {
required: true,
equalTo: '#courriel'},
prenom: {
required: true},
290,59 → 253,67
});
$('#form-obs').validate({
rules: {
station: {
required: true},
latitude : {
required: true,
range: [-90, 90]},
range: [-90, 90]
},
longitude: {
required: true,
range: [-180, 180]},
range: [-180, 180]
},
date: {
required: true,
'dateCel' : true},
coteRue: {
required: true},
'dateCel' : true
},
'taxon-liste': {
required: true},
'milieux[]': {
required: true
},
milieu: {
required: true,
minlength: 1}
minlength: 1
},
certitude: {
required: true
}
},
errorPlacement: function(error, element) {
if (element.attr('name') == 'date') {
element.parent('.input-prepend').after(error);
} else if (element.attr('name') == 'milieux[]') {
error.insertAfter('#milieux-controls');
/*} else if (element.attr('name') == 'milieux[]') {
error.insertAfter('#milieux-controls');*/
} else if (element.attr('name') == 'certitude') {
error.insertAfter('#certitude-controls');
} else {
error.insertAfter(element);
}
},
messages: {
'milieu[]': 'Vous devez sélectionner au moins un milieu'
}
});
};
 
WidgetSaisieBellesdemarue.prototype.validerFormulaire = function() {
var observateur = $('#form-observateur').valid(),
obs = $('#form-obs').valid(),
debRue = (this.latLngDeb == undefined || this.latLngDeb == this.latLngFin) ? false : true,
finRue = (this.latLngFin == undefined || this.latLngDeb == this.latLngFin) ? false : true;
var ok = (observateur && obs && debRue && finRue) ? true : false;
//console.log('observateur:'+observateur+'-obs:'+obs+'-debRue:'+debRue+'('+latLngDeb+')-finRue:'+finRue+'('+latLngDeb+')');
return ok;
$observateur = $("#form-observateur").valid();
$obs = $("#form-obs").valid();
return ($observateur == true && $obs == true) ? true : false;
};
 
 
WidgetSaisieBellesdemarue.prototype.surChangementTaxonListe = function() {
if ($('#taxon-liste').val() === '?') {
$('#taxon-input-groupe').removeClass('hidden');
} else {
// $('#milieu-autre').val(''); paraît logique de faire ça mais méfiance
$('#taxon-input-groupe').addClass('hidden');
}
};
 
WidgetSaisieBellesdemarue.prototype.surChangementMilieuListe = function() {
if ($('#milieu').val() === 'autres') {
$('#milieu-autre-input-group').removeClass('hidden');
} else {
$('#milieu-autre').val('');
$('#milieu-autre-input-group').addClass('hidden');
}
};
 
WidgetSaisieBellesdemarue.prototype.trouverCommune = function(pos) {
if (this.latLng == null) { // tentative de protection contre le démon de Prémilhat
return;
519,17 → 490,6
return station;
}
 
WidgetSaisieBellesdemarue.prototype.getMilieux = function() {
var milieuxStr = '',
milieux = [];
$('.cb-milieux:checked').each(function() {
milieux.push($(this).val());
});
 
milieuxStr = Array.prototype.slice.call(milieux).join(', ');
return milieuxStr;
};
 
WidgetSaisieBellesdemarue.prototype.ajouterImgMiniatureAuTransfert = function() {
var html = '',
miniatures = '',
/trunk/widget/modules/saisie/squelettes/bellesdemarue/css/bellesdemarue.css
161,6 → 161,16
border-top: 1px solid black;
}
 
/* certitude */
#certitude-controls input[type="radio"] {
vertical-align: text-bottom;
}
 
/* milieux */
#milieux-controls, #taxon-liste-controls {
margin-left: 0;
}
 
/*-------------------------------------------------------*/
/* Géolocalisation */
#map-canvas {