Rev 69 | Rev 325 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed
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);
}
}*/
}