WebSVN – eFlore/Applications.coel – Diff – /trunk/src/org/tela_botanica/client/composants/AideFenetre.java


package org.tela_botanica.client.composants;
 
import org.tela_botanica.client.ComposantId;
import org.tela_botanica.client.RegistreId;
import org.tela_botanica.client.configuration.Configuration;
import org.tela_botanica.client.images.Images;
 
import org.tela_botanica.client.modeles.Information;
import org.tela_botanica.client.modeles.Menu;
import org.tela_botanica.client.util.Pattern;
import org.tela_botanica.client.util.Print;
 
import com.extjs.gxt.ui.client.event.Events;
import com.extjs.gxt.ui.client.Registry;
import com.extjs.gxt.ui.client.Style.ButtonScale;
import com.extjs.gxt.ui.client.Style.LayoutRegion;
import com.extjs.gxt.ui.client.Style.Scroll;
import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.Listener;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.event.TreePanelEvent;
import com.extjs.gxt.ui.client.store.Store;
import com.extjs.gxt.ui.client.store.TreeStore;
import com.extjs.gxt.ui.client.util.Margins;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.Dialog;
import com.extjs.gxt.ui.client.widget.HtmlContainer;
import com.extjs.gxt.ui.client.widget.Info;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.form.StoreFilterField;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.layout.BorderLayout;
import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
import com.extjs.gxt.ui.client.widget.layout.FormLayout;
import com.extjs.gxt.ui.client.widget.toolbar.ToolBar;
import com.extjs.gxt.ui.client.widget.treepanel.TreePanel;
import com.google.gwt.core.client.GWT;
import com.google.gwt.http.client.Request;
import com.google.gwt.http.client.RequestBuilder;
import com.google.gwt.http.client.RequestCallback;
import com.google.gwt.http.client.RequestException;
import com.google.gwt.http.client.Response;
import com.google.gwt.json.client.JSONArray;
import com.google.gwt.json.client.JSONObject;
import com.google.gwt.json.client.JSONParser;
import com.google.gwt.json.client.JSONValue;
import com.google.gwt.user.client.Event;
 
public class AideFenetre extends Dialog {
 
	private static final String SERVICE_NOM = "CoelAide";
	private static final String PAGE_SOMMAIRE_CODE = "AideCOELSommaire";
	private static final String PAGE_A_OUVRIR_CODE = "AideCOELPresentationGenerale";
	private static Menu pagePrincipale = null;
	private static Menu menuAOuvrirParDefaut = null;
	private TreePanel<Menu> arbre = null; 
	private TreeStore<Menu> magazin = null;
	private StoreFilterField<Menu> filtre = null;
	private Menu sommaire = null;
	private ContentPanel sommairePanneau = null;
	private ContentPanel contenuPanneau = null;
	private HtmlContainer conteneurDuHtml;
	private LayoutContainer entetePanneau;
	private ToolBar sommaireBarreOutils;
		
	public AideFenetre() {
		setBodyBorder(false);  
		setButtons(Dialog.OK);
		setIcon(Images.ICONES.appPanneauListe());
		setHeading("COEL - Aide");  
		setWidth(675);
		setHeight(400);
		setHideOnButtonClick(true);  
		setLayout(new BorderLayout());
		
		creerPanneauEntete();
		creerPanneauSommaire();
		getSommaireArbreModele();
		creerPanneauContenu();
	}
 
	private void creerPanneauEntete() {
		entetePanneau = new LayoutContainer();
		entetePanneau.setLayout(new FlowLayout());
		BorderLayoutData enteteDisposition = new BorderLayoutData(LayoutRegion.NORTH, 30);
		add(entetePanneau, enteteDisposition);
	}
 
