Subversion Repositories eFlore/Applications.coel

package org.tela_botanica.client.composants;


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 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.ComponentEvent;
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.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;
import com.google.gwt.user.client.Window;

public class AideFenetre extends Dialog {

        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 HtmlContainer contenuHtml = null;
        
        public AideFenetre() {
                setBodyBorder(false);  
                setButtons(Dialog.OK);
                setIconStyle("icone-appli-panneau-liste");  
                setHeading("COEL - Aide");  
                setWidth(675);  
                setHeight(400);  
                setHideOnButtonClick(true);  
                setLayout(new BorderLayout());  
                
                // Panneau Ouest : sommaire
                sommairePanneau = new VerticalPanel();  
                sommairePanneau.setSpacing(8);
                sommairePanneau.addStyleName("x-small-editor");
                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();
                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) {  
                                Window.print();
                        }  
                });
                imprimerBtn.setIconStyle(ComposantClass.ICONE_IMPRIMER);
                contenuPanneau.getHeader().insertTool(imprimerBtn, 0);
                BorderLayoutData contenuDisposition = new BorderLayoutData(LayoutRegion.CENTER);  
                add(contenuPanneau, contenuDisposition);
                
                // Chargement de la page racine
                // FIXME : apparement il faut ouvrir chaque menu pour pouvoir sélectionner la bonne page... Une meilleure solution doit exister.
                arbre.getItem(0).toggle();
                arbre.getItem(0).getItem(0).toggle();
                arbre.setSelectedItem(arbre.getItem(0).getItem(0).getItem(0));
                selectionSommaire((String) arbre.getItem(0).getItem(0).getModel().get("code"));         
        }
        
        private void chargerSommaireArbre() {
                arbre = new Tree();
                arbre.setStyleName("no-icon");
                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.isLeaf()) {
                                        selectionSommaire((String) f.getModel().get("code"));
                                }
                        }
                        
                });
        }
        
        private void selectionSommaire(String page) {
                String serviceUrl = ((Configuration) Registry.get(RegistreId.CONFIG)).getServiceBaseUrl();
                String aidePageUrl = serviceUrl+"CoelAide/"+page;
                GWT.log("Sélection : "+aidePageUrl, null);
                chargerPageAide(aidePageUrl);
        }
        
        private void chargerPageAide(String url) {
                GWT.log("Charger : "+url, null);
                contenuHtml = 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();
                                        GWT.log("Clic : "+e.getTarget().getTagName()+"::"+e.getTarget().toString(), null);
                                        chargerPageAide(e.getTarget().toString());
                                }
                        }
                };
                contenuHtml.setId(ComposantId.PANNEAU_AIDE);
                contenuHtml.setWidth(400);
                contenuHtml.sinkEvents(Event.ONCLICK);
                contenuHtml.setUrl(url);
                contenuHtml.recalculate();
                contenuPanneau.removeAll();
                contenuPanneau.add(contenuHtml);
                contenuPanneau.layout();
        }
        
        private void inititialiserSommaireArbreFiltre() {
                filtre = new StoreFilterField<Menu>() {  
                        @Override
                        protected boolean doSelect(Store<Menu> magazin, Menu parent, Menu enregistrement, String propriete, String filtre) {  
                                // Seul les feuilles sont traitées par le filtre
                                if (enregistrement instanceof Menu) {  
                                        return false;  
                                }
                                String nom = enregistrement.getNom();
                                nom = nom.toLowerCase();  
                                if (nom.startsWith(filtre.toLowerCase())) {  
                                        return true;  
                                }
                                return false;  
                        }
                };
        }
        
        
        public static Menu getSommaireArbreModele() {
                // TODO : charger automatiquement l'arbre depuis le contenu de la page wikini de sommaire...
                Menu[] menus = new Menu[] {
                        new Menu("Débuter avec COEL", new BaseTreeModel[] {
                                new Aide("Accueil", "AideCEL", "Jean-Pascal MILCENT", "debutant"),
                                new Aide("S'identifier", "AideCoelIdentification", "Jean-Pascal MILCENT", "debutant"),
                                new Aide("Institutions", "AideCoelInstitution", "Jean-Pascal MILCENT", "debutant"),
                                new Aide("Collections", "AideCoelCollection", "Jean-Pascal MILCENT", "debutant"),
                                new Aide("Personnes", "AideCoelPersonne", "Jean-Pascal MILCENT", "debutant"),
                                new Aide("Publications", "AideCoelPublication", "Jean-Pascal MILCENT", "debutant")
                        }),
                        new Menu("Aller plus loin...", new BaseTreeModel[] {
                                new Aide("Régler les paramêtres", "AideCoelParametre", "Jean-Pascal MILCENT", "expert"),
                                new Aide("Modifier ses préférences", "AideCoelPreference", "Jean-Pascal MILCENT", "expert")
                        })
                };

                Menu racine = new Menu("Sommaire");
                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);
                }
        }*/
}