| 1,53 → 1,220 |
|---|
| 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(400); |
| setHeight(225); |
| setWidth(675); |
| setHeight(400); |
| setHideOnButtonClick(true); |
| setLayout(new BorderLayout()); |
| |
| BorderLayout layout = new BorderLayout(); |
| setLayout(layout); |
| // 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); |
| |
| // Panneau Ouest |
| ContentPanel panel = new ContentPanel(); |
| panel.setHeading("Sommaire"); |
| BorderLayoutData data = new BorderLayoutData(LayoutRegion.WEST, 150, 100, 250); |
| data.setMargins(new Margins(0, 5, 0, 0)); |
| data.setSplit(true); |
| data.setCollapsible(true); |
| data.setFloatable(true); |
| add(panel, data); |
| // Chargement de l'arbre du sommaire et de son filtre |
| chargerSommaireArbre(); |
| sommairePanneau.add(filtre); |
| sommairePanneau.add(arbre); |
| |
| // Panneau Central |
| panel = new ContentPanel(); |
| data = new BorderLayoutData(LayoutRegion.CENTER); |
| add(panel, data); |
| // 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()) { |
| this.el().fadeOut(FxConfig.NONE); |
| // FIXME : apparament le fade In/Fade Out pose problème sur les navigateurs... |
| //this.el().fadeOut(FxConfig.NONE); |
| } else { |
| super.onButtonPressed(btn); |
| } |
| } |
| }*/ |
| } |