Subversion Repositories eFlore/Applications.coel

package org.tela_botanica.client.composants;

import java.util.Iterator;

import java.util.List;

import org.tela_botanica.client.ComposantClass;

import org.tela_botanica.client.ComposantId;

import org.tela_botanica.client.RegistreId;

import org.tela_botanica.client.modeles.Aide;

import org.tela_botanica.client.modeles.Configuration;

import org.tela_botanica.client.modeles.Menu;

import org.tela_botanica.client.util.Print;

import com.extjs.gxt.ui.client.Events;

import com.extjs.gxt.ui.client.Registry;

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

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

import com.extjs.gxt.ui.client.binder.TreeBinder;

import com.extjs.gxt.ui.client.data.BaseTreeModel;

import com.extjs.gxt.ui.client.event.BaseEvent;

import com.extjs.gxt.ui.client.event.ComponentEvent;

import com.extjs.gxt.ui.client.event.HtmlContainerEvent;

import com.extjs.gxt.ui.client.event.Listener;

import com.extjs.gxt.ui.client.event.SelectionListener;

import com.extjs.gxt.ui.client.event.TreeEvent;

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

import com.extjs.gxt.ui.client.widget.HtmlContainer;

import com.extjs.gxt.ui.client.widget.StoreFilterField;

import com.extjs.gxt.ui.client.widget.VerticalPanel;

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.tree.Tree;

import com.extjs.gxt.ui.client.widget.tree.TreeItem;

import com.google.gwt.core.client.GWT;

import com.google.gwt.user.client.Event;

public class AideFenetre extends Dialog {

	private static final String SERVICE_NOM = "CoelAide";

	private static final String PAGE_A_OUVRIR_CODE = "AideCoelPresentationGenerale";

	private static Menu pagePrincipale = null;

	private static TreeItem treeItemAOuvrirParDefaut = null;

	private Tree arbre = null;

	private TreeStore<Menu> magazin = null;

	private TreeBinder<Menu> binder = null;

	private StoreFilterField<Menu> filtre = null;

	private VerticalPanel sommairePanneau = null;

	private ContentPanel contenuPanneau = null;

	private Html contenuHtml = null;

	public AideFenetre() {

		setBodyBorder(false);

		setButtons(Dialog.OK);

		setIconStyle(ComposantClass.ICONE_PANNEAU_LISTE);

		setHeading("COEL - Aide");

		setWidth(675);

		setHeight(400);

		setHideOnButtonClick(true);

		setLayout(new BorderLayout());

		// Panneau Ouest : sommaire

		sommairePanneau = new VerticalPanel();

		sommairePanneau.setSpacing(5);

		// FIXME : plutôt que d'utiliser ce style propre à GXT faudrait utiliser une méthode...

		sommairePanneau.setStyleName("x-panel-body");

		BorderLayoutData sommaireDisposition = new BorderLayoutData(LayoutRegion.WEST, 200, 175, 250);

		sommaireDisposition.setMargins(new Margins(0, 5, 0, 0));

		sommaireDisposition.setSplit(true);

		sommaireDisposition.setCollapsible(true);

		sommaireDisposition.setFloatable(true);

		add(sommairePanneau, sommaireDisposition);

		// Chargement de l'arbre du sommaire et de son filtre

		chargerSommaireArbre();

		attribuerIdAuxTreeItem();

		sommairePanneau.add(filtre);

		sommairePanneau.add(arbre);

		// Panneau Central : contenu

		contenuPanneau = new ContentPanel();

		contenuPanneau.setScrollMode(Scroll.AUTO);

		// Barre d'outils

		Button imprimerBtn = new Button(null, new SelectionListener<ComponentEvent>() {

			public void componentSelected(ComponentEvent ce) {

				//Print.it(contenuHtml.);

				GWT.log(contenuHtml.getHtml(), null);

			}

		});

		imprimerBtn.setIconStyle(ComposantClass.ICONE_IMPRIMER);

		contenuPanneau.getHeader().insertTool(imprimerBtn, 0);

		BorderLayoutData contenuDisposition = new BorderLayoutData(LayoutRegion.CENTER);

		add(contenuPanneau, contenuDisposition);

		// Chargement de la page racine

		etendreArbre(treeItemAOuvrirParDefaut);

		//selectionSommaire((String) arbre.getItem(0).getItem(0).getModel().get("code"));

		selectionSommaire(pagePrincipale.getCode());

	}

	private void etendreArbre(TreeItem treeItemAOuvrir) {

		arbre.setSelectedItem(treeItemAOuvrir);

		arbre.expandPath(arbre.getSelectedItem().getPath());

	}

	private void etendreArbre(String treeItemId) {

		arbre.setSelectedItem(chercherTreeItemParItemId(treeItemId));

		arbre.expandPath(arbre.getSelectedItem().getPath());

	}