	private void creerPanneauSommaire() {
		inititialiserSommaireArbreFiltre();
		creerSommaire();
		
		sommairePanneau = new ContentPanel();
		sommairePanneau.setScrollMode(Scroll.AUTO);
		sommairePanneau.setHeight("100%");
		sommairePanneau.setHeaderVisible(false);
		
		creerBarreOutilSommaire();
		
		BorderLayoutData sommaireDisposition = new BorderLayoutData(LayoutRegion.WEST, 230, 175, 350);  
		sommaireDisposition.setMargins(new Margins(0, 5, 0, 0));  
		sommaireDisposition.setSplit(true);  
		sommaireDisposition.setFloatable(true);
		add(sommairePanneau, sommaireDisposition);
	}
 
	private void creerBarreOutilSommaire() {
		sommaireBarreOutils = new ToolBar();
		// FIXME : on peut utiliser l'alignement à droite car cela pose un problème de rendu dans le Hosted Mode
		//sommaireBarreOutils.setAlignment(HorizontalAlignment.RIGHT);
		creerBoutonPlierDeplier();
		sommairePanneau.setTopComponent(sommaireBarreOutils);
	}
 
	private void creerBoutonPlierDeplier() {
		Button plierDeplierToutBtn = new Button();
		plierDeplierToutBtn.addSelectionListener(new SelectionListener<ButtonEvent>() {  
			public void componentSelected(ButtonEvent be) {  
				Button boutonPlierDeplierTout = (Button) be.getSource();
				if (boutonPlierDeplierTout.getIcon().equals(Images.ICONES.deplierTout())) {
					boutonPlierDeplierTout.setIcon(Images.ICONES.replierTout());
					arbre.expandAll();
				} else if (boutonPlierDeplierTout.getIcon().equals(Images.ICONES.replierTout())) {
					boutonPlierDeplierTout.setIcon(Images.ICONES.deplierTout());
					arbre.collapseAll();
				}
				boutonPlierDeplierTout.repaint();
			}
		});
		plierDeplierToutBtn.setIcon(Images.ICONES.deplierTout());
		plierDeplierToutBtn.setScale(ButtonScale.SMALL);
		plierDeplierToutBtn.setToolTip("Étendre le sommaire");
		sommaireBarreOutils.add(plierDeplierToutBtn);
	}
 
	private void creerPanneauContenu() {
		contenuPanneau = new ContentPanel();
		contenuPanneau.setScrollMode(Scroll.AUTO);
		
		creerBarreOutilContenu();
		
		BorderLayoutData contenuDisposition = new BorderLayoutData(LayoutRegion.CENTER);  
		add(contenuPanneau, contenuDisposition);
	}
	
	private void creerBarreOutilContenu() {
		Button imprimerBtn = new Button(null, new SelectionListener<ButtonEvent>() {  
			public void componentSelected(ButtonEvent be) {  
				Print.it(conteneurDuHtml.el().getInnerHtml());
			}
		});
		imprimerBtn.setIcon(Images.ICONES.imprimer());
		contenuPanneau.getHeader().insertTool(imprimerBtn, 0);
	}
 
	private void etendreArbre(Menu menuAOuvrir) {
		if (menuAOuvrir != null) {
			arbre.setExpanded(menuAOuvrir, true);
			arbre.getSelectionModel().select(menuAOuvrir, false);
		}
	}
	
	private void etendreArbre(String menuCode) {
		Menu menuAOuvrir = magazin.findModel("code", menuCode);
		etendreArbre(menuAOuvrir);
	}
 
	private void creerSommaire() {
		magazin = new TreeStore<Menu>();
		
		filtre.bind(magazin);
		
		arbre = new TreePanel<Menu>(magazin);
		arbre.setAutoLoad(true);
		arbre.setHeight("100%");
		arbre.setDisplayProperty("nom");
		arbre.getStyle().setLeafIcon(Images.ICONES.aide());
		arbre.addListener(Events.OnClick, new Listener<TreePanelEvent<Menu>>(){
			public void handleEvent(TreePanelEvent<Menu> tpe) {
				Menu menuSelectionne = arbre.getSelectionModel().getSelectedItem();
				if (menuSelectionne.get("code") != null) {
					selectionSommaire((String) menuSelectionne.get("code"));
				}
			}
		});		
	}
	
