Subversion Repositories eFlore/Applications.coel

Rev

Rev 61 | Rev 69 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 61 Rev 66
Line 1... Line 1...
1 
package org.tela_botanica.client.composants;
 1 
package org.tela_botanica.client.composants;
Line -... Line 2...
- 
 
 2 
 
- 
 
 3 
import java.io.Console;
- 
 
 4 
import java.util.ArrayList;
- 
 
 5 
import java.util.List;
- 
 
 6 
 
- 
 
 7 
import org.tela_botanica.client.ComposantId;
- 
 
 8 
import org.tela_botanica.client.Mediateur;
- 
 
 9 
import org.tela_botanica.client.RegistreId;
- 
 
 10 
import org.tela_botanica.client.modeles.Aide;
- 
 
 11 
import org.tela_botanica.client.modeles.Aide;
- 
 
 12 
import org.tela_botanica.client.modeles.Configuration;
- 
 
 13 
import org.tela_botanica.client.modeles.Menu;
- 
 
 14 
 
- 
 
 15 
import com.extjs.gxt.ui.client.Events;
2 
 
 16 
import com.extjs.gxt.ui.client.Registry;
- 
 
 17 
import com.extjs.gxt.ui.client.Style.LayoutRegion;
- 
 
 18 
import com.extjs.gxt.ui.client.Style.Scroll;
- 
 
 19 
import com.extjs.gxt.ui.client.binder.TreeBinder;
- 
 
 20 
import com.extjs.gxt.ui.client.data.BaseTreeLoader;
- 
 
 21 
import com.extjs.gxt.ui.client.data.BaseTreeModel;
- 
 
 22 
import com.extjs.gxt.ui.client.data.DataProxy;
- 
 
 23 
import com.extjs.gxt.ui.client.data.MemoryProxy;
- 
 
 24 
import com.extjs.gxt.ui.client.data.ModelData;
- 
 
 25 
import com.extjs.gxt.ui.client.data.ModelStringProvider;
- 
 
 26 
import com.extjs.gxt.ui.client.data.TreeLoader;
- 
 
 27 
import com.extjs.gxt.ui.client.data.TreeModel;
- 
 
 28 
import com.extjs.gxt.ui.client.data.TreeModelReader;
- 
 
 29 
import com.extjs.gxt.ui.client.event.BaseEvent;
- 
 
 30 
import com.extjs.gxt.ui.client.event.Listener;
- 
 
 31 
import com.extjs.gxt.ui.client.event.TreeEvent;
- 
 
 32 
import com.extjs.gxt.ui.client.event.WidgetListener;
3 
import com.extjs.gxt.ui.client.Style.LayoutRegion;
 33 
import com.extjs.gxt.ui.client.event.WindowListener;
- 
 
 34 
import com.extjs.gxt.ui.client.fx.FxConfig;
- 
 
 35 
import com.extjs.gxt.ui.client.store.Store;
- 
 
 36 
import com.extjs.gxt.ui.client.store.TreeStore;
4 
import com.extjs.gxt.ui.client.fx.FxConfig;
 37 
import com.extjs.gxt.ui.client.util.Format;
- 
 
 38 
import com.extjs.gxt.ui.client.util.Margins;
5 
import com.extjs.gxt.ui.client.util.Margins;
 39 
import com.extjs.gxt.ui.client.util.Params;
6 
import com.extjs.gxt.ui.client.widget.ContentPanel;
 40 
import com.extjs.gxt.ui.client.widget.ContentPanel;
- 
 
 41 
import com.extjs.gxt.ui.client.widget.Dialog;
- 
 
 42 
import com.extjs.gxt.ui.client.widget.Html;
- 
 
 43 
import com.extjs.gxt.ui.client.widget.HtmlContainer;
- 
 
 44 
import com.extjs.gxt.ui.client.widget.StoreFilterField;
7 
import com.extjs.gxt.ui.client.widget.Dialog;
 45 
import com.extjs.gxt.ui.client.widget.VerticalPanel;
8 
import com.extjs.gxt.ui.client.widget.button.Button;
 46 
import com.extjs.gxt.ui.client.widget.button.Button;
9 
import com.extjs.gxt.ui.client.widget.layout.BorderLayout;
 47 
import com.extjs.gxt.ui.client.widget.layout.BorderLayout;
- 
 
 48 
import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;
- 
 
 49 
import com.extjs.gxt.ui.client.widget.tree.Tree;
- 
 
 50 
import com.extjs.gxt.ui.client.widget.tree.TreeItem;
- 
 
 51 
import com.google.gwt.core.client.GWT;
- 
 
 52 
import com.google.gwt.dom.client.Node;
- 
 
 53 
import com.google.gwt.http.client.RequestBuilder;
- 
 
 54 
import com.google.gwt.http.client.RequestBuilder.Method;
- 
 
 55 
import com.google.gwt.user.client.Element;
- 
 
 56 
import com.google.gwt.user.client.Event;
Line 10... Line 57...
10 
import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;
 57 
import com.google.gwt.user.client.Window;
Line -... Line 58...
- 
 
 58 
 
- 
 
 59 
public class AideFenetre extends Dialog {
- 
 
 60 
 
- 
 
 61 
	private Tree arbre = null;
- 
 
 62 
	private TreeStore<Aide> magazin = null;
- 
 
 63 
	private TreeBinder<Aide> binder = null;
- 
 
 64 
	private StoreFilterField<Aide> filtre = null;
- 
 
 65 
	private VerticalPanel sommairePanneau = null;
11 
 
 66 
	private ContentPanel contenuPanneau = null;
12 
public class AideFenetre extends Dialog {
 67 
	private HtmlContainer contenuHtml = null;
13 
 
 68
14 
	public AideFenetre() {
 69 
	public AideFenetre() {
15 
		setBodyBorder(false);
70 
		setBodyBorder(false);
16 
		setButtons(Dialog.OK);
71 
		setButtons(Dialog.OK);
17 
		setIconStyle("icon-app-side");
72 
		setIconStyle("icon-app-side");
18 
		setHeading("COEL - Aide");
73 
		setHeading("COEL - Aide");
- 
 
 74 
		setWidth(675);
Line -... Line 75...
- 
 
 75 
		setHeight(400);
19 
		setWidth(400);
76 
		setHideOnButtonClick(true);
20 
		setHeight(225);
77 
		setLayout(new BorderLayout());
- 
 
 78
- 
 
 79 
		// Panneau Ouest : sommaire
- 
 
 80 
		sommairePanneau = new VerticalPanel();
- 
 
 81 
		sommairePanneau.setSpacing(8);
- 
 
 82 
		sommairePanneau.addStyleName("x-small-editor");
- 
 
 83 
		BorderLayoutData sommaireDisposition = new BorderLayoutData(LayoutRegion.WEST, 175, 100, 250);
- 
 
 84 
		sommaireDisposition.setMargins(new Margins(0, 5, 0, 0));
Line 21... Line -...
21 
		setHideOnButtonClick(true);
- 
 
22
85 
		sommaireDisposition.setSplit(true);
23 
		BorderLayout layout = new BorderLayout();
- 
 
24 
		setLayout(layout);
- 
 
25
- 
 
26 
		// Panneau Ouest
86 
		sommaireDisposition.setCollapsible(true);
27 
		ContentPanel panel = new ContentPanel();
87 
		sommaireDisposition.setFloatable(true);
28 
		panel.setHeading("Sommaire");
 88 
		add(sommairePanneau, sommaireDisposition);
29 
		BorderLayoutData data = new BorderLayoutData(LayoutRegion.WEST, 150, 100, 250);
- 
 
Line 30... Line 89...
30 
		data.setMargins(new Margins(0, 5, 0, 0));
89
31 
		data.setSplit(true);
90 
		// Chargement de l'arbre du sommaire et de son filtre
- 
 
 91 
		chargerSommaireArbre();
32 
		data.setCollapsible(true);
92 
		sommairePanneau.add(filtre);
- 
 
 93 
		sommairePanneau.add(arbre);
- 
 
 94
- 
 
 95 
		// Panneau Central : contenu
- 
 
 96 
		contenuPanneau = new ContentPanel();
- 
 
 97 
		contenuPanneau.setScrollMode(Scroll.AUTO);
- 
 
 98 
		BorderLayoutData contenuDisposition = new BorderLayoutData(LayoutRegion.CENTER);
- 
 
 99 
		add(contenuPanneau, contenuDisposition);
- 
 
 100
33 
		data.setFloatable(true);
 101 
		// Chargement de la page racine
- 
 
 102 
		arbre.setSelectedItem(arbre.getItem(0));
- 
 
 103 
		selectionSommaire((String) arbre.getItem(0).getModel().get("code"));
- 
 
 104 
	}
- 
 
 105
- 
 
 106 
	private void chargerSommaireArbre() {
- 
 
 107 
		arbre = new Tree();
- 
 
 108 
		magazin = new TreeStore<Aide>();
- 
 
 109 
		magazin.add(getSommaireArbreModele(), true);
- 
 
 110
- 
 
 111 
		binder = new TreeBinder<Aide>(arbre, magazin);
- 
 
 112 
		binder.setAutoLoad(true);
- 
 
 113 
		binder.setDisplayProperty("nom");
- 
 
 114 
		binder.init();
- 
 
 115 
 
- 
 
 116 
		inititialiserSommaireArbreFiltre();
- 
 
 117 
		filtre.bind(magazin);
- 
 
 118 
		arbre.addListener(Events.OnClick, new Listener<TreeEvent>(){
- 
 
 119 
 
- 
 
 120 
			public void handleEvent(TreeEvent be) {
- 
 
 121 
				TreeItem f = be.item;
- 
 
 122 
				if (f.isLeaf()) {
- 
 
 123 
					selectionSommaire((String) f.getModel().get("code"));
- 
 
 124 
				}
- 
 
 125 
			}
- 
 
 126
- 
 
 127 
		});
- 
 
 128 
	}
34 
		add(panel, data);
129
Line -... Line 130...
- 
 
 130 
	private void selectionSommaire(String page) {
- 
 
 131 
		String serviceUrl = ((Configuration) Registry.get(RegistreId.CONFIG)).getServiceBaseUrl();
- 
 
 132 
		String aidePageUrl = serviceUrl+"CoelAide/"+page;
- 
 
 133 
		GWT.log("Sélection : "+aidePageUrl, null);
- 
 
 134 
		chargerPageAide(aidePageUrl);
- 
 
 135 
	}
- 
 
 136
- 
 
 137 
	private void chargerPageAide(String url) {
- 
 
 138 
		GWT.log("Charger : "+url, null);
- 
 
 139 
		contenuHtml = new HtmlContainer() {
- 
 
 140 
			public void onBrowserEvent(Event e) {
- 
 
 141 
				// Nous vérifions que l'évenement est un clic et qu'il a lieu sur un lien
- 
 
 142 
				if (e.getTypeInt()== Event.ONCLICK && e.getTarget().getTagName().equals("A")) {
- 
 
 143 
					e.preventDefault();
- 
 
 144 
					GWT.log("Clic : "+e.getTarget().getTagName()+"::"+e.getTarget().toString(), null);
- 
 
 145 
					chargerPageAide(e.getTarget().toString());
- 
 
 146 
				}
- 
 
 147 
			}
- 
 
 148 
		};
- 
 
 149 
		contenuHtml.setId(ComposantId.PANNEAU_AIDE);
- 
 
 150 
		contenuHtml.setWidth(400);
- 
 
 151 
		contenuHtml.sinkEvents(Event.ONCLICK);
- 
 
 152 
		contenuHtml.setUrl(url);
- 
 
 153 
		contenuHtml.recalculate();
- 
 
 154 
		contenuPanneau.removeAll();
- 
 
 155 
		contenuPanneau.add(contenuHtml);
- 
 
 156 
		contenuPanneau.layout();
- 
 
 157 
	}
- 
 
 158
- 
 
 159 
	private void inititialiserSommaireArbreFiltre() {
- 
 
 160 
		filtre = new StoreFilterField<Aide>() {
- 
 
 161 
			@Override
- 
 
 162 
			protected boolean doSelect(Store<Aide> magazin, Aide parent, Aide enregistrement, String propriete, String filtre) {
- 
 
 163 
				// Seul les feuilles sont traitées par le filtre
- 
 
 164 
				//if (enregistrement instanceof AideModelData) {
- 
 
 165 
					//return false;
- 
 
 166 
				//}
- 
 
 167 
				String nom = enregistrement.getNom();
- 
 
 168 
				nom = nom.toLowerCase();
- 
 
 169 
				if (nom.startsWith(filtre.toLowerCase())) {
- 
 
 170 
					return true;
- 
 
 171 
				}
- 
 
 172 
				return false;
- 
 
 173 
			}
- 
 
 174 
		};
- 
 
 175 
	}
- 
 
 176
- 
 
 177
- 
 
 178 
	public static List<Aide> getSommaireArbreModele() {
- 
 
 179 
		List<Aide> l = new ArrayList<Aide>();
- 
 
 180 
		l.add(new Aide("Accueil", "AideCoelAccueil", "Jean-Pascal MILCENT", "debutant"));
- 
 
 181 
		l.add(new Aide("S'identifier", "AideCoelIdentification", "Jean-Pascal MILCENT", "debutant"));
- 
 
 182 
/*
- 
 
 183 
		new AideModelData("Débuter avec COEL", new AideModelData[] {
- 
 
 184 
				new AideModelData("Présentation", "AideCoelPresentation", "Jean-Pascal MILCENT", "debutant"),
- 
 
 185 
				new AideModelData("S'identifier", "AideCoelIdentification", "Jean-Pascal MILCENT", "debutant"),
- 
 
 186 
				new AideModelData("Institutions", "AideCoelInstitution", "Jean-Pascal MILCENT", "debutant"),
- 
 
 187 
				new AideModelData("Collections", "AideCoelCollection", "Jean-Pascal MILCENT", "debutant"),
- 
 
 188 
				new AideModelData("Personnes", "AideCoelPersonne", "Jean-Pascal MILCENT", "debutant"),
- 
 
 189 
				new AideModelData("Publications", "AideCoelPublication", "Jean-Pascal MILCENT", "debutant"),
- 
 
 190 
				}),
- 
 
 191 
			new AideModelData("Aller plus loin...", new AideModelData[] {
- 
 
 192 
				new AideModelData("Régler les paramêtres", "AideCoelParametre", "Jean-Pascal MILCENT", "expert"),
- 
 
 193 
				new AideModelData("Modifier ses préférences", "AideCoelPreference", "Jean-Pascal MILCENT", "expert"),
- 
 
 194 
				})
- 
 
 195 
		};
- 
 
 196 
 
- 
 
 197 
		Menu racine = new Menu("root");
- 
 
 198 
		for (int i = 0; i < menus.length; i++) {
- 
 
 199 
			racine.add((Menu) menus[i]);
35
200 
		}
36 
		// Panneau Central
201 
		return racine;
37 
		panel = new ContentPanel();
202 
*/
38 
		data = new BorderLayoutData(LayoutRegion.CENTER);
203 
		return l;
- 
 
 204 
	}
39 
		add(panel, data);
 205
40 
	}
 206
- 
 
 207 
	/**
41
208 
	 * Sur une fermeture on fait un fadeOut.
42 
	/**
 209 
	 *
43 
	 * Sur une fermeture on fait un fadeOut.
 210 
	 */
44 
	 *
211 
	/*
45 
	 */
 212 
	protected void onButtonPressed(Button btn) {
46 
	protected void onButtonPressed(Button btn) {
 213 
		if (this.isHideOnButtonClick()) {
47 
		if (this.isHideOnButtonClick()) {
 214 
			// FIXME : apparament le fade In/Fade Out pose problème sur les navigateurs...