Subversion Repositories eFlore/Applications.coel

package org.tela_botanica.client.composants;

import org.tela_botanica.client.ComposantId;

import org.tela_botanica.client.RegistreId;

import org.tela_botanica.client.images.Images;

import org.tela_botanica.client.modeles.Configuration;

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.HorizontalAlignment;

import com.extjs.gxt.ui.client.Style.IconAlign;

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;

		GWT.log("Sélection : "+aidePageUrl, null);

		chargerPageAide(aidePageUrl);

	}

	private void chargerPageAide(String url) {

		GWT.log("Charger : "+url, null);

		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);

					GWT.log("Clic : "+urlPageAideCible+"::"+codePageAideCible, null);

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

		// CHECK : vérifier si c'est bon sans la largeur

		//fl.setPadding(5);

		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());

				}

			}

		}

	}

}