/tags/v1.2-lithium/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.transmisLe}" styleName="petit" /> |
<g:Label ui:field="dateObservationEflore" /> |
</g:HTMLPanel> |
</g:VerticalPanel> |
</g:HorizontalPanel> |
</g:HTMLPanel> |
</ui:UiBinder> |
/tags/v1.2-lithium/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); |
} |
} |
/tags/v1.2-lithium/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; |
} |
} |
/tags/v1.2-lithium/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 |
} |