Subversion Repositories eFlore/Applications.del

Compare Revisions

Ignore whitespace Rev 1934 → Rev 1997

/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/comparaisoneflore/ComparaisonEfloreVue.ui.xml
New file
0,0 → 1,77
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
 
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'>
 
<ui:with field='res' type='org.tela_botanica.del.client.resources.Ressources' />
<ui:with field="constants" type="org.tela_botanica.del.client.i18n.Vocabulary" />
<ui:style src="comparaisonEflore.css" />
<g:HTMLPanel >
<g:HTMLPanel ui:field="formulaireRecherche" styleName="{style.zoneComparaison}" />
<g:HorizontalPanel styleName="{style.zoneComparaison}" >
<g:VerticalPanel styleName="{style.photoPrincipale} arrondi">
<g:Label text="{constants.taxonADeterminer}" styleName="titre" />
<g:Label text="{constants.taxonADeterminer}" styleName="petit" />
<g:Image ui:field="imagePrincipale" />
 
<g:HTMLPanel styleName="{style.meta}">
<g:Label text="{constants.metadonneesPhoto}" styleName="titre" />
<g:Label ui:field="nomAuteurTitre" text="{constants.observateur}" styleName="petit" />
<g:Label ui:field="nomAuteur" />
<g:Label ui:field="dateObservationTitre" text="{constants.dateObservation}" styleName="petit" />
<g:Label ui:field="dateObservation" />
<g:Label ui:field="familleTitre" text="{constants.famille}" styleName="petit" />
<g:Label ui:field="famille" />
<g:Label ui:field="commentairesTitre" text="{constants.commentaires}" styleName="petit" />
<g:Label ui:field="commentaires" />
<g:Label ui:field="motsClefsTitre" text="{constants.motsClefs}" styleName="petit" />
<g:Label ui:field="motsClefs" />
<g:Label ui:field="nomRetenuTitre" text="{constants.nomRetenu}" styleName="petit" />
<g:Label ui:field="nomRetenu" />
<g:Label ui:field="nomCommunTitre" styleName="petit" text="{constants.nomCommun}" />
<g:Label ui:field="nomCommun" />
<g:Label ui:field="localiteTitre" styleName="petit" text="{constants.lieuDuReleve}" />
<g:Label ui:field="localite" />
<g:Label ui:field="milieuTitre" styleName="petit" text="{constants.milieu}" />
<g:Label ui:field="milieu"/>
</g:HTMLPanel>
</g:VerticalPanel>
<g:VerticalPanel styleName="{style.photoComparee} arrondi">
<g:Label text="{constants.imageEflore}" styleName="titre" />
<g:Label ui:field="texteEflore" text="{constants.imageEflore}" styleName="petit" />
 
<g:Image ui:field="imageEflore" />
<g:VerticalPanel ui:field="panneauChargement" styleName="{style.panneauChargement}" >
<g:Image url="./img/wait.gif" ></g:Image>
</g:VerticalPanel>
<g:HorizontalPanel styleName="{style.fleches}">
<g:Image ui:field="scrollLeftImage" resource='{res.arrowLeft}'
styleName="gauche" visible="false" />
<g:Image ui:field="scrollRightImage" resource='{res.arrowRight}'
styleName="droite" visible="false" />
</g:HorizontalPanel>
 
<g:HTMLPanel ui:field="metadonneesEflore" styleName="{style.meta}">
<g:Label text="{constants.metadonneesPhoto}" styleName="titre" />
 
<g:Label text="{constants.taxon}" styleName="petit" />
<g:Label ui:field="nomEspeceEflore" />
 
<g:Label text="{constants.localite}" styleName="petit" />
<g:Label ui:field="localiteEflore" />
 
<g:Label text="{constants.auteur}" styleName="petit" />
<g:Label ui:field="nomAuteurEflore" />
 
<g:Label text="{constants.publieLe}" styleName="petit" />
<g:Label ui:field="dateObservationEflore" />
</g:HTMLPanel>
</g:VerticalPanel>
</g:HorizontalPanel>
</g:HTMLPanel>
</ui:UiBinder>
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/comparaisoneflore/ComparaisonEflorePresenteur.java
New file
0,0 → 1,183
package org.tela_botanica.del.client.vues.comparaisoneflore;
 
import java.util.ArrayList;
import java.util.List;
 