	private void definirMenuAOuvrirParDefaut() {
		menuAOuvrirParDefaut = magazin.findModel("code", PAGE_A_OUVRIR_CODE);
	}
 
	private void selectionSommaire(String page) {
		String serviceUrl = ((Configuration) Registry.get(RegistreId.CONFIG)).getServiceBaseUrl();
		String aidePageUrl = serviceUrl+SERVICE_NOM+"/"+page;
		chargerPageAide(aidePageUrl);
	}
	
	private void chargerPageAide(String url) {
		conteneurDuHtml = new HtmlContainer() {
			public void onBrowserEvent(Event e) {
				// Nous vérifions que l'évenement est un clic et qu'il a lieu sur un lien
				if (e.getTypeInt() == Event.ONCLICK && e.getEventTarget().toString().startsWith("http://")) {
					e.preventDefault();
					String urlPageAideCible = e.getEventTarget().toString();
					chargerPageAide(urlPageAideCible);
					String codePageAideCible = urlPageAideCible.substring(urlPageAideCible.lastIndexOf("/")+1);
					etendreArbre(codePageAideCible);
				} else {
					GWT.log("Event target:"+e.getEventTarget().toString()+" - type :"+e.getTypeInt()+"="+Event.ONCLICK, null);
				}
			}
		};
		
		conteneurDuHtml.setId(ComposantId.PANNEAU_AIDE);
		conteneurDuHtml.setWidth(400);
		conteneurDuHtml.sinkEvents(Event.ONCLICK);
		conteneurDuHtml.setUrl(url);
		conteneurDuHtml.recalculate();
		
		contenuPanneau.removeAll();
		contenuPanneau.add(conteneurDuHtml);
		contenuPanneau.layout();
	}
	
	private void inititialiserSommaireArbreFiltre() {
		filtre = new StoreFilterField<Menu>() {  
			@Override
			protected boolean doSelect(Store<Menu> magazin, Menu parent, Menu enregistrement, String propriete, String filtre) {  
				Boolean retour = false;
				// Seul les feuilles sont traitées par le filtre
				String nomMenu = enregistrement.getNom();
				String nomMenuMinuscule = nomMenu.toLowerCase();
				String nomFiltreMinuscule = filtre.toLowerCase();
				String nomFiltreMinusculeProtege = Pattern.quote(nomFiltreMinuscule);
				if (nomMenuMinuscule.matches(".*"+nomFiltreMinusculeProtege+".*")) {  
					retour = true;  
				}
				return retour;
			}
		};
		filtre.setFieldLabel("Chercher");
		filtre.setLabelStyle("font-weight:normal;");
		filtre.setToolTip("Filtrer le sommaire");
		filtre.setWidth(200);
		
		FormLayout fl = new FormLayout();
		fl.setLabelWidth(55);
		
		ContentPanel fp = new ContentPanel();
		fp.setHeaderVisible(false);
		fp.setLayout(fl);
		fp.add(filtre);
		entetePanneau.add(fp);
	}
	
