61 |
jpm |
1 |
package org.tela_botanica.client.composants;
|
|
|
2 |
|
69 |
jpm |
3 |
import org.tela_botanica.client.ComposantClass;
|
66 |
jpm |
4 |
import org.tela_botanica.client.ComposantId;
|
|
|
5 |
import org.tela_botanica.client.RegistreId;
|
498 |
jp_milcent |
6 |
import org.tela_botanica.client.images.Images;
|
66 |
jpm |
7 |
import org.tela_botanica.client.modeles.Configuration;
|
324 |
jp_milcent |
8 |
import org.tela_botanica.client.modeles.Information;
|
66 |
jpm |
9 |
import org.tela_botanica.client.modeles.Menu;
|
311 |
jp_milcent |
10 |
import org.tela_botanica.client.util.Print;
|
66 |
jpm |
11 |
|
498 |
jp_milcent |
12 |
import com.extjs.gxt.ui.client.event.Events;
|
66 |
jpm |
13 |
import com.extjs.gxt.ui.client.Registry;
|
61 |
jpm |
14 |
import com.extjs.gxt.ui.client.Style.LayoutRegion;
|
66 |
jpm |
15 |
import com.extjs.gxt.ui.client.Style.Scroll;
|
498 |
jp_milcent |
16 |
import com.extjs.gxt.ui.client.event.ButtonEvent;
|
66 |
jpm |
17 |
import com.extjs.gxt.ui.client.event.Listener;
|
69 |
jpm |
18 |
import com.extjs.gxt.ui.client.event.SelectionListener;
|
498 |
jp_milcent |
19 |
import com.extjs.gxt.ui.client.event.TreePanelEvent;
|
66 |
jpm |
20 |
import com.extjs.gxt.ui.client.store.Store;
|
|
|
21 |
import com.extjs.gxt.ui.client.store.TreeStore;
|
61 |
jpm |
22 |
import com.extjs.gxt.ui.client.util.Margins;
|
|
|
23 |
import com.extjs.gxt.ui.client.widget.ContentPanel;
|
|
|
24 |
import com.extjs.gxt.ui.client.widget.Dialog;
|
66 |
jpm |
25 |
import com.extjs.gxt.ui.client.widget.HtmlContainer;
|
324 |
jp_milcent |
26 |
import com.extjs.gxt.ui.client.widget.Info;
|
343 |
jp_milcent |
27 |
import com.extjs.gxt.ui.client.widget.LayoutContainer;
|
498 |
jp_milcent |
28 |
import com.extjs.gxt.ui.client.widget.form.StoreFilterField;
|
61 |
jpm |
29 |
import com.extjs.gxt.ui.client.widget.button.Button;
|
|
|
30 |
import com.extjs.gxt.ui.client.widget.layout.BorderLayout;
|
|
|
31 |
import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;
|
343 |
jp_milcent |
32 |
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
|
|
|
33 |
import com.extjs.gxt.ui.client.widget.layout.FormLayout;
|
498 |
jp_milcent |
34 |
import com.extjs.gxt.ui.client.widget.treepanel.TreePanel;
|
66 |
jpm |
35 |
import com.google.gwt.core.client.GWT;
|
324 |
jp_milcent |
36 |
import com.google.gwt.http.client.Request;
|
|
|
37 |
import com.google.gwt.http.client.RequestBuilder;
|
|
|
38 |
import com.google.gwt.http.client.RequestCallback;
|
|
|
39 |
import com.google.gwt.http.client.RequestException;
|
|
|
40 |
import com.google.gwt.http.client.Response;
|
|
|
41 |
import com.google.gwt.json.client.JSONArray;
|
|
|
42 |
import com.google.gwt.json.client.JSONObject;
|
|
|
43 |
import com.google.gwt.json.client.JSONParser;
|
|
|
44 |
import com.google.gwt.json.client.JSONValue;
|
66 |
jpm |
45 |
import com.google.gwt.user.client.Event;
|
61 |
jpm |
46 |
|
|
|
47 |
public class AideFenetre extends Dialog {
|
|
|
48 |
|
311 |
jp_milcent |
49 |
private static final String SERVICE_NOM = "CoelAide";
|
324 |
jp_milcent |
50 |
private static final String PAGE_SOMMAIRE_CODE = "AideCoelSommaire";
|
311 |
jp_milcent |
51 |
private static final String PAGE_A_OUVRIR_CODE = "AideCoelPresentationGenerale";
|
|
|
52 |
private static Menu pagePrincipale = null;
|
498 |
jp_milcent |
53 |
private static Menu menuAOuvrirParDefaut = null;
|
|
|
54 |
private TreePanel<Menu> arbre = null;
|
69 |
jpm |
55 |
private TreeStore<Menu> magazin = null;
|
|
|
56 |
private StoreFilterField<Menu> filtre = null;
|
324 |
jp_milcent |
57 |
private Menu sommaire = null;
|
343 |
jp_milcent |
58 |
private ContentPanel sommairePanneau = null;
|
66 |
jpm |
59 |
private ContentPanel contenuPanneau = null;
|
324 |
jp_milcent |
60 |
private HtmlContainer conteneurDuHtml;
|
343 |
jp_milcent |
61 |
private LayoutContainer entetePanneau;
|
324 |
jp_milcent |
62 |
|
61 |
jpm |
63 |
public AideFenetre() {
|
|
|
64 |
setBodyBorder(false);
|
69 |
jpm |
65 |
setButtons(Dialog.OK);
|
498 |
jp_milcent |
66 |
setIconStyle(ComposantClass.ICONE_PANNEAU_LISTE);
|
61 |
jpm |
67 |
setHeading("COEL - Aide");
|
324 |
jp_milcent |
68 |
setWidth(675);
|
|
|
69 |
setHeight(400);
|
61 |
jpm |
70 |
setHideOnButtonClick(true);
|
324 |
jp_milcent |
71 |
setLayout(new BorderLayout());
|
61 |
jpm |
72 |
|
343 |
jp_milcent |
73 |
// Panneau Nord : entête
|
|
|
74 |
entetePanneau = new LayoutContainer();
|
|
|
75 |
entetePanneau.setLayout(new FlowLayout());
|
|
|
76 |
BorderLayoutData enteteDisposition = new BorderLayoutData(LayoutRegion.NORTH, 30);
|
|
|
77 |
add(entetePanneau, enteteDisposition);
|
|
|
78 |
|
|
|
79 |
inititialiserSommaireArbreFiltre();
|
|
|
80 |
|
66 |
jpm |
81 |
// Panneau Ouest : sommaire
|
343 |
jp_milcent |
82 |
sommairePanneau = new ContentPanel();
|
324 |
jp_milcent |
83 |
sommairePanneau.setScrollMode(Scroll.AUTO);
|
358 |
jp_milcent |
84 |
BorderLayoutData sommaireDisposition = new BorderLayoutData(LayoutRegion.WEST, 230, 175, 350);
|
66 |
jpm |
85 |
sommaireDisposition.setMargins(new Margins(0, 5, 0, 0));
|
|
|
86 |
sommaireDisposition.setSplit(true);
|
|
|
87 |
sommaireDisposition.setFloatable(true);
|
343 |
jp_milcent |
88 |
|
498 |
jp_milcent |
89 |
Button plierDeplierToutBtn = new Button(null, new SelectionListener<ButtonEvent>() {
|
|
|
90 |
public void componentSelected(ButtonEvent be) {
|
|
|
91 |
Button boutonPlierDeplierTout = (Button) be.getSource();
|
|
|
92 |
// CHECK : vérifier si cela marche
|
|
|
93 |
if (boutonPlierDeplierTout.getIcon().equals(Images.ICONES.deplierTout())) {
|
|
|
94 |
boutonPlierDeplierTout.setIcon(Images.ICONES.deplierTout());
|
343 |
jp_milcent |
95 |
arbre.expandAll();
|
498 |
jp_milcent |
96 |
} else if (boutonPlierDeplierTout.getIcon().equals(Images.ICONES.replierTout())) {
|
|
|
97 |
boutonPlierDeplierTout.setIcon(Images.ICONES.replierTout());
|
343 |
jp_milcent |
98 |
arbre.collapseAll();
|
|
|
99 |
}
|
|
|
100 |
}
|
|
|
101 |
});
|
498 |
jp_milcent |
102 |
plierDeplierToutBtn.setIcon(Images.ICONES.deplierTout());
|
343 |
jp_milcent |
103 |
plierDeplierToutBtn.setToolTip("Étendre le sommaire");
|
|
|
104 |
sommairePanneau.getHeader().insertTool(plierDeplierToutBtn, 0);
|
|
|
105 |
|
66 |
jpm |
106 |
add(sommairePanneau, sommaireDisposition);
|
61 |
jpm |
107 |
|
66 |
jpm |
108 |
// Chargement de l'arbre du sommaire et de son filtre
|
324 |
jp_milcent |
109 |
getSommaireArbreModele();
|
61 |
jpm |
110 |
|
66 |
jpm |
111 |
// Panneau Central : contenu
|
|
|
112 |
contenuPanneau = new ContentPanel();
|
|
|
113 |
contenuPanneau.setScrollMode(Scroll.AUTO);
|
69 |
jpm |
114 |
// Barre d'outils
|
498 |
jp_milcent |
115 |
Button imprimerBtn = new Button(null, new SelectionListener<ButtonEvent>() {
|
|
|
116 |
public void componentSelected(ButtonEvent be) {
|
324 |
jp_milcent |
117 |
Print.it(conteneurDuHtml.el().getInnerHtml());
|
311 |
jp_milcent |
118 |
}
|
69 |
jpm |
119 |
});
|
|
|
120 |
imprimerBtn.setIconStyle(ComposantClass.ICONE_IMPRIMER);
|
|
|
121 |
contenuPanneau.getHeader().insertTool(imprimerBtn, 0);
|
66 |
jpm |
122 |
BorderLayoutData contenuDisposition = new BorderLayoutData(LayoutRegion.CENTER);
|
324 |
jp_milcent |
123 |
add(contenuPanneau, contenuDisposition);
|
61 |
jpm |
124 |
}
|
|
|
125 |
|
498 |
jp_milcent |
126 |
private void etendreArbre(Menu menuAOuvrir) {
|
|
|
127 |
arbre.setExpanded(menuAOuvrir, true);
|
311 |
jp_milcent |
128 |
}
|
|
|
129 |
|
498 |
jp_milcent |
130 |
private void etendreArbre(String menuCode) {
|
|
|
131 |
Menu menuAOuvrir = magazin.findModel("code", menuCode);
|
|
|
132 |
if (menuAOuvrir != null) {
|
|
|
133 |
arbre.setExpanded(menuAOuvrir, true);
|
|
|
134 |
}
|
311 |
jp_milcent |
135 |
}
|
|
|
136 |
|
498 |
jp_milcent |
137 |
private void creerSommaire() {
|
|
|
138 |
arbre = new TreePanel<Menu>(magazin);
|
|
|
139 |
arbre.getStyle().setLeafIcon(Images.ICONES.aide());
|
66 |
jpm |
140 |
|
|
|
141 |
filtre.bind(magazin);
|
343 |
jp_milcent |
142 |
|
498 |
jp_milcent |
143 |
arbre.addListener(Events.OnClick, new Listener<TreePanelEvent<Menu>>(){
|
|
|
144 |
public void handleEvent(TreePanelEvent<Menu> tpe) {
|
|
|
145 |
TreePanel<Menu> f = tpe.getComponent();
|
|
|
146 |
if (f.getModel() != null) {
|
|
|
147 |
Menu menu = f.getModel();
|
|
|
148 |
if (menu.get("code") != null) {
|
|
|
149 |
selectionSommaire((String) menu.get("code"));
|
|
|
150 |
}
|
66 |
jpm |
151 |
}
|
|
|
152 |
}
|
325 |
jp_milcent |
153 |
});
|
66 |
jpm |
154 |
}
|
|
|
155 |
|
498 |
jp_milcent |
156 |
private void definirMenuAOuvrirParDefaut() {
|
|
|
157 |
menuAOuvrirParDefaut = magazin.findModel("code", PAGE_A_OUVRIR_CODE);
|
311 |
jp_milcent |
158 |
}
|
|
|
159 |
|
66 |
jpm |
160 |
private void selectionSommaire(String page) {
|
|
|
161 |
String serviceUrl = ((Configuration) Registry.get(RegistreId.CONFIG)).getServiceBaseUrl();
|
311 |
jp_milcent |
162 |
String aidePageUrl = serviceUrl+SERVICE_NOM+"/"+page;
|
66 |
jpm |
163 |
GWT.log("Sélection : "+aidePageUrl, null);
|
|
|
164 |
chargerPageAide(aidePageUrl);
|
|
|
165 |
}
|
|
|
166 |
|
|
|
167 |
private void chargerPageAide(String url) {
|
|
|
168 |
GWT.log("Charger : "+url, null);
|
324 |
jp_milcent |
169 |
conteneurDuHtml = new HtmlContainer() {
|
66 |
jpm |
170 |
public void onBrowserEvent(Event e) {
|
|
|
171 |
// Nous vérifions que l'évenement est un clic et qu'il a lieu sur un lien
|
498 |
jp_milcent |
172 |
if (e.getTypeInt() == Event.ONCLICK && e.getEventTarget().equals("A")) {
|
66 |
jpm |
173 |
e.preventDefault();
|
498 |
jp_milcent |
174 |
String urlPageAideCible = e.getEventTarget().toString();
|
311 |
jp_milcent |
175 |
chargerPageAide(urlPageAideCible);
|
|
|
176 |
String codePageAideCible = urlPageAideCible.substring(urlPageAideCible.lastIndexOf("/")+1);
|
|
|
177 |
etendreArbre(codePageAideCible);
|
|
|
178 |
GWT.log("Clic : "+urlPageAideCible+"::"+codePageAideCible, null);
|
|
|
179 |
} else {
|
|
|
180 |
GWT.log("Event :"+e.getType(), null);
|
66 |
jpm |
181 |
}
|
|
|
182 |
}
|
|
|
183 |
};
|
311 |
jp_milcent |
184 |
|
|
|
185 |
conteneurDuHtml.setId(ComposantId.PANNEAU_AIDE);
|
|
|
186 |
conteneurDuHtml.setWidth(400);
|
|
|
187 |
conteneurDuHtml.sinkEvents(Event.ONCLICK);
|
|
|
188 |
conteneurDuHtml.setUrl(url);
|
|
|
189 |
conteneurDuHtml.recalculate();
|
|
|
190 |
|
66 |
jpm |
191 |
contenuPanneau.removeAll();
|
311 |
jp_milcent |
192 |
contenuPanneau.add(conteneurDuHtml);
|
66 |
jpm |
193 |
contenuPanneau.layout();
|
|
|
194 |
}
|
|
|
195 |
|
|
|
196 |
private void inititialiserSommaireArbreFiltre() {
|
69 |
jpm |
197 |
filtre = new StoreFilterField<Menu>() {
|
66 |
jpm |
198 |
@Override
|
69 |
jpm |
199 |
protected boolean doSelect(Store<Menu> magazin, Menu parent, Menu enregistrement, String propriete, String filtre) {
|
311 |
jp_milcent |
200 |
Boolean retour = false;
|
69 |
jpm |
201 |
// Seul les feuilles sont traitées par le filtre
|
311 |
jp_milcent |
202 |
String nomMenu = enregistrement.getNom();
|
|
|
203 |
String nomMenuMinuscule = nomMenu.toLowerCase();
|
|
|
204 |
String nomFiltreMinuscule = filtre.toLowerCase();
|
|
|
205 |
if (nomMenuMinuscule.matches(".*"+nomFiltreMinuscule+".*")) {
|
|
|
206 |
retour = true;
|
69 |
jpm |
207 |
}
|
343 |
jp_milcent |
208 |
return retour;
|
66 |
jpm |
209 |
}
|
|
|
210 |
};
|
343 |
jp_milcent |
211 |
filtre.setFieldLabel("Chercher");
|
|
|
212 |
filtre.setLabelStyle("font-weight:normal;");
|
|
|
213 |
filtre.setToolTip("Filtrer le sommaire");
|
|
|
214 |
filtre.setWidth(200);
|
|
|
215 |
|
|
|
216 |
FormLayout fl = new FormLayout();
|
|
|
217 |
fl.setLabelWidth(55);
|
498 |
jp_milcent |
218 |
// CHECK : vérifier si c'est bon sans la largeur
|
|
|
219 |
//fl.setPadding(5);
|
343 |
jp_milcent |
220 |
|
|
|
221 |
ContentPanel fp = new ContentPanel();
|
|
|
222 |
fp.setHeaderVisible(false);
|
|
|
223 |
fp.setLayout(fl);
|
|
|
224 |
fp.add(filtre);
|
|
|
225 |
entetePanneau.add(fp);
|
66 |
jpm |
226 |
}
|
|
|
227 |
|
324 |
jp_milcent |
228 |
public void getSommaireArbreModele() {
|
|
|
229 |
String serviceUrl = ((Configuration) Registry.get(RegistreId.CONFIG)).getServiceBaseUrl();
|
|
|
230 |
String sommairePageUrl = serviceUrl+SERVICE_NOM+"/"+PAGE_SOMMAIRE_CODE+"/sommaire";
|
|
|
231 |
RequestBuilder rb = new RequestBuilder(RequestBuilder.GET, sommairePageUrl);
|
|
|
232 |
try {
|
|
|
233 |
rb.sendRequest(null, new RequestCallback() {
|
66 |
jpm |
234 |
|
324 |
jp_milcent |
235 |
public void onError(Request request, Throwable exception) {
|
|
|
236 |
// Gestion des exceptions déclenchées par l'exécution de la requête
|
|
|
237 |
GWT.log("Erreur à l'exécution du service "+SERVICE_NOM+" (selection)", exception);
|
|
|
238 |
Info.display("Erreur de Requête", "Une erreur s'est produite lors de l'exécution de la requête.");
|
|
|
239 |
}
|
|
|
240 |
|
|
|
241 |
public void onErrorHTTP(Request request, Response reponse) {
|
|
|
242 |
// Gestion des erreurs HTTP renvoyé par Apache ou JRest
|
|
|
243 |
Information info = new Information("erreur_jrest", JSONParser.parse(reponse.getText()).isArray());
|
|
|
244 |
GWT.log("Erreur JREST - Code "+reponse.getStatusCode()+"\n"+info.getMessages().toString(), null);
|
|
|
245 |
Info.display("Erreur JREST - Code "+reponse.getStatusCode(), info.toString());
|
|
|
246 |
}
|
|
|
247 |
|
|
|
248 |
public void onResponseReceived(Request request, Response response) {
|
|
|
249 |
// Si le code de réponse HTTP ne vaut pas 200 OK, on lance le mécanise d'erreur HTTP
|
|
|
250 |
if (response.getStatusCode() != 200) {
|
|
|
251 |
onErrorHTTP(request, response);
|
|
|
252 |
} else {
|
|
|
253 |
if (response.getText().length() != 0 && response.getText() != null) {
|
|
|
254 |
final JSONValue responseValue = JSONParser.parse(response.getText());
|
|
|
255 |
JSONArray jsonArray = responseValue.isArray();
|
|
|
256 |
|
|
|
257 |
if (jsonArray != null) {
|
|
|
258 |
sommaire = new Menu("Sommaire");
|
|
|
259 |
ajouterMenuRecursivement(sommaire, jsonArray);
|
66 |
jpm |
260 |
|
324 |
jp_milcent |
261 |
magazin = new TreeStore<Menu>();
|
|
|
262 |
magazin.add(sommaire, true);
|
|
|
263 |
|
498 |
jp_milcent |
264 |
creerSommaire();
|
|
|
265 |
definirMenuAOuvrirParDefaut();
|
325 |
jp_milcent |
266 |
|
324 |
jp_milcent |
267 |
sommairePanneau.add(arbre);
|
498 |
jp_milcent |
268 |
sommairePanneau.layout();
|
343 |
jp_milcent |
269 |
|
324 |
jp_milcent |
270 |
// Chargement de la page racine
|
|
|
271 |
selectionSommaire(pagePrincipale.getCode());
|
498 |
jp_milcent |
272 |
etendreArbre(menuAOuvrirParDefaut);
|
324 |
jp_milcent |
273 |
} else {
|
|
|
274 |
GWT.log("\n\tLa réponse n'est pas un objet ou un talbeau JSON et vaut : "+responseValue.toString(), null);
|
|
|
275 |
}
|
|
|
276 |
}
|
|
|
277 |
}
|
|
|
278 |
}
|
|
|
279 |
});
|
|
|
280 |
} catch (RequestException e) {
|
|
|
281 |
e.printStackTrace();
|
66 |
jpm |
282 |
}
|
324 |
jp_milcent |
283 |
}
|
|
|
284 |
|
|
|
285 |
private void ajouterMenuRecursivement(Menu brancheSommaire, JSONArray tableau) {
|
|
|
286 |
final int tailleMax = tableau.size();
|
69 |
jpm |
287 |
|
324 |
jp_milcent |
288 |
for (int i = 0; i < tailleMax; i++) {
|
|
|
289 |
JSONObject pageCourante = tableau.get(i).isObject() ;
|
|
|
290 |
if (pageCourante != null) {
|
|
|
291 |
Menu menuCourrant = new Menu();
|
|
|
292 |
|
|
|
293 |
if (pageCourante.get("code") != null) {
|
|
|
294 |
menuCourrant.setCode(pageCourante.get("code").isString().stringValue());
|
|
|
295 |
}
|
|
|
296 |
if (pageCourante.get("txt") != null) {
|
|
|
297 |
menuCourrant.setNom(pageCourante.get("txt").isString().stringValue());
|
|
|
298 |
}
|
|
|
299 |
|
|
|
300 |
if (menuCourrant.getNom() == null && menuCourrant.getCode() == null) {
|
|
|
301 |
menuCourrant = (Menu) brancheSommaire.getChild((brancheSommaire.getChildCount() - 1));
|
|
|
302 |
} else {
|
|
|
303 |
if (brancheSommaire != null) {
|
|
|
304 |
brancheSommaire.add(menuCourrant);
|
|
|
305 |
if (pagePrincipale == null) {
|
|
|
306 |
pagePrincipale = menuCourrant;
|
|
|
307 |
}
|
|
|
308 |
}
|
|
|
309 |
}
|
|
|
310 |
|
|
|
311 |
if (pageCourante.get("liste") != null) {
|
|
|
312 |
ajouterMenuRecursivement(menuCourrant, pageCourante.get("liste").isArray());
|
|
|
313 |
}
|
|
|
314 |
}
|
|
|
315 |
}
|
66 |
jpm |
316 |
}
|
61 |
jpm |
317 |
}
|