WebSVN – eFlore/Applications.cel – Diff – /trunk/src/org/tela_botanica/client/vues/observation/FormulaireSaisieObservationVue.java

 import org.tela_botanica.client.modeles.ReferentielNom;
 import org.tela_botanica.client.observation.ObservationMediateur;
 import com.google.gwt.core.client.JavaScriptObject;
+import com.google.gwt.maps.client.geom.LatLng;
-import com.google.gwt.maps.client.geom.LatLng;
+import com.google.gwt.user.client.Timer;
+import com.google.gwt.user.client.Window;
-import com.google.gwt.user.client.Window;
+import com.google.gwt.user.client.ui.ClickListener;
+import com.google.gwt.user.client.ui.HTML;
-import com.google.gwt.user.client.ui.HTML;
+import com.google.gwt.user.client.ui.Widget;
 import com.gwtext.client.core.EventCallback;
 import com.gwtext.client.core.EventObject;
 import com.gwtext.client.core.Ext;
+import com.gwtext.client.core.ExtElement;
-import com.gwtext.client.core.ExtElement;
+import com.gwtext.client.core.Function;
 import com.gwtext.client.core.ListenerConfig;
 import com.gwtext.client.core.Position;
 import com.gwtext.client.data.ArrayReader;
 import com.gwtext.client.data.FieldDef;
 import com.gwtext.client.widgets.event.PanelListenerAdapter;
 import com.gwtext.client.widgets.form.ComboBox;
 import com.gwtext.client.widgets.form.DateField;
 import com.gwtext.client.widgets.form.Field;
 import com.gwtext.client.widgets.form.FormPanel;
+import com.gwtext.client.widgets.form.Label;
 import com.gwtext.client.widgets.form.MultiFieldPanel;
 import com.gwtext.client.widgets.form.TextArea;
 import com.gwtext.client.widgets.form.TextField;
 import com.gwtext.client.widgets.form.event.ComboBoxListenerAdapter;
+import com.gwtext.client.widgets.form.event.TextFieldListener;
 import com.gwtext.client.widgets.form.event.TextFieldListenerAdapter;
 import com.gwtext.client.widgets.layout.AnchorLayoutData;
 import com.gwtext.client.widgets.layout.ColumnLayout;
 import com.gwtext.client.widgets.layout.ColumnLayoutData;
 import com.gwtext.client.widgets.layout.FormLayout;
 	private TextField latitude;
 	private MultiFieldPanel coordPanel;
+	private TextField coordonnees;
-	private TextField coordonnees;
+	private Label lienSelectionCommune = null;
 	private HTML accesformulaire;
+	private HTML basculerverscarto;
+	private boolean longlatAjoutee;
-	private HTML basculerverscarto;
+	private boolean latModifiee;
-	private boolean longlatAjoutee;
+	private boolean longModifiee;
 		commune.setLoadingText("Recherche...");
 		commune.setHideTrigger(true);
+		//commune.setTabIndex(1);
+		  //création du lien "Accès carto" dans le formulaire
+		basculerverscarto = new HTML("");
+		basculerverscarto = new HTML(" <a id=\"lien_carto\" href=\"#\" tabindex=\"2\">Localiser</a>");
+		basculerverscarto.addStyleName("lien_actif");
+		//création info bulle sur le lien "accès carto"
+		ToolTip tip2 = new ToolTip();
+		tip2.setHtml("Via une carte, obtenez les coordonnées (longitude/latitude) de votre observation ");
+		tip2.applyTo(basculerverscarto.getElement());
-		//commune.setTabIndex(1);
+		//Sur une meme ligne, ajout de plusieurs champs
+		final MultiFieldPanel htmlCommunePanel = new MultiFieldPanel();
+		htmlCommunePanel.addToRow(commune,new ColumnLayoutData(0.5));
+		htmlCommunePanel.addToRow(basculerverscarto,100);
+		htmlCommunePanel.setBorder(false);
+		htmlCommunePanel.setId("x-commune-panel");
-	    panneauPremierColonne.add(commune, new AnchorLayoutData("95%"));
+		panneauPremierColonne.add(htmlCommunePanel);
 	    station = new TextField("Station", "station");
 	    station.setAllowBlank(true);
 	    //station.setTabIndex(3);
 	    panneauPremierColonne.add(station, new AnchorLayoutData("95%"));