	public void getSommaireArbreModele() {
		String serviceUrl = ((Configuration) Registry.get(RegistreId.CONFIG)).getServiceBaseUrl();
		String sommairePageUrl = serviceUrl+SERVICE_NOM+"/"+PAGE_SOMMAIRE_CODE+"/sommaire";
		RequestBuilder rb = new RequestBuilder(RequestBuilder.GET, sommairePageUrl);
		try {
			rb.sendRequest(null, new RequestCallback() {
	
				public void onError(Request request, Throwable exception) {
					// Gestion des exceptions déclenchées par l'exécution de la requête 
					GWT.log("Erreur à l'exécution du service "+SERVICE_NOM+" (selection)", exception);
					Info.display("Erreur de Requête", "Une erreur s'est produite lors de l'exécution de la requête.");
				}
				
				public void onErrorHTTP(Request request, Response reponse) {
					// Gestion des erreurs HTTP renvoyé par Apache ou JRest
					Information info = new Information("erreur_jrest", JSONParser.parse(reponse.getText()).isArray());
					GWT.log("Erreur JREST - Code "+reponse.getStatusCode()+"\n"+info.getMessages().toString(), null);
					Info.display("Erreur JREST - Code "+reponse.getStatusCode(), info.toString());
				}
				
				public void onResponseReceived(Request request, Response response) {
					// Si le code de réponse HTTP ne vaut pas 200 OK, on lance le mécanise d'erreur HTTP
					if (response.getStatusCode() != 200) {
						onErrorHTTP(request, response);
					} else {
						if (response.getText().length() != 0 && response.getText() != null) {
							final JSONValue responseValue = JSONParser.parse(response.getText());
							JSONArray jsonArray = responseValue.isArray();
							
							if (jsonArray != null) {
								sommaire = new Menu("Sommaire");
								ajouterMenuRecursivement(sommaire, jsonArray);
 
								magazin.removeAll();
								magazin.add(sommaire, true);
								
								definirMenuAOuvrirParDefaut();
								
								sommairePanneau.add(arbre);
								sommairePanneau.layout();
								
								// Chargement de la page racine
								selectionSommaire(pagePrincipale.getCode());
								etendreArbre(menuAOuvrirParDefaut);
							} else {
								GWT.log("\n\tLa réponse n'est pas un objet ou un talbeau JSON et vaut : "+responseValue.toString(), null);
							}
						}
					}
				}
			});
		} catch (RequestException e) {
			e.printStackTrace();
		}
	}
	
	private void ajouterMenuRecursivement(Menu brancheSommaire, JSONArray tableau) {
		final int tailleMax = tableau.size();
 
		for (int i = 0; i < tailleMax; i++) {
			JSONObject pageCourante = tableau.get(i).isObject() ;
			if (pageCourante != null) {
				Menu menuCourrant = new Menu();
				
				if (pageCourante.get("code") != null) {
					String codeCourant = pageCourante.get("code").isString().stringValue();
					menuCourrant.setCode(codeCourant);
				} 
				if (pageCourante.get("txt") != null) {
					menuCourrant.setNom(pageCourante.get("txt").isString().stringValue());
				}
				
				if (menuCourrant.getNom() == null && menuCourrant.getCode() == null) {
					menuCourrant = (Menu) brancheSommaire.getChild((brancheSommaire.getChildCount() - 1));
				} else {
					if (brancheSommaire != null) {
						brancheSommaire.add(menuCourrant);
						if (pagePrincipale == null) {
							pagePrincipale = menuCourrant;
						}
					}
				}
				if (pageCourante.get("liste") != null) {
					ajouterMenuRecursivement(menuCourrant, pageCourante.get("liste").isArray());
				}
			}
		}		
	}
}

Subversion Repositories eFlore/Applications.coel

(root)/trunk/src/org/tela_botanica/client/composants/AideFenetre.java @ 1373 – Rev 843 → 907

