1,6 → 1,5 |
package org.tela_botanica.client.composants; |
|
|
import java.util.Iterator; |
import java.util.List; |
|
7,9 → 6,13 |
import org.tela_botanica.client.ComposantClass; |
import org.tela_botanica.client.ComposantId; |
import org.tela_botanica.client.RegistreId; |
import org.tela_botanica.client.modeles.Aide; |
import org.tela_botanica.client.modeles.Configuration; |
import org.tela_botanica.client.modeles.Information; |
import org.tela_botanica.client.modeles.Menu; |
import org.tela_botanica.client.modeles.Structure; |
import org.tela_botanica.client.modeles.StructureConservation; |
import org.tela_botanica.client.modeles.StructureListe; |
import org.tela_botanica.client.modeles.StructureValorisation; |
import org.tela_botanica.client.util.Print; |
|
import com.extjs.gxt.ui.client.Events; |
18,12 → 21,11 |
import com.extjs.gxt.ui.client.Style.Scroll; |
import com.extjs.gxt.ui.client.binder.TreeBinder; |
import com.extjs.gxt.ui.client.data.BaseTreeModel; |
import com.extjs.gxt.ui.client.event.BaseEvent; |
import com.extjs.gxt.ui.client.event.ComponentEvent; |
import com.extjs.gxt.ui.client.event.HtmlContainerEvent; |
import com.extjs.gxt.ui.client.event.Listener; |
import com.extjs.gxt.ui.client.event.SelectionListener; |
import com.extjs.gxt.ui.client.event.TreeEvent; |
import com.extjs.gxt.ui.client.js.JsArray; |
import com.extjs.gxt.ui.client.store.Store; |
import com.extjs.gxt.ui.client.store.TreeStore; |
import com.extjs.gxt.ui.client.util.Margins; |
31,6 → 33,7 |
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.Info; |
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; |
39,11 → 42,21 |
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.http.client.Request; |
import com.google.gwt.http.client.RequestBuilder; |
import com.google.gwt.http.client.RequestCallback; |
import com.google.gwt.http.client.RequestException; |
import com.google.gwt.http.client.Response; |
import com.google.gwt.json.client.JSONArray; |
import com.google.gwt.json.client.JSONObject; |
import com.google.gwt.json.client.JSONParser; |
import com.google.gwt.json.client.JSONValue; |
import com.google.gwt.user.client.Event; |
|
public class AideFenetre extends Dialog { |
|
private static final String SERVICE_NOM = "CoelAide"; |
private static final String PAGE_SOMMAIRE_CODE = "AideCoelSommaire"; |
private static final String PAGE_A_OUVRIR_CODE = "AideCoelPresentationGenerale"; |
private static Menu pagePrincipale = null; |
private static TreeItem treeItemAOuvrirParDefaut = null; |
51,26 → 64,28 |
private TreeStore<Menu> magazin = null; |
private TreeBinder<Menu> binder = null; |
private StoreFilterField<Menu> filtre = null; |
private Menu sommaire = null; |
private VerticalPanel sommairePanneau = null; |
private ContentPanel contenuPanneau = null; |
private Html contenuHtml = null; |
|
private HtmlContainer conteneurDuHtml; |
|
public AideFenetre() { |
setBodyBorder(false); |
setButtons(Dialog.OK); |
setIconStyle(ComposantClass.ICONE_PANNEAU_LISTE); |
setHeading("COEL - Aide"); |
setWidth(675); |
setHeight(400); |
setWidth(675); |
setHeight(400); |
setHideOnButtonClick(true); |
setLayout(new BorderLayout()); |
setLayout(new BorderLayout()); |
|
// Panneau Ouest : sommaire |
sommairePanneau = new VerticalPanel(); |
sommairePanneau.setSpacing(5); |
sommairePanneau.setScrollMode(Scroll.AUTO); |
// FIXME : plutôt que d'utiliser ce style propre à GXT faudrait utiliser une méthode... |
sommairePanneau.setStyleName("x-panel-body"); |
BorderLayoutData sommaireDisposition = new BorderLayoutData(LayoutRegion.WEST, 200, 175, 250); |
BorderLayoutData sommaireDisposition = new BorderLayoutData(LayoutRegion.WEST, 200, 175, 350); |
sommaireDisposition.setMargins(new Margins(0, 5, 0, 0)); |
sommaireDisposition.setSplit(true); |
sommaireDisposition.setCollapsible(true); |
78,10 → 93,7 |
add(sommairePanneau, sommaireDisposition); |
|
// Chargement de l'arbre du sommaire et de son filtre |
chargerSommaireArbre(); |
attribuerIdAuxTreeItem(); |
sommairePanneau.add(filtre); |
sommairePanneau.add(arbre); |
getSommaireArbreModele(); |
|
// Panneau Central : contenu |
contenuPanneau = new ContentPanel(); |
89,20 → 101,13 |
// Barre d'outils |
Button imprimerBtn = new Button(null, new SelectionListener<ComponentEvent>() { |
public void componentSelected(ComponentEvent ce) { |
//Print.it(contenuHtml.); |
GWT.log(contenuHtml.getHtml(), null); |
Print.it(conteneurDuHtml.el().getInnerHtml()); |
} |
}); |
imprimerBtn.setIconStyle(ComposantClass.ICONE_IMPRIMER); |
contenuPanneau.getHeader().insertTool(imprimerBtn, 0); |
BorderLayoutData contenuDisposition = new BorderLayoutData(LayoutRegion.CENTER); |
add(contenuPanneau, contenuDisposition); |
|
// Chargement de la page racine |
etendreArbre(treeItemAOuvrirParDefaut); |
|
//selectionSommaire((String) arbre.getItem(0).getItem(0).getModel().get("code")); |
selectionSommaire(pagePrincipale.getCode()); |
add(contenuPanneau, contenuDisposition); |
} |
|
private void etendreArbre(TreeItem treeItemAOuvrir) { |
118,18 → 123,14 |
private void chargerSommaireArbre() { |
arbre = new Tree(); |
arbre.getStyle().setLeafIconStyle(ComposantClass.ICONE_AIDE); |
|
magazin = new TreeStore<Menu>(); |
magazin.add(getSommaireArbreModele(), true); |
|
binder = new TreeBinder<Menu>(arbre, magazin); |
binder.setAutoLoad(true); |
binder.setDisplayProperty("nom"); |
binder.init(); |
|
inititialiserSommaireArbreFiltre(); |
|
filtre.bind(magazin); |
filtre.setWidth(170); |
filtre.setWidth(200); |
filtre.setToolTip("Filtrer le sommaire"); |
arbre.addListener(Events.OnClick, new Listener<TreeEvent>(){ |
|
141,12 → 142,14 |
} |
|
}); |
|
attribuerIdAuxTreeItem(); |
} |
|
private void attribuerIdAuxTreeItem() { |
List<TreeItem> liste = arbre.getAllItems(); |
Iterator<TreeItem> it = liste.iterator(); |
while(it.hasNext()) { |
while (it.hasNext()) { |
TreeItem ti = (TreeItem) it.next(); |
if (ti.isLeaf()) { |
String code = (String) ti.getModel().get("code"); |
195,7 → 198,7 |
|
private void chargerPageAide(String url) { |
GWT.log("Charger : "+url, null); |
HtmlContainer conteneurDuHtml = new HtmlContainer() { |
conteneurDuHtml = 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")) { |
217,8 → 220,6 |
conteneurDuHtml.setUrl(url); |
conteneurDuHtml.recalculate(); |
|
|
|
contenuPanneau.removeAll(); |
contenuPanneau.add(conteneurDuHtml); |
contenuPanneau.layout(); |
241,48 → 242,93 |
}; |
} |
|
public void getSommaireArbreModele() { |
String serviceUrl = ((Configuration) Registry.get(RegistreId.CONFIG)).getServiceBaseUrl(); |
String sommairePageUrl = serviceUrl+SERVICE_NOM+"/"+PAGE_SOMMAIRE_CODE+"/sommaire"; |
RequestBuilder rb = new RequestBuilder(RequestBuilder.GET, sommairePageUrl); |
try { |
rb.sendRequest(null, new RequestCallback() { |
|
public static Menu getSommaireArbreModele() { |
// TODO : charger automatiquement l'arbre depuis le contenu de la page wikini de sommaire... |
pagePrincipale = new Menu("Accueil", "AideCoelAccueil"); |
Menu[] menus = new Menu[] { |
new Menu("Débuter avec COEL", new BaseTreeModel[] { |
new Menu("Présentation rapide", "AideCoelPresentationGenerale"), |
new Menu("Comment s'identifier", "AideCoelCommentIdentifier"), |
new Menu("Pourquoi s'identifier", "AideCoelPourquoiIdentifier") |
}), |
new Menu("Les menus", new BaseTreeModel[] { |
new Menu("Institutions", "AideCoelInstitution"), |
new Menu("Collections", "AideCoelCollection"), |
new Menu("Personnes", "AideCoelPersonne"), |
new Menu("Publications", "AideCoelPublication") |
}), |
new Menu("Aller plus loin...", new BaseTreeModel[] { |
new Menu("Régler les paramêtres", "AideCoelParametre"), |
new Menu("Modifier ses préférences", "AideCoelPreference") |
}) |
}; |
public void onError(Request request, Throwable exception) { |
// Gestion des exceptions déclenchées par l'exécution de la requête |
GWT.log("Erreur à l'exécution du service "+SERVICE_NOM+" (selection)", exception); |
Info.display("Erreur de Requête", "Une erreur s'est produite lors de l'exécution de la requête."); |
} |
|
public void onErrorHTTP(Request request, Response reponse) { |
// Gestion des erreurs HTTP renvoyé par Apache ou JRest |
Information info = new Information("erreur_jrest", JSONParser.parse(reponse.getText()).isArray()); |
GWT.log("Erreur JREST - Code "+reponse.getStatusCode()+"\n"+info.getMessages().toString(), null); |
Info.display("Erreur JREST - Code "+reponse.getStatusCode(), info.toString()); |
} |
|
public void onResponseReceived(Request request, Response response) { |
// Si le code de réponse HTTP ne vaut pas 200 OK, on lance le mécanise d'erreur HTTP |
if (response.getStatusCode() != 200) { |
onErrorHTTP(request, response); |
} else { |
if (response.getText().length() != 0 && response.getText() != null) { |
final JSONValue responseValue = JSONParser.parse(response.getText()); |
JSONArray jsonArray = responseValue.isArray(); |
|
if (jsonArray != null) { |
sommaire = new Menu("Sommaire"); |
ajouterMenuRecursivement(sommaire, jsonArray); |
|
Menu racine = pagePrincipale; |
for (int i = 0; i < menus.length; i++) { |
racine.add((Menu) menus[i]); |
magazin = new TreeStore<Menu>(); |
magazin.add(sommaire, true); |
|
inititialiserSommaireArbreFiltre(); |
chargerSommaireArbre(); |
|
sommairePanneau.add(filtre); |
sommairePanneau.add(arbre); |
sommairePanneau.layout(); |
// Chargement de la page racine |
selectionSommaire(pagePrincipale.getCode()); |
etendreArbre(treeItemAOuvrirParDefaut); |
} else { |
GWT.log("\n\tLa réponse n'est pas un objet ou un talbeau JSON et vaut : "+responseValue.toString(), null); |
} |
} |
} |
} |
}); |
} catch (RequestException e) { |
e.printStackTrace(); |
} |
} |
|
private void ajouterMenuRecursivement(Menu brancheSommaire, JSONArray tableau) { |
final int tailleMax = tableau.size(); |
|
return racine; |
for (int i = 0; i < tailleMax; i++) { |
JSONObject pageCourante = tableau.get(i).isObject() ; |
if (pageCourante != null) { |
Menu menuCourrant = new Menu(); |
|
if (pageCourante.get("code") != null) { |
menuCourrant.setCode(pageCourante.get("code").isString().stringValue()); |
} |
if (pageCourante.get("txt") != null) { |
menuCourrant.setNom(pageCourante.get("txt").isString().stringValue()); |
} |
|
if (menuCourrant.getNom() == null && menuCourrant.getCode() == null) { |
menuCourrant = (Menu) brancheSommaire.getChild((brancheSommaire.getChildCount() - 1)); |
} else { |
if (brancheSommaire != null) { |
brancheSommaire.add(menuCourrant); |
if (pagePrincipale == null) { |
pagePrincipale = menuCourrant; |
} |
} |
} |
|
if (pageCourante.get("liste") != null) { |
ajouterMenuRecursivement(menuCourrant, pageCourante.get("liste").isArray()); |
} |
} |
} |
} |
|
|
/** |
* Sur une fermeture on fait un fadeOut. |
* |
*/ |
/* |
protected void onButtonPressed(Button btn) { |
if (this.isHideOnButtonClick()) { |
// FIXME : apparament le fade In/Fade Out pose problème sur les navigateurs... |
//this.el().fadeOut(FxConfig.NONE); |
} else { |
super.onButtonPressed(btn); |
} |
}*/ |
} |