| /trunk/src/org/tela_botanica/del/client/composants/observations/observationimages.css |
|---|
| New file |
| 0,0 → 1,10 |
| .zonePhotos {width:400px} |
| .photoPrincipale { |
| height: 250px; |
| float:left; |
| cursor:pointer |
| } |
| .photos {float:left} |
| .photos img {display:block; height:40px; width:40px; padding:0 5px 5px 5px; cursor:pointer} |
| /trunk/src/org/tela_botanica/del/client/composants/observations/ObservationImagesVue.ui.xml |
|---|
| New file |
| 0,0 → 1,13 |
| <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' |
| xmlns:g='urn:import:com.google.gwt.user.client.ui' ui:generateFormat='com.google.gwt.i18n.rebind.format.PropertiesFormat' |
| ui:generateKeys="com.google.gwt.i18n.rebind.keygen.MD5KeyGenerator" |
| ui:generateLocales="default"> |
| <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="observationimages.css" /> |
| <g:HTMLPanel styleName="{style.zonePhotos}"> |
| <g:Image ui:field="photoPrincipale" styleName="{style.photoPrincipale}"/> |
| <g:HTMLPanel ui:field="photos" styleName="{style.photos}"></g:HTMLPanel> |
| </g:HTMLPanel> |
| </ui:UiBinder> |
| /trunk/src/org/tela_botanica/del/client/composants/observations/ObservationImagesPresenteur.java |
|---|
| New file |
| 0,0 → 1,100 |
| package org.tela_botanica.del.client.composants.observations; |
| import java.util.List; |
| import org.tela_botanica.del.client.composants.fenetereoverlay.FenetreOverlayDefilantePresenteur; |
| import org.tela_botanica.del.client.composants.fenetereoverlay.FenetreOverlayDefilanteVue; |
| import org.tela_botanica.del.client.composants.images.DetailImagePresenteur; |
| import org.tela_botanica.del.client.composants.images.DetailImageVue; |
| import org.tela_botanica.del.client.composants.presenteur.Presenteur; |
| import org.tela_botanica.del.client.modeles.Image; |
| import org.tela_botanica.del.client.modeles.Observation; |
| 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.ui.HasWidgets; |
| import com.google.gwt.user.client.ui.IsWidget; |
| public class ObservationImagesPresenteur extends Presenteur { |
| public abstract interface Vue extends IsWidget { |
| public HasClickHandlers getPhotoPrincipale(); |
| public HasWidgets getPhotos(); |
| public void chargerImagePrincipale(org.tela_botanica.del.client.modeles.Image image); |
| public void ajouterPhoto(Image image, ClickHandler gestionnaireClic); |
| } |
| private Vue vue; |
| private Observation observation; |
| private Image imagePrincipale; |
| private List<Image> listeImages; |
| public ObservationImagesPresenteur(Vue vue, Observation observation) { |
| this.observation = observation; |
| this.vue = vue; |
| } |
| public void chargerImagesObservation() { |
| listeImages = observation.getImages(); |
| if (listeImages.size() > 0){ |
| final Image imagePrincipale = listeImages.get(0); |
| vue.chargerImagePrincipale(imagePrincipale); |
| vue.getPhotoPrincipale().addClickHandler(creerGestionnaireClic(0, imagePrincipale)); |
| } |
| int nbImage = 0; |
| for (final org.tela_botanica.del.client.modeles.Image imageCourante : listeImages) { |
| if(!imageCourante.equals(imagePrincipale)) { |
| int nbImageEncours = nbImage; |
| vue.ajouterPhoto(imageCourante, creerGestionnaireClic(nbImageEncours, imageCourante)); |
| } |
| nbImage++; |
| } |
| } |
| public void go(HasWidgets composite) { |
| composite.add(vue.asWidget()); |
| chargerImagesObservation(); |
| //gererEvenements(); |
| } |
| protected void gererEvenements() { |
| } |
| protected ClickHandler creerGestionnaireClic(final int indexImage, final Image imageCourante) { |
| ClickHandler gestionnaireClic = new ClickHandler() { |
| public void onClick(ClickEvent event) { |
| FenetreOverlayDefilantePresenteur presenteurGalerie = new FenetreOverlayDefilantePresenteur(indexImage, new FenetreOverlayDefilanteVue()) { |
| @Override |
| public void surClicBoutonSuivant() { |
| int index = getIndexElementAffiche() + 1; |
| if(index >= listeImages.size()) { |
| index = 0; |
| } |
| setContenuFenetreModale(index, new DetailImagePresenteur(listeImages.get(index), new DetailImageVue())); |
| } |
| @Override |
| public void surClicBoutonPrecedent() { |
| int index = getIndexElementAffiche() - 1; |
| if(index < 0) { |
| index = listeImages.size() - 1; |
| } |
| setContenuFenetreModale(index, new DetailImagePresenteur(listeImages.get(index), new DetailImageVue())); |
| } |
| }; |
| presenteurGalerie.ouvrirFenetreModaleDefilante(indexImage, new DetailImagePresenteur(imageCourante, new DetailImageVue())); |
| presenteurGalerie.afficherBoutonsSuivantsPrecedents((listeImages.size() > 1)); |
| } |
| }; |
| return gestionnaireClic; |
| } |
| } |
| /trunk/src/org/tela_botanica/del/client/composants/observations/ObservationImagesVue.java |
|---|
| New file |
| 0,0 → 1,85 |
| package org.tela_botanica.del.client.composants.observations; |
| import java.util.Iterator; |
| import java.util.List; |
| import org.tela_botanica.del.client.modeles.Observation; |
| import com.google.gwt.core.client.GWT; |
| import com.google.gwt.event.dom.client.ClickHandler; |
| 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.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 ObservationImagesVue extends Composite implements ObservationImagesPresenteur.Vue { |
| // Gestion d'UiBinder |
| interface Binder extends UiBinder<Widget, ObservationImagesVue> { |
| } |
| private static Binder binder = GWT.create(Binder.class); |
| @UiField |
| protected Image photoPrincipale; |
| @UiField |
| protected Panel photos; |
| public ObservationImagesVue() { |
| initWidget(binder.createAndBindUi(this)); |
| } |
| public void chargerImagePrincipale(org.tela_botanica.del.client.modeles.Image image) { |
| setUrlImagePrincipale(image.getUrlFormat("CRS")); |
| setTitreImagePrincipale(image.getUrlFormat("L")); |
| setAltTextImagePrincipale(image.getObservation().getAuteur() + " - " + image.getObservation().getNomRetenu()); |
| } |
| @Override |
| public void ajouterPhoto(org.tela_botanica.del.client.modeles.Image imageCourante, ClickHandler gestionnaireClic) { |
| Image photo = new Image(); |
| photo.setUrl(imageCourante.getUrlFormat("CRX2S")); |
| photo.setTitle(imageCourante.getUrlFormat("L")); |
| photo.setAltText(""); |
| photo.addClickHandler(gestionnaireClic); |
| getPhotos().add(photo); |
| } |
| public void setUrlImagePrincipale(String url) { |
| photoPrincipale.setUrl(url); |
| } |
| public void setTitreImagePrincipale(String titre) { |
| photoPrincipale.setTitle(titre); |
| } |
| public void setAltTextImagePrincipale(String altText) { |
| photoPrincipale.setAltText(altText); |
| } |
| public String getUrlImagePrincipale() { |
| return photoPrincipale.getUrl(); |
| } |
| public String getTitreImagePrincipale() { |
| return photoPrincipale.getTitle(); |
| } |
| public String getAltTextImagePrincipale() { |
| return photoPrincipale.getAltText(); |
| } |
| public Image getPhotoPrincipale() { |
| return photoPrincipale; |
| } |
| public Panel getPhotos() { |
| return photos; |
| } |
| } |