Subversion Repositories eFlore/Applications.coel

Rev

Rev 61 | Rev 69 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

package org.tela_botanica.client.composants;

import java.io.Console;
import java.util.ArrayList;
import java.util.List;

import org.tela_botanica.client.ComposantId;
import org.tela_botanica.client.Mediateur;
import org.tela_botanica.client.RegistreId;
import org.tela_botanica.client.modeles.Aide;
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.BaseTreeLoader;
import com.extjs.gxt.ui.client.data.BaseTreeModel;
import com.extjs.gxt.ui.client.data.DataProxy;
import com.extjs.gxt.ui.client.data.MemoryProxy;
import com.extjs.gxt.ui.client.data.ModelData;
import com.extjs.gxt.ui.client.data.ModelStringProvider;
import com.extjs.gxt.ui.client.data.TreeLoader;
import com.extjs.gxt.ui.client.data.TreeModel;
import com.extjs.gxt.ui.client.data.TreeModelReader;
import com.extjs.gxt.ui.client.event.BaseEvent;
import com.extjs.gxt.ui.client.event.Listener;
import com.extjs.gxt.ui.client.event.TreeEvent;
import com.extjs.gxt.ui.client.event.WidgetListener;
import com.extjs.gxt.ui.client.event.WindowListener;
import com.extjs.gxt.ui.client.fx.FxConfig;
import com.extjs.gxt.ui.client.store.Store;
import com.extjs.gxt.ui.client.store.TreeStore;
import com.extjs.gxt.ui.client.util.Format;
import com.extjs.gxt.ui.client.util.Margins;
import com.extjs.gxt.ui.client.util.Params;
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.dom.client.Node;
import com.google.gwt.http.client.RequestBuilder;
import com.google.gwt.http.client.RequestBuilder.Method;
import com.google.gwt.user.client.Element;
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<Aide> magazin = null;
        private TreeBinder<Aide> binder = null;
        private StoreFilterField<Aide> filtre = null;
        private VerticalPanel sommairePanneau = null;
        private ContentPanel contenuPanneau = null;
        private HtmlContainer contenuHtml = null;
        
        public AideFenetre() {
                setBodyBorder(false);  
                setButtons(Dialog.OK);  
                setIconStyle("icon-app-side");  
                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, 175, 100, 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);
                BorderLayoutData contenuDisposition = new BorderLayoutData(LayoutRegion.CENTER);  
                add(contenuPanneau, contenuDisposition);
                
                // Chargement de la page racine
                arbre.setSelectedItem(arbre.getItem(0));
                selectionSommaire((String) arbre.getItem(0).getModel().get("code"));            
        }
        
        private void chargerSommaireArbre() {
                arbre = new Tree();
                magazin = new TreeStore<Aide>();
                magazin.add(getSommaireArbreModele(), true);
                
                binder = new TreeBinder<Aide>(arbre, magazin);
                binder.setAutoLoad(true);
                binder.setDisplayProperty("nom");
                binder.init();

                inititialiserSommaireArbreFiltre();
                filtre.bind(magazin);
                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<Aide>() {  
                        @Override
                        protected boolean doSelect(Store<Aide> magazin, Aide parent, Aide enregistrement, String propriete, String filtre) {  
                                // Seul les feuilles sont traitées par le filtre  
                                //if (enregistrement instanceof AideModelData) {  
                                        //return false;  
                                //}  
                                String nom = enregistrement.getNom();
                                nom = nom.toLowerCase();  
                                if (nom.startsWith(filtre.toLowerCase())) {  
                                        return true;  
                                }
                                return false;  
                        }
                };
        }
        
        
        public static List<Aide> getSommaireArbreModele() {
                List<Aide> l = new ArrayList<Aide>();
                l.add(new Aide("Accueil", "AideCoelAccueil", "Jean-Pascal MILCENT", "debutant"));
                l.add(new Aide("S'identifier", "AideCoelIdentification", "Jean-Pascal MILCENT", "debutant"));
/*
                new AideModelData("Débuter avec COEL", new AideModelData[] {
                                new AideModelData("Présentation", "AideCoelPresentation", "Jean-Pascal MILCENT", "debutant"),
                                new AideModelData("S'identifier", "AideCoelIdentification", "Jean-Pascal MILCENT", "debutant"),         
                                new AideModelData("Institutions", "AideCoelInstitution", "Jean-Pascal MILCENT", "debutant"),
                                new AideModelData("Collections", "AideCoelCollection", "Jean-Pascal MILCENT", "debutant"),
                                new AideModelData("Personnes", "AideCoelPersonne", "Jean-Pascal MILCENT", "debutant"),
                                new AideModelData("Publications", "AideCoelPublication", "Jean-Pascal MILCENT", "debutant"),
                                }),
                        new AideModelData("Aller plus loin...", new AideModelData[] {
                                new AideModelData("Régler les paramêtres", "AideCoelParametre", "Jean-Pascal MILCENT", "expert"),
                                new AideModelData("Modifier ses préférences", "AideCoelPreference", "Jean-Pascal MILCENT", "expert"),
                                })
                };

                Menu racine = new Menu("root");
                for (int i = 0; i < menus.length; i++) {
                        racine.add((Menu) menus[i]);
                }
                return racine;
*/
                return l;
        }
        
        
        /**
         * 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);
                }
        }*/
}