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); |
} |
} |
}*/ |
} |