+		latitude = new TextField("X", "x", 100);
+		latitude.setAllowBlank(true);
+	    longitude = new TextField("Y", "y", 100);
-		latitude = new TextField("X", "x", 100);
+		longitude.setAllowBlank(true);
 		latitude.setAllowBlank(true);
 		lienSelectionCommune = new Label();
-	    longitude = new TextField("Y", "y", 100);
+		lienSelectionCommune.setId("conteneur_selection_commune");
-		longitude.setAllowBlank(true);
+		lienSelectionCommune.setStyleName("conteneur_selection_commune");
 		// Panneau de type plusieurs champs de formulaire sur une meme ligne, où seront renseignés X/Y
-		// Panneau de type plusieurs champs de formulaire sur une meme ligne, où seront renseignés X/Y
+		coordPanel = new MultiFieldPanel();
-		coordPanel = new MultiFieldPanel();
+		coordPanel.setVisible(false);
-		coordPanel.setVisible(false);
+		coordPanel.addToRow(latitude, new ColumnLayoutData(0.3));
-		coordPanel.addToRow(latitude, new ColumnLayoutData(0.5));
+		coordPanel.addToRow(longitude, new ColumnLayoutData(0.3));
-		coordPanel.addToRow(longitude, new ColumnLayoutData(0.5));
+		coordPanel.addToRow(lienSelectionCommune, new ColumnLayoutData(0.4));
 		coordPanel.setBorder(false);
 		  //création du champs coordonnées
 		referentielGeo = Configuration.getReferentielGeo();
-		coordonnees = new TextField("Coordonnées ("+referentielGeo+")", "", 0);
+		coordonnees = new TextField("Coordonnées", "", 0);
 		coordonnees.setMaxLength(0);
 		coordonnees.setReadOnly(true);
 					lienCarto.removeAllListeners();
 					lienCarto.addListener("click", new EventCallback() {
-						public void execute(EventObject e) {
+						public void execute(EventObject e) {
-							if(coordonneesValides() == null) {
-								if(commune.getValue() != null && !commune.getValue().equals("")) {
+							if(commune.getValue() != null && !commune.getValue().equals("")) {
-									obtenirInformationCommune();
+								obtenirInformationCommune();
-									longlatAjoutee = true;
-								} else {
-									Window.alert("Veuillez renseigner au moins une commune ou des coordonnées pour la géolocalisation");
+								longlatAjoutee = true;
-								}
 							} else {
-								obtenirInformationCoord();
+								Window.alert("Veuillez renseigner une commune à préciser");
+							}
+						}
 					});
-				}
+				}
-			});
-			  //création du lien "Accès carto" dans le formulaire
-			basculerverscarto = new HTML(" <a id=\"lien_carto\" href=\"#\" tabindex=\"6\">Selection depuis une carte</a>");
-			basculerverscarto.addStyleName("lien");
-			//création info bulle sur le lien "accès carto"
-			ToolTip tip2 = new ToolTip();
 			tip2.setHtml("Via une carte, obtenez les coordonnées (longitude/latitude) de votre observation ");
-			tip2.applyTo(basculerverscarto.getElement());
+			});
-			//Sur une meme ligne, ajout de plusieurs champs
-			final MultiFieldPanel htmlPanel = new MultiFieldPanel();
+			//Sur une meme ligne, ajout de plusieurs champs
-			htmlPanel.addToRow(coordonnees, 100);
+			final MultiFieldPanel htmlPanel = new MultiFieldPanel();
-			htmlPanel.addToRow(basculerverscarto, new ColumnLayoutData(0.5));
+			htmlPanel.addToRow(coordonnees, 100);
 			htmlPanel.addToRow(accesformulaire, new ColumnLayoutData(0.5));
 		bt = new Toolbar() ;
 		bt.addSpacer() ;
 		bt.addText("Mode de saisie ") ;
 		bt.addField(selecteurMode) ;
-		boutonOK.setTabIndex(8);
-		boutonAnnuler.setTabIndex(9);
 		if (Ext.isIE6()) {
 			panneauPremierColonne.setButtonAlign(Position.RIGHT);
+	}
 	private void ajouterListeners()
