| 61 |
jpm |
1 |
package org.tela_botanica.client.composants;
|
|
|
2 |
|
| 66 |
jpm |
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;
|
|
|
16 |
import com.extjs.gxt.ui.client.Registry;
|
| 61 |
jpm |
17 |
import com.extjs.gxt.ui.client.Style.LayoutRegion;
|
| 66 |
jpm |
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;
|
|
|
33 |
import com.extjs.gxt.ui.client.event.WindowListener;
|
| 61 |
jpm |
34 |
import com.extjs.gxt.ui.client.fx.FxConfig;
|
| 66 |
jpm |
35 |
import com.extjs.gxt.ui.client.store.Store;
|
|
|
36 |
import com.extjs.gxt.ui.client.store.TreeStore;
|
|
|
37 |
import com.extjs.gxt.ui.client.util.Format;
|
| 61 |
jpm |
38 |
import com.extjs.gxt.ui.client.util.Margins;
|
| 66 |
jpm |
39 |
import com.extjs.gxt.ui.client.util.Params;
|
| 61 |
jpm |
40 |
import com.extjs.gxt.ui.client.widget.ContentPanel;
|
|
|
41 |
import com.extjs.gxt.ui.client.widget.Dialog;
|
| 66 |
jpm |
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;
|
|
|
45 |
import com.extjs.gxt.ui.client.widget.VerticalPanel;
|
| 61 |
jpm |
46 |
import com.extjs.gxt.ui.client.widget.button.Button;
|
|
|
47 |
import com.extjs.gxt.ui.client.widget.layout.BorderLayout;
|
|
|
48 |
import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;
|
| 66 |
jpm |
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;
|
|
|
57 |
import com.google.gwt.user.client.Window;
|
| 61 |
jpm |
58 |
|
|
|
59 |
public class AideFenetre extends Dialog {
|
|
|
60 |
|
| 66 |
jpm |
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;
|
|
|
66 |
private ContentPanel contenuPanneau = null;
|
|
|
67 |
private HtmlContainer contenuHtml = null;
|
|
|
68 |
|
| 61 |
jpm |
69 |
public AideFenetre() {
|
|
|
70 |
setBodyBorder(false);
|
|
|
71 |
setButtons(Dialog.OK);
|
|
|
72 |
setIconStyle("icon-app-side");
|
|
|
73 |
setHeading("COEL - Aide");
|
| 66 |
jpm |
74 |
setWidth(675);
|
|
|
75 |
setHeight(400);
|
| 61 |
jpm |
76 |
setHideOnButtonClick(true);
|
| 66 |
jpm |
77 |
setLayout(new BorderLayout());
|
| 61 |
jpm |
78 |
|
| 66 |
jpm |
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));
|
|
|
85 |
sommaireDisposition.setSplit(true);
|
|
|
86 |
sommaireDisposition.setCollapsible(true);
|
|
|
87 |
sommaireDisposition.setFloatable(true);
|
|
|
88 |
add(sommairePanneau, sommaireDisposition);
|
| 61 |
jpm |
89 |
|
| 66 |
jpm |
90 |
// Chargement de l'arbre du sommaire et de son filtre
|
|
|
91 |
chargerSommaireArbre();
|
|
|
92 |
sommairePanneau.add(filtre);
|
|
|
93 |
sommairePanneau.add(arbre);
|
| 61 |
jpm |
94 |
|
| 66 |
jpm |
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 |
|
|
|
101 |
// Chargement de la page racine
|
|
|
102 |
arbre.setSelectedItem(arbre.getItem(0));
|
|
|
103 |
selectionSommaire((String) arbre.getItem(0).getModel().get("code"));
|
| 61 |
jpm |
104 |
}
|
|
|
105 |
|
| 66 |
jpm |
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 |
}
|
|
|
129 |
|
|
|
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]);
|
|
|
200 |
}
|
|
|
201 |
return racine;
|
|
|
202 |
*/
|
|
|
203 |
return l;
|
|
|
204 |
}
|
|
|
205 |
|
|
|
206 |
|
| 61 |
jpm |
207 |
/**
|
|
|
208 |
* Sur une fermeture on fait un fadeOut.
|
|
|
209 |
*
|
|
|
210 |
*/
|
| 66 |
jpm |
211 |
/*
|
| 61 |
jpm |
212 |
protected void onButtonPressed(Button btn) {
|
|
|
213 |
if (this.isHideOnButtonClick()) {
|
| 66 |
jpm |
214 |
// FIXME : apparament le fade In/Fade Out pose problème sur les navigateurs...
|
|
|
215 |
//this.el().fadeOut(FxConfig.NONE);
|
| 61 |
jpm |
216 |
} else {
|
|
|
217 |
super.onButtonPressed(btn);
|
|
|
218 |
}
|
| 66 |
jpm |
219 |
}*/
|
| 61 |
jpm |
220 |
}
|