/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> |
/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; |
} |