import org.tela_botanica.del.client.cache.CacheClient;
import org.tela_botanica.del.client.composants.fenetreoverlay.FenetreOverlayDefilanteVue;
import org.tela_botanica.del.client.composants.fenetreoverlay.FenetreOverlaySimplePresenteur;
import org.tela_botanica.del.client.composants.formulairerechercheeflore.FormulaireRechercheEflorePresenteur;
import org.tela_botanica.del.client.composants.images.DetailImagePresenteur;
import org.tela_botanica.del.client.composants.images.DetailImageVue;
import org.tela_botanica.del.client.modeles.Image;
import org.tela_botanica.del.client.modeles.ImageServiceResultat;
import org.tela_botanica.del.client.modeles.InformationsRecherche;
import org.tela_botanica.del.client.navigation.evenement.BusEvenementiel;
import org.tela_botanica.del.client.navigation.evenement.comparaisoneflore.EvenementComparaisonEflore;
import org.tela_botanica.del.client.navigation.evenement.comparaisoneflore.GestionnaireEvenementComparaisonEflore;
import org.tela_botanica.del.client.services.rest.ImageService;
import org.tela_botanica.del.client.services.rest.async.ImagesParTaxonCallback;
 
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.event.dom.client.HasClickHandlers;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.HTMLPanel;
import com.google.gwt.user.client.ui.HasWidgets;
import com.google.gwt.user.client.ui.IsWidget;
 
public class ComparaisonEflorePresenteur {
 
public interface Vue extends IsWidget {
public void chargerImagePrincipale(org.tela_botanica.del.client.modeles.Image image);
 
public void chargerImagesEflore(List<org.tela_botanica.del.client.modeles.Image> observationsEflore, int indexImage);
 
public HasClickHandlers getScrollLeftImage();
 
public HasClickHandlers getScrollRightImage();
 
public int getCurrentIndexImages();
 
public void startChargement();
 
public void stopChargement();
 
public void afficherAucuneImageTrouvee();
 
public HTMLPanel getFormulaireRecherche();
public void setCurrentIndexImages(int index);
public com.google.gwt.user.client.ui.Image getImagePrincipale();
public com.google.gwt.user.client.ui.Image getImageEflore();
}
 
private Vue vue;
private final ImageService imageService;
 
private Image imagePrincipale;
private String nomTaxonComparaison;
private List<org.tela_botanica.del.client.modeles.Image> imagesEflore = new ArrayList<Image>();
private int page = 0;
private int nbImagesPreFetch = 10;
 
public ComparaisonEflorePresenteur(Vue vue, ImageService imageService) {
this.vue = vue;
this.imagePrincipale = CacheClient.getInstance().getImageCourante();
this.nomTaxonComparaison = CacheClient.getInstance().getTaxonPourRechercheEflore();
this.imageService = imageService;
}
 
public void go(HasWidgets composite) {
composite.add(vue.asWidget());
vue.chargerImagePrincipale(imagePrincipale);
chargerObservationsEflore();
gererEvenements();
new FormulaireRechercheEflorePresenteur().go(vue.getFormulaireRecherche());
}
 
public void chargerObservationsEflore() {
 
int debut = (page * nbImagesPreFetch) + 1;
int fin = (page + 1) * nbImagesPreFetch;
 
vue.startChargement();
 
InformationsRecherche informationsRecherche = new InformationsRecherche();
informationsRecherche.setTaxon(nomTaxonComparaison);
 
ImagesParTaxonCallback callback = new ImagesParTaxonCallback() {
 
@Override
public void surRetour(ImageServiceResultat imagesRecues) {
if (imagesRecues == null || imagesRecues.getImages() == null || imagesRecues.getImages().size() == 0) {
vue.afficherAucuneImageTrouvee();
} else {
addImagesEflore(imagesRecues.getImages());
vue.stopChargement();
vue.chargerImagesEflore(imagesEflore, vue.getCurrentIndexImages());
}
}
 
@Override
public void surErreur(String messageErreur) {
vue.afficherAucuneImageTrouvee();
Window.alert(messageErreur);
}
 
};
 
imageService.getImagesParTaxon(informationsRecherche, debut, fin, callback);
 
}
 
private void gererEvenements() {
vue.getScrollLeftImage().addClickHandler(new ClickHandler() {
 
@Override
public void onClick(ClickEvent event) {
vue.chargerImagesEflore(imagesEflore, vue.getCurrentIndexImages() - 1);
}
});
 
vue.getScrollRightImage().addClickHandler(new ClickHandler() {
 
@Override
public void onClick(ClickEvent event) {
 
if (vue.getCurrentIndexImages() == imagesEflore.size() - 1) {
page += 1;
vue.setCurrentIndexImages(vue.getCurrentIndexImages()+1);
chargerObservationsEflore();
} else {
vue.chargerImagesEflore(imagesEflore, vue.getCurrentIndexImages() + 1);
}
}
});
 
BusEvenementiel.getInstance().addHandler(EvenementComparaisonEflore.TYPE, new GestionnaireEvenementComparaisonEflore() {
 
@Override
public void onComparaisonEflore(EvenementComparaisonEflore event) {
nomTaxonComparaison = event.getTaxonDemande();
page=0;
vue.setCurrentIndexImages(0);
getImagesEflore().clear();
chargerObservationsEflore();
}
});
vue.getImagePrincipale().addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent arg0) {
FenetreOverlaySimplePresenteur presenteurGalerie = new FenetreOverlaySimplePresenteur(new FenetreOverlayDefilanteVue());
presenteurGalerie.ouvrirFenetreModaleDefilante(0, new DetailImagePresenteur(imagePrincipale, new DetailImageVue()));
presenteurGalerie.afficherBoutonsSuivantsPrecedents(false);
}
});
vue.getImageEflore().addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent arg0) {
FenetreOverlaySimplePresenteur presenteurGalerie = new FenetreOverlaySimplePresenteur(new FenetreOverlayDefilanteVue());
presenteurGalerie.ouvrirFenetreModaleDefilante(0, new DetailImagePresenteur(imagesEflore.get(vue.getCurrentIndexImages()), new DetailImageVue()));
presenteurGalerie.afficherBoutonsSuivantsPrecedents(false);
}
});
}
 