Rev 843		Rev 907
1	`package org.tela_botanica.client.composants;`	1	`package org.tela_botanica.client.composants;`
2		2
3	`import org.tela_botanica.client.ComposantId;`	3	`import org.tela_botanica.client.ComposantId;`
4	`import org.tela_botanica.client.RegistreId;`	4	`import org.tela_botanica.client.RegistreId;`
-		5	`import org.tela_botanica.client.configuration.Configuration;`
5	`import org.tela_botanica.client.images.Images;`	6	`import org.tela_botanica.client.images.Images;`
6	`import org.tela_botanica.client.modeles.Configuration;`	-
7	`import org.tela_botanica.client.modeles.Information;`	7	`import org.tela_botanica.client.modeles.Information;`
8	`import org.tela_botanica.client.modeles.Menu;`	8	`import org.tela_botanica.client.modeles.Menu;`
9	`import org.tela_botanica.client.util.Pattern;`	9	`import org.tela_botanica.client.util.Pattern;`
10	`import org.tela_botanica.client.util.Print;`	10	`import org.tela_botanica.client.util.Print;`
11		11
12	`import com.extjs.gxt.ui.client.event.Events;`	12	`import com.extjs.gxt.ui.client.event.Events;`
13	`import com.extjs.gxt.ui.client.Registry;`	13	`import com.extjs.gxt.ui.client.Registry;`
14	`import com.extjs.gxt.ui.client.Style.ButtonScale;`	14	`import com.extjs.gxt.ui.client.Style.ButtonScale;`
15	`import com.extjs.gxt.ui.client.Style.LayoutRegion;`	15	`import com.extjs.gxt.ui.client.Style.LayoutRegion;`
16	`import com.extjs.gxt.ui.client.Style.Scroll;`	16	`import com.extjs.gxt.ui.client.Style.Scroll;`
17	`import com.extjs.gxt.ui.client.event.ButtonEvent;`	17	`import com.extjs.gxt.ui.client.event.ButtonEvent;`
18	`import com.extjs.gxt.ui.client.event.Listener;`	18	`import com.extjs.gxt.ui.client.event.Listener;`
19	`import com.extjs.gxt.ui.client.event.SelectionListener;`	19	`import com.extjs.gxt.ui.client.event.SelectionListener;`
20	`import com.extjs.gxt.ui.client.event.TreePanelEvent;`	20	`import com.extjs.gxt.ui.client.event.TreePanelEvent;`
21	`import com.extjs.gxt.ui.client.store.Store;`	21	`import com.extjs.gxt.ui.client.store.Store;`
22	`import com.extjs.gxt.ui.client.store.TreeStore;`	22	`import com.extjs.gxt.ui.client.store.TreeStore;`
23	`import com.extjs.gxt.ui.client.util.Margins;`	23	`import com.extjs.gxt.ui.client.util.Margins;`
24	`import com.extjs.gxt.ui.client.widget.ContentPanel;`	24	`import com.extjs.gxt.ui.client.widget.ContentPanel;`
25	`import com.extjs.gxt.ui.client.widget.Dialog;`	25	`import com.extjs.gxt.ui.client.widget.Dialog;`
26	`import com.extjs.gxt.ui.client.widget.HtmlContainer;`	26	`import com.extjs.gxt.ui.client.widget.HtmlContainer;`
27	`import com.extjs.gxt.ui.client.widget.Info;`	27	`import com.extjs.gxt.ui.client.widget.Info;`
28	`import com.extjs.gxt.ui.client.widget.LayoutContainer;`	28	`import com.extjs.gxt.ui.client.widget.LayoutContainer;`
29	`import com.extjs.gxt.ui.client.widget.form.StoreFilterField;`	29	`import com.extjs.gxt.ui.client.widget.form.StoreFilterField;`
30	`import com.extjs.gxt.ui.client.widget.button.Button;`	30	`import com.extjs.gxt.ui.client.widget.button.Button;`
31	`import com.extjs.gxt.ui.client.widget.layout.BorderLayout;`	31	`import com.extjs.gxt.ui.client.widget.layout.BorderLayout;`
32	`import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;`	32	`import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;`
33	`import com.extjs.gxt.ui.client.widget.layout.FlowLayout;`	33	`import com.extjs.gxt.ui.client.widget.layout.FlowLayout;`
34	`import com.extjs.gxt.ui.client.widget.layout.FormLayout;`	34	`import com.extjs.gxt.ui.client.widget.layout.FormLayout;`
35	`import com.extjs.gxt.ui.client.widget.toolbar.ToolBar;`	35	`import com.extjs.gxt.ui.client.widget.toolbar.ToolBar;`
36	`import com.extjs.gxt.ui.client.widget.treepanel.TreePanel;`	36	`import com.extjs.gxt.ui.client.widget.treepanel.TreePanel;`
37	`import com.google.gwt.core.client.GWT;`	37	`import com.google.gwt.core.client.GWT;`
38	`import com.google.gwt.http.client.Request;`	38	`import com.google.gwt.http.client.Request;`
39	`import com.google.gwt.http.client.RequestBuilder;`	39	`import com.google.gwt.http.client.RequestBuilder;`