+	{
+		// Listener completion communne
-		// Listener completion communne
+		final Rafraichissable r = this;
 		   commune.addListener(new ComboBoxListenerAdapter() {
 	             public void onSelect(ComboBox comboBox, Record record, int index) {
 						commModifie = true;
+					}
+				}
 		    });
+			tCoord = new Timer() {
+				public void run() {
+    	        	double[] coord = coordonneesValides();
+    	        	if(!rechercheCommuneEnCours && coord != null && (longModifiee || latModifiee)) {
+    	        		rechercheCommuneEnCours = true;
+    	        		Ext.get(lienSelectionCommune.getElement()).mask("recherche");
+    	        		observationMediateur.obtenirInformationCoord(r,LatLng.newInstance(coord[0], coord[1]));
+    	        	}
+				}
+			};
 			latitude.addKeyPressListener(new EventCallback() {
 				public void execute(EventObject e) {
 	  	    	    		validerSaisie(Champs.LATITUDE);
 	  	    	    	  break;
 		    	        default:
+						latModifiee = true;
+	    	        	tCoord.cancel();
-						latModifiee = true;
+	    	        	tCoord.schedule(250);
+					}
+				}
 		    });
 			longitude.addKeyPressListener(new EventCallback() {
 				public void execute(EventObject e) {
-				public void execute(EventObject e) {
+					switch(e.getKey()) {
 					switch(e.getKey()) {
 						case KEY_ALT:
 			    	      case KEY_CTRL:
 			    	      case KEY_LEFT:
 			    	      case KEY_PAGEDOWN:
 			    	      case KEY_PAGEUP:
 			    	      case KEY_RIGHT:
 			    	      case KEY_SHIFT:
-			    	      case KEY_TAB:
 			    	      case KEY_UP:
+			    	      case KEY_TAB:
-		    	        break;
+			    	      break;
 			    	      case KEY_ENTER:
 		  	    	    		validerSaisie(Champs.LONGITUDE);
-		  	    	    	  break;
+		  	    	    	break;
 		    	        default:
+							longModifiee = true;
+		    	        	tCoord.cancel();
-						longModifiee = true;
+		    	        	tCoord.schedule(250);
+					}
+				}
-		    });
 		    });
 		boutonOK.addListener(new ButtonListenerAdapter() {
+				}
 				else
+				{
 					raz();
+				}
+			}
 		});
+			}
 			if(nouvelleDonnees instanceof EntiteGeographiqueObservation)
+			{
+				EntiteGeographiqueObservation infosComm = (EntiteGeographiqueObservation)nouvelleDonnees ;
+				if(rechercheCommuneEnCours) {
+					afficherIndicationCommune(infosComm);
-				EntiteGeographiqueObservation infosComm = (EntiteGeographiqueObservation)nouvelleDonnees ;
+				} else {
+					rafraichirCommuneEtCoord(infosComm);
 				rafraichirCommuneEtCoord(infosComm);
+			}
+	}
+	private void afficherIndicationCommune(
+			final EntiteGeographiqueObservation infosCom) {
+		String nCommune = "";
+		if(infosCom != null && !infosCom.getCommune().trim().equals("")){
+			nCommune += infosCom.getCommune();
+			if(!infosCom.getIdLocalite().trim().equals(""))
+			nCommune += " ("+infosCom.getIdLocalite()+")";
+		}
+		lienSelectionCommune.setHtml("<a id=\"lien_selection_commune\" tabindex=\"9\">"+nCommune+"</a>");
+		lienSelectionCommune.setStyleName("img-curseur-depl");
+		Ext.get("lien_selection_commune").addListener("click",new EventCallback() {
+			public void execute(EventObject e) {
+				rafraichirCommune(infosCom);
+			}
+		});
+		Ext.get("lien_selection_commune").addListener("keypress",new EventCallback() {
+			public void execute(EventObject e) {
+				if(e.getCharCode() == KEY_ENTER) {
+					rafraichirCommune(infosCom);
+				}
+			}
+		});
+		Ext.get("lien_selection_commune").addListener("focus",new EventCallback() {
+			public void execute(EventObject e) {
+				Ext.get("lien_selection_commune").toggleClass("lien_sel");
+			}
+		});
+		Ext.get("lien_selection_commune").addListener("blur",new EventCallback() {
+			public void execute(EventObject e) {
+				Ext.get("lien_selection_commune").toggleClass("lien_sel");
+			}
+		});
+		Ext.get(lienSelectionCommune.getElement()).unmask();
+		rechercheCommuneEnCours = false;
+		latModifiee = false;
 		longModifiee = false;
+	}
 	private void rafraichirCommuneEtCoord(EntiteGeographiqueObservation infosCom) {
 	private void rafraichirCommune(EntiteGeographiqueObservation infosCom) {
 		String nCommune = "";
-		if(infosCom.getCommune() != null && !infosCom.getCommune().equals("")) {
-			nCommune += infosCom.getCommune();
+		if(infosCom.getCommune() != null && !infosCom.getCommune().equals("")) {
+			nCommune += infosCom.getCommune();
+		}
+		if(infosCom.getIdLocalite() != null && !infosCom.getIdLocalite().equals("")) {
+			nCommune += " ("+infosCom.getIdLocalite()+")";
 			departement = infosCom.getIdLocalite();
+		}
-		if(infosCom.getIdLocalite() != null && !infosCom.getIdLocalite().equals("")) {
+		commune.setValue(nCommune);
 			longitude.setValue(infosCom.getLon());
+		}
 		coordPanel.setVisible(true);
-		latModifiee = true;
+		latModifiee = false;
-		longModifiee = true;
+		longModifiee = false;
 	}
 	public void obtenirListeReferentielCommune() {
 			case COMMUNE:
+				commune.reset() ;
+				departement ="";
-				commune.reset() ;
+				latitude.reset();
-				departement ="";
+				longitude.reset();
 				break;
 			case ESPECE:
 				espece.reset();
 				numeroNom = "" ;
 				numeroOrdre = "";
+				break;
 				break;
 			case LATITUDE:
-			case LATITUDE:
+				latitude.reset();
+				afficherIndicationCommune(null);
-				latitude.reset();
+				break;
 				break;
 			case LONGITUDE:
-			case LONGITUDE:
+				longitude.reset();
 				longitude.reset();
 				departement ="";
 				espece.reset();
 				numeroNom = "" ;
 				numeroOrdre = "";
+				afficherIndicationCommune(null);
 				break;
+		}
 	public void saisieTabindex()
+	{
 		selecteurMode.setTabIndex(0);
 		commune.setTabIndex(1);
-		lieudit.setTabIndex(2);
+		lieudit.setTabIndex(3);
-		station.setTabIndex(3);
+		station.setTabIndex(4);
-		milieu.setTabIndex(4);
+		milieu.setTabIndex(5);
 		coordonnees.setTabIndex(-1);
 		coordonnees.addListener(new TextFieldListenerAdapter() {
 					Ext.get("lien_carto").focus();
+				}
+			}
 		});
-		latitude.setTabIndex(8);
+		latitude.setTabIndex(7);
-		longitude.setTabIndex(9);
+		longitude.setTabIndex(8);
 		comment.setTabIndex(10);
 		date.setTabIndex(11);
 		espece.setTabIndex(12);
 		boutonOK.setTabIndex(13);
+		}
 		return departement;
-	}
+	}
-	/*private Field obtenirCorrespondanceChampsEnum(Champs champ) {
-		switch(champ) {
-    	case DATE:
-    		return date;
-    	case COMMUNE:
+	public String getCommune() {
-    		return commune;
-		case LIEUDIT:
+		return commune.getValue();
-			return lieudit;
+	}
-		case STATION:
-			return station;
-		case MILIEU:
+	public String getDepartement() {
-			return milieu;
-		case COMMENT:
+		return obtenirDepartementAPartirChampCommune();
-			return comment;
+	}
-    	case ESPECE:
-    		return espece;
-    	}
+	public boolean communeInitialisee() {
-		return null;
+		return communeModifiee;

Subversion Repositories eFlore/Applications.cel

(root)/trunk/src/org/tela_botanica/client/vues/observation/FormulaireSaisieObservationVue.java @ 268 – Rev 264 → 268