public List<org.tela_botanica.del.client.modeles.Image> getImagesEflore() {
return imagesEflore;
}
 
public void addImagesEflore(List<org.tela_botanica.del.client.modeles.Image> imagesEflore) {
this.imagesEflore.addAll(imagesEflore);
}
 
}
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/comparaisoneflore/ComparaisonEfloreVue.java
New file
0,0 → 1,202
package org.tela_botanica.del.client.vues.comparaisoneflore;
 
import java.util.List;
 
import org.tela_botanica.del.client.i18n.I18n;
import org.tela_botanica.del.client.utils.StringUtils;
 
import com.google.gwt.core.client.GWT;
import com.google.gwt.event.dom.client.HasClickHandlers;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.HTMLPanel;
import com.google.gwt.user.client.ui.Image;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.Panel;
import com.google.gwt.user.client.ui.Widget;
 
public class ComparaisonEfloreVue extends Composite implements ComparaisonEflorePresenteur.Vue {
 
interface MyUiBinder extends UiBinder<Widget, ComparaisonEfloreVue> {
}
 
private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);
private int currentIndexImages=0;
 
@UiField
Label nomAuteur, dateObservation, famille, motsClefs, nomRetenu, nomCommun, localite, milieu, commentaires, nomEspeceEflore, nomAuteurEflore, localiteEflore, dateObservationEflore, texteEflore;
 
@UiField
Label nomAuteurTitre, dateObservationTitre, familleTitre, motsClefsTitre, nomRetenuTitre, nomCommunTitre, localiteTitre, milieuTitre, commentairesTitre;
 
@UiField
Image imagePrincipale, imageEflore, scrollLeftImage, scrollRightImage;
 
@UiField
Panel panneauChargement;
 
@UiField
HTMLPanel formulaireRecherche, metadonneesEflore;
 
public ComparaisonEfloreVue() {
initWidget(uiBinder.createAndBindUi(this));
}
 
public void chargerImagePrincipale(org.tela_botanica.del.client.modeles.Image image) {
 
// mots clefs
String motsClefsConcatenes = "";
try {
for (String motClef : image.getObservation().getMotsClefs()) {
motsClefsConcatenes += motClef + ",";
}
motsClefsConcatenes = motsClefsConcatenes.subSequence(0, motsClefsConcatenes.lastIndexOf(",")).toString();
} catch (Exception e) {
// TODO: handle exception
}
 
if (StringUtils.checkStringNotNull(motsClefsConcatenes)) {
motsClefs.setText(motsClefsConcatenes);
} else {
motsClefs.setVisible(false);
motsClefsTitre.setVisible(false);
}
if (StringUtils.checkStringNotNull(image.getObservation().getAuteur())) {
nomAuteur.setText(image.getObservation().getAuteur());
} else {
nomAuteur.setVisible(false);
nomAuteurTitre.setVisible(false);
}
if (StringUtils.checkStringNotNull(image.getUrl())) {
imagePrincipale.setUrl(image.getUrl());
}
if (StringUtils.checkStringNotNull(image.getObservation().getDateReleve())) {
dateObservation.setText(image.getObservation().getDateReleve());
} else {
dateObservation.setVisible(false);
dateObservationTitre.setVisible(false);
}
if (StringUtils.checkStringNotNull(image.getObservation().getFamille())) {
famille.setText(image.getObservation().getFamille());
} else {
famille.setVisible(false);
familleTitre.setVisible(false);
}
if (StringUtils.checkStringNotNull(image.getObservation().getNomRetenu())) {
nomRetenu.setText(image.getObservation().getNomRetenuFormateReferentiel());
} else {
nomRetenu.setVisible(false);
nomRetenuTitre.setVisible(false);
}
if (StringUtils.checkStringNotNull(image.getObservation().getNomCommun())) {
nomCommun.setText(image.getObservation().getNomCommun());
} else {
nomCommun.setVisible(false);
nomCommunTitre.setVisible(false);
}
if (StringUtils.checkStringNotNull(image.getObservation().getLocaliteAvecIdFormatee())) {
localite.setText(image.getObservation().getLocaliteAvecIdFormatee());
} else {
localite.setVisible(false);
localiteTitre.setVisible(false);
}
if (StringUtils.checkStringNotNull(image.getObservation().getMilieu())) {
milieu.setText(image.getObservation().getMilieu());
} else {
milieu.setVisible(false);
milieuTitre.setVisible(false);
}
if (StringUtils.checkStringNotNull(image.getObservation().getCommentaire())) {
commentaires.setText(image.getObservation().getCommentaire());
} else {
commentaires.setVisible(false);
commentairesTitre.setVisible(false);
}
 
}
 