	private void chargerSommaireArbre() {

		arbre = new Tree();

		arbre.getStyle().setLeafIconStyle(ComposantClass.ICONE_AIDE);

		magazin = new TreeStore<Menu>();

		magazin.add(getSommaireArbreModele(), true);

		binder = new TreeBinder<Menu>(arbre, magazin);

		binder.setAutoLoad(true);

		binder.setDisplayProperty("nom");

		binder.init();

		inititialiserSommaireArbreFiltre();

		filtre.bind(magazin);

		filtre.setWidth(170);

		filtre.setToolTip("Filtrer le sommaire");

		arbre.addListener(Events.OnClick, new Listener<TreeEvent>(){

			public void handleEvent(TreeEvent be) {

				TreeItem f = be.item;

				if (f.getModel() != null && f.getModel().get("code") != null) {

					selectionSommaire((String) f.getModel().get("code"));

				}

			}

		});

	}

	private void attribuerIdAuxTreeItem() {

		List<TreeItem> liste = arbre.getAllItems();

		Iterator<TreeItem> it = liste.iterator();

		while(it.hasNext()) {

			TreeItem ti = (TreeItem) it.next();

			if (ti.isLeaf()) {

				String code = (String) ti.getModel().get("code");

				ti.setItemId(code);

				definirPageAOuvrirParDefaut(ti);

			}

		}

	}

	private TreeItem chercherTreeItemParItemId(String itemIdAChercher) {

		TreeItem treeItemTrouve = null;

		if (itemIdAChercher != null) {

			String itemIdAChercherEnMinuscule = itemIdAChercher.toLowerCase();

			List<TreeItem> liste = arbre.getAllItems();

			Iterator<TreeItem> it = liste.iterator();

			while(it.hasNext()) {

				TreeItem ti = (TreeItem) it.next();

				if (ti.getModel() != null) {

					String codePageAide = (String) ti.getModel().get("code");

					if (codePageAide != null) {

						String codePageAideEnMinuscule = codePageAide.toLowerCase();

						if (itemIdAChercherEnMinuscule.equals(codePageAideEnMinuscule)) {

							treeItemTrouve = ti;

							break;

						}

					}

				}

			}

		}

		return treeItemTrouve;

	}

	private void definirPageAOuvrirParDefaut(TreeItem menu) {

		String code = menu.getModel().get("code");

		if (PAGE_A_OUVRIR_CODE.equals(code)) {

			treeItemAOuvrirParDefaut = menu;

		}

	}

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

		HtmlContainer 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.getTarget().getTagName().equals("A")) {

					e.preventDefault();

					String urlPageAideCible = e.getTarget().toString();

					chargerPageAide(urlPageAideCible);

					String codePageAideCible = urlPageAideCible.substring(urlPageAideCible.lastIndexOf("/")+1);

					etendreArbre(codePageAideCible);

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

				} else {

					GWT.log("Event :"+e.getType(), 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();

				if (nomMenuMinuscule.matches(".*"+nomFiltreMinuscule+".*")) {

					retour = true;

				}

				return retour;

			}

		};

	}

	public static Menu getSommaireArbreModele() {

		// TODO : charger automatiquement l'arbre depuis le contenu de la page wikini de sommaire...

		pagePrincipale = new Menu("Accueil", "AideCoelAccueil");

		Menu[] menus = new Menu[] {

			new Menu("Débuter avec COEL", new BaseTreeModel[] {

				new Menu("Présentation rapide", "AideCoelPresentationGenerale"),

				new Menu("Comment s'identifier", "AideCoelCommentIdentifier"),

				new Menu("Pourquoi s'identifier", "AideCoelPourquoiIdentifier")

			}),

			new Menu("Les menus", new BaseTreeModel[] {

				new Menu("Institutions", "AideCoelInstitution"),

				new Menu("Collections", "AideCoelCollection"),

				new Menu("Personnes", "AideCoelPersonne"),

				new Menu("Publications", "AideCoelPublication")

			}),

			new Menu("Aller plus loin...", new BaseTreeModel[] {

				new Menu("Régler les paramêtres", "AideCoelParametre"),

				new Menu("Modifier ses préférences", "AideCoelPreference")

			})

		};

		Menu racine = pagePrincipale;

		for (int i = 0; i < menus.length; i++) {

			racine.add((Menu) menus[i]);

		}

		return racine;

	}

	/**

	 * Sur une fermeture on fait un fadeOut.

	 *

	 */

	/*

	protected void onButtonPressed(Button btn) {

		if (this.isHideOnButtonClick()) {

			// FIXME : apparament le fade In/Fade Out pose problème sur les navigateurs...

			//this.el().fadeOut(FxConfig.NONE);

		} else {

			super.onButtonPressed(btn);

		}

	}*/

}