Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 1257 → Rev 1258

/branches/v1.5-cisaille/widget/modules/saisie/squelettes/sauvages/css/sauvages.css
156,6 → 156,10
#partie-observation, #partie-preview, #partie-station{
margin-top:10px;
}
#partie-date * {
position: relative;
z-index:50;
}
#partie-station, #partie-observation, #partie-photo, #partie-date{
width:550px;
margin-left:10px;
198,7 → 202,7
margin-top:0;
}
#partie-station label {
width:80px;
width: 120px;
display:block;
float:left;
}
219,6 → 223,9
#partie-observation li{
margin :10px;
}
#partie-station #label_map_canvas {
width: 100%;
}
#map-canvas {
width:525px;
height:240px;
246,7 → 253,7
}
#partie-observation li li label.error{
position: relative;
margin-top: -38px;
margin-top: -42px;
margin-left:50px;
float:left;
}
261,11 → 268,12
ul#coordonnees-geo {
list-style-type:none;
float:left;
width: 100%;
}
ul#coordonnees-geo li {
float: left;
margin: 5px;
width: 120px;
width: 201px;
}
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
width: 70px;
284,8 → 292,24
width:400px;
}
#rue{
width:440px;
/**width:440px;**/
left: 35px;
position: relative;
top: 35px;
width: 320px;
z-index: 45;
}
.indication_geolocalisation {
color:#118811;
font-style: italic;
font-weight: bold;
font-weight:0.9em;
}
.indication_geolocalisation {
height: 30px;
position: relative;
top: 15px;
}
/*-------------------------------------------------------*/
/* Photo */
#resultat,.resultat {
357,3 → 381,8
}
/*-------------------------------------------------------*/
/* Autocomplete */
.valeur-defaut-recherche {
color:#848484;
font-style:italic;
font-weight:0.9em;
}
/branches/v1.5-cisaille/widget/modules/saisie/squelettes/sauvages/js/sauvages.js
168,11 → 168,15
// GOOGLE MAP
var geocoder;
var map;
// marqueurs de début et fin de rue
var marker;
var markerFin;
// coordonnées de début et fin de rue
var latLng;
var latLngFin;
// ligne reliant les deux points de début et fin
var ligneRue;
// Booléen de test afin de ne pas faire apparaitre la fin de rue à la premiere localisation
var premierDeplacement = true;
 
function initialiserGoogleMap(){
216,7 → 220,7
marker = new google.maps.Marker({
map: map,
draggable: true,
title: 'Début de la rue',
title: 'Début de la portion de rue étudiée',
icon: GOOGLE_MAP_MARQUEUR_URL,
position: latLng
});
234,10 → 238,14
}
}
 
 
var valeurDefautRechercheLieu = "Entrez un nom de ville, de lieu ou de rue...";
 
$(document).ready(function() {
initialiserGoogleMap();
gererAffichageValeursParDefaut();
 
// Autocompletion du champ adresse
$("#rue").autocomplete({
//Cette partie utilise geocoder pour extraire des valeurs d'adresse
268,6 → 276,7
select: function(event, ui) {
latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
deplacerMarker(latLng);
afficherEtapeGeolocalisation(2);
}
});
289,6 → 298,26
});
});
 
function gererAffichageValeursParDefaut() {
 
afficherEtapeGeolocalisation(1);
$("#rue").val(valeurDefautRechercheLieu);
$('#rue').addClass('valeur-defaut-recherche');
$("#rue").focus(function() {
$('#rue').removeClass('valeur-defaut-recherche');
if ($('#rue').val() == valeurDefautRechercheLieu) {
$('#rue').val('');
} else {
$('#rue').select();
}
});
}
 
function afficherEtapeGeolocalisation(numEtape) {
$(".liste_indication_geolocalisation").children().hide();
$(".liste_indication_geolocalisation :nth-child("+numEtape+")").show();
}
 
function afficherErreurGoogleMap(status) {
if (DEBUG) {
$("#dialogue-google-map").empty();
311,12 → 340,12
markerFin.setMap(null);
}
latLngFin = new google.maps.LatLng(latLng.lat(), latLng.lng() - 0.0002);
latLngFin = new google.maps.LatLng(latLng.lat(), latLng.lng() + 0.0010);
// Marqueur google draggable
markerFin = new google.maps.Marker({
map: map,
draggable: true,
title: 'Fin de la rue',
title: 'Fin de la portion de rue étudiée',
icon: FIN_ICONE_URL,
position: latLngFin
});
326,6 → 355,7
latLngFin = markerFin.getPosition();
latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLng.lat())/2, (latLngFin.lng() + latLng.lng())/2);
mettreAJourMarkerPosition(latLngCentre);
afficherEtapeGeolocalisation(4);
});
dessinerLigneRue(latLng, latLngFin);
332,6 → 362,7
latLngCentre = new google.maps.LatLng((latLngFin.lat() + latLng.lat())/2, (latLngFin.lng() + latLng.lng())/2);
mettreAJourMarkerPosition(latLng);
afficherEtapeGeolocalisation(3);
} else {
mettreAJourMarkerPosition(latLng);
}
451,9 → 482,11
required : true,
equalTo: "#courriel"
},
rue : "required",
rue_cote : "required",
milieu : "required",
"milieu[]" : {
required: true,
minlength: 1
},
latitude : {
required: true,
range: [-90, 90]},
464,6 → 497,9
required: true,
date: true},
taxon : "required"
},
messages: {
"milieu[]": "Vous devez sélectionner au moins un milieu",
}
});
485,6 → 521,12
if ($("#saisie-obs").valid() == false) {
$("#dialogue-form-invalide").dialog();
} else {
var milieux = [];
$('input:checked["name=milieux[]"]').each(function() {
milieux.push($(this).val());
});
//rassemble les obs dans un tableau html
obsNumero = obsNumero + 1;
$("#liste-obs tbody").append(
493,7 → 535,7
'<td>'+$("#date").val()+'</td>'+
'<td>'+$("#rue").val()+'</td>'+
'<td>'+$("#taxon option:selected").text()+'</td>'+
'<td>'+$('input[name=milieu]:checked').val()+'</td>'+
'<td>'+milieux.join(',')+'</td>'+
'<td>'+$("#latitude").val()+' / '+$("#longitude").val()+'</td>'+
//Ajout du champ photo
'<td class="obs-miniature">'+ajouterImgMiniatureAuTransfert()+'</td>'+
512,7 → 554,7
'num_taxon' : taxons[numNomSel]['num_taxon'],
'famille' : taxons[numNomSel]['famille'],
'nom_fr' : taxons[numNomSel]['nom_fr'],
'milieu' : $('input[name=milieu]:checked').val(),
'milieu' : milieux.join(','),
'latitude' : $("#latitude").val(),
'longitude' : $("#longitude").val(),
'commune_nom' : $("#commune-nom").text(),
598,6 → 640,7
});
}
}
console.log(jqXHR);
if (erreurMsg != '') {
$("#dialogue-obs-transaction").append('<p class="msg">'+
'Une erreur est survenue lors de la transmission de vos observations.'+'<br />'+
/branches/v1.5-cisaille/widget/modules/saisie/squelettes/sauvages/sauvages.tpl.html
115,18 → 115,61
<legend>Lieu du relevé</legend>
<ul>
<li>
<ul>
<label id="label_map_canvas" for="map_canvas" class="oblig" title="Veuillez localiser l'observation, en placant d'abord le point de début de la rue, puis le point de fin">
<strong class="obligatoire">*</strong> Localisation de la rue étudiée
</label>
</li>
<li>
<ul class="liste_indication_geolocalisation">
<li class="indication_geolocalisation">1ere étape : Entrez le nom de la rue et de la ville dans l'espace de recherche ci-dessous</li>
<li class="indication_geolocalisation">2eme étape : Placez l'icône de départ au début de la portion de rue étudiée</li>
<li class="indication_geolocalisation">3eme étape : Placez l'icône de fin à la fin de la portion de rue étudiée, si vous vous êtes trompé,
vous pouvez redéplacer l'icône de départ</li>
<li class="indication_geolocalisation">4eme étape : Voilà ! Votre zone d'étude est localisée ! Vous pouvez passer à la saisie de l'observation.</li>
</ul>
<input id="rue" name="rue" type="text" value="" />
</li>
<li id="map-canvas"></li>
<li>
<label for="coordonnees-geo">
<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"
title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
(WGS84)
</span>
</label>
<ul id="coordonnees-geo" style="display:none;">
<li id="coord-lat">
<label for="latitude">Latitude</label>
<input id="latitude" name="latitude" type="text" value=""/>
</li>
<li id="coord-lng">
<label for="longitude">Longitude</label>
<input id="longitude" name="longitude" type="text" value=""/>
</li>
<li id="info-commune">
<label for="marqueur-commune">Commune</label><br />
<span id="marqueur-commune">
<span id="commune-nom" class="commune-info"></span>
(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune"></span>)
</span>
</li>
<li>
<label for="rue" title="Indiquer le nom de la rue">
<strong class="obligatoire">*</strong>
Rue
</label>
<input id="rue" name="rue" type="text" value="" />
<input id="geolocaliser" type="button" value="Voir sur la carte"/>
</li>
</ul>
</li>
<li>
<hr class="nettoyage" />
</li>
<li>
<ul>
<li>
<label for="rue_cote" title="Choisissez un type de côté de rue">
<strong class="obligatoire">*</strong>
Côté
Côté de la rue
</label>
<select id="rue_cote" name="rue_cote">
<option value="">Sélectionner un type de côté</option>
165,7 → 208,7
<ul id="liste-milieux">
<?php foreach ($milieux as $milieu => $description) : ?>
<li>
<input type="radio" class="milieu" name="milieu" value="<?=$milieu?>"
<input type="checkbox" class="milieu" name="milieu[]" value="<?=$milieu?>"
<?=($description != '') ? 'title="'.$description.'"': '' ?>/>
<?=$milieu?>
</li>
174,46 → 217,6
<hr class="nettoyage" />
</li>
<li>
<label for="map_canvas" class="oblig" title="Veuillez localiser l'observation, en placant d'abord le point de début de la rue, puis le point de fin">
<strong class="obligatoire">*</strong> Géolocalisation
</label>
</li>
<li id="map-canvas"></li>
<li>
<label for="coordonnees-geo">
<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"
title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
(WGS84)
</span>
</label>
<ul id="coordonnees-geo" style="display:none;">
<li id="coord-lat">
<label for="latitude">Latitude</label>
<input id="latitude" name="latitude" type="text" value=""/>
</li>
<li id="coord-lng">
<label for="longitude">Longitude</label>
<input id="longitude" name="longitude" type="text" value=""/>
</li>
<li id="info-commune">
<label for="marqueur-commune">Commune</label>
<span id="marqueur-commune">
<span id="commune-nom" class="commune-info"></span>
(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune"></span>)
</span>
</li>
<li>
<input id="geolocaliser" type="button" value="Voir sur la carte"/>
</li>
</ul>
</li>
<li>
<hr class="nettoyage" />
</li>
<li>
<label for="notes">Notes</label>
<textarea id="notes" name="notes" rows="3" cols="4"></textarea>
</li>