public void chargerImagesEflore(List<org.tela_botanica.del.client.modeles.Image> observationsEflore, int indexImage) {
 
texteEflore.setText(I18n.getVocabulary().imageEflore());
 
if (indexImage >= 0 && indexImage < observationsEflore.size()) {
currentIndexImages = indexImage;
}
 
org.tela_botanica.del.client.modeles.Image observationEflore = observationsEflore.get(currentIndexImages);
 
nomEspeceEflore.setText(observationEflore.getObservation().getNomRetenuFormateReferentiel());
nomAuteurEflore.setText(observationEflore.getObservation().getAuteur());
imageEflore.setUrl(observationEflore.getUrl());
dateObservationEflore.setText(observationEflore.getObservation().getDateReleve());
localiteEflore.setText(observationEflore.getObservation().getLocalite());
metadonneesEflore.setVisible(true);
imageEflore.setVisible(true);
 
if (observationsEflore.size() > 1) {
scrollLeftImage.setVisible(true);
scrollRightImage.setVisible(true);
}
}
 
public void setScrollLeftImage(Image scrollLeftImage) {
this.scrollLeftImage = scrollLeftImage;
}
 
public int getCurrentIndexImages() {
return currentIndexImages;
}
 
@Override
public HasClickHandlers getScrollLeftImage() {
return scrollLeftImage;
}
 
@Override
public HasClickHandlers getScrollRightImage() {
return scrollRightImage;
}
 
public void startChargement() {
texteEflore.setText(I18n.getVocabulary().chargement());
metadonneesEflore.setVisible(false);
imageEflore.setVisible(false);
scrollLeftImage.setVisible(false);
scrollRightImage.setVisible(false);
panneauChargement.setVisible(true);
}
 
public void stopChargement() {
panneauChargement.setVisible(false);
}
 
public void afficherAucuneImageTrouvee() {
texteEflore.setText(I18n.getVocabulary().aucunResultat());
scrollLeftImage.setVisible(false);
scrollRightImage.setVisible(false);
panneauChargement.setVisible(false);
}
 
public Label getNomAuteur() {
return nomAuteur;
}
 
public Image getImagePrincipale() {
return imagePrincipale;
}
 
public HTMLPanel getFormulaireRecherche() {
return formulaireRecherche;
}
 
public void setCurrentIndexImages(int index){
currentIndexImages=index;
}
 
public Image getImageEflore() {
return imageEflore;
}
}
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/comparaisoneflore/comparaisonEflore.css
New file
0,0 → 1,49
.zoneComparaison {
width: 50%;
margin: 0 auto;
height: 100%
}
 
.photoComparee {
width: 500px;
margin-left: 5px;
padding: 20px;
border: #DDD solid 1px;
}
 
.photoPrincipale img,.photoComparee img {
-moz-box-shadow: 4px 4px 2px #AAA;
cursor: pointer;
}
 
.panneauChargement img{
-moz-box-shadow: none;
}
 
.photoPrincipale {
width: 500px;
border: #DDD solid 1px;
padding: 20px;
height: 100%
}
 
.fleches {
position: absolute;
margin-left: -20px;
padding: 20px;
margin-top: -50px;
width: 500px;
}
 
.fleches img {
cursor: pointer;
-moz-box-shadow: 0px 0px 0px #000
}
 
.meta {
color: white;
background: #333;
padding: 10px;
opacity: 0.8em;
margin-top: 5px
}