Subversion Repositories eFlore/Applications.coel

Rev

Rev 66 | Rev 311 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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