Subversion Repositories eFlore/Applications.del

Compare Revisions

Ignore whitespace Rev 1195 → Rev 1196

/trunk/src/org/tela_botanica/del/client/vues/pictoflora/resultats/images/ImagePresenteur.java
New file
0,0 → 1,235
package org.tela_botanica.del.client.vues.pictoflora.resultats.images;
 
import java.util.HashMap;
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.images.DetailImagePresenteur;
import org.tela_botanica.del.client.composants.images.DetailImageVue;
import org.tela_botanica.del.client.composants.metadonnees.MetadonneesPresenteur;
import org.tela_botanica.del.client.composants.metadonnees.MetadonneesVue;
import org.tela_botanica.del.client.composants.motsclesimages.MotsClesImagePresenteur;
import org.tela_botanica.del.client.composants.motsclesimages.MotsClesImageVue;
import org.tela_botanica.del.client.composants.motsclesimages.formulairesaisiemotclesimages.FormulaireSaisieMotsClesImagePresenteur;
import org.tela_botanica.del.client.composants.motsclesimages.formulairesaisiemotclesimages.FormulaireSaisieMotsClesImageVue;
import org.tela_botanica.del.client.composants.presenteur.Presenteur;
import org.tela_botanica.del.client.composants.votefleur.VoteFleurPresenteur;
import org.tela_botanica.del.client.composants.votefleur.VoteFleurVue;
import org.tela_botanica.del.client.composants.votes.moyennevotes.MoyenneVotePresenteur;
import org.tela_botanica.del.client.composants.votes.moyennevotes.MoyenneVoteVue;
import org.tela_botanica.del.client.modeles.Image;
import org.tela_botanica.del.client.modeles.ModeRecherche;
import org.tela_botanica.del.client.modeles.Observation;
import org.tela_botanica.del.client.modeles.Protocole;
import org.tela_botanica.del.client.modeles.VoteProtocole;
import org.tela_botanica.del.client.navigation.evenement.BusEvenementiel;
import org.tela_botanica.del.client.navigation.evenement.changementprotocole.EvenementChangementProtocole;
import org.tela_botanica.del.client.navigation.evenement.changementprotocole.GestionnaireEvenementChangementProtocole;
import org.tela_botanica.del.client.navigation.evenement.rechercheimage.EvenementVoirDetailsImage;
import org.tela_botanica.del.client.navigation.evenement.rechercheimage.GestionnaireEvenementVoirDetailsImage;
import org.tela_botanica.del.client.navigation.evenement.validationobservation.EvenementValidation;
import org.tela_botanica.del.client.navigation.evenement.validationobservationpictoflora.EvenementValidationPictoflora;
import org.tela_botanica.del.client.services.rest.MotsClesService;
import org.tela_botanica.del.client.services.rest.MotsClesServiceConcret;
import org.tela_botanica.del.client.services.rest.VoteProtocoleServiceConcret;
import org.tela_botanica.del.client.services.rest.async.ListeMotsClesImageCallBack;
 
import com.google.gwt.core.client.GWT;
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.HasWidgets;
import com.google.gwt.user.client.ui.IsWidget;
import com.google.gwt.user.client.ui.Widget;
 
public class ImagePresenteur extends Presenteur {
 
public interface Vue extends IsWidget {
public abstract void loadImage(Image image);
 
public abstract HasClickHandlers getImagePrincipale();
 
public IsWidget getImagePrincipaleWidget();
 
public void setUrlImagePrincipale(String url);
 
public void setTitreImagePrincipale(String titre);
 
public void setAltTextImagePrincipale(String altText);
 
public String getUrlImagePrincipale();
 
public String getTitreImagePrincipale();
 
public String getAltTextImagePrincipale();
 
public abstract HasClickHandlers getEnSavoirPlus();
 
public abstract void cacherZoneCache();
 
public abstract void afficherZoneCache();
 
public abstract HasWidgets getZoneVoter();
 
public HasClickHandlers getNomAuteur();
 
public HasClickHandlers getNomEspece();
 
public HasWidgets getMetadonnees();
 
public HasClickHandlers getVoirMotsCles();
public HasWidgets getZoneMotsCles();
 
public void cacherZoneMotsCles();
 
public void afficherZoneMotsCles();
}
 
private Vue vue;
 
private final Image image;
private boolean detailsOuverts = false;
 
private Protocole protocole;
 
private boolean motsClesOuverts = false;
private MotsClesImagePresenteur motsClesImagePresenteur;
 
public ImagePresenteur(Image image, Protocole protocole, Vue vue) {
this.image = image;
this.protocole = protocole;
this.vue = vue;
}
 
public void go(HasWidgets composite) {
composite.add(vue.asWidget());
vue.loadImage(image);
new MetadonneesPresenteur(new MetadonneesVue(), image.getObservation(), ModeRecherche.MODE_IMAGE, true).go(vue.getMetadonnees());
motsClesImagePresenteur = new MotsClesImagePresenteur(image, new MotsClesServiceConcret(), new FormulaireSaisieMotsClesImagePresenteur(image.getIdImage(), new MotsClesServiceConcret(), new FormulaireSaisieMotsClesImageVue()), new MotsClesImageVue());
motsClesImagePresenteur.go(vue.getZoneMotsCles());
chargerDonneesValidation();
gererEvenements();
}
 
private void chargerDonneesValidation() {
vue.getZoneVoter().clear();
if (protocole != null) {
HashMap<String, VoteProtocole> observationValidationDatas = image.getVotesProtocoles(protocole.getId());
if (observationValidationDatas != null) {
new MoyenneVotePresenteur(image, protocole, new MoyenneVoteVue(), new VoteProtocoleServiceConcret()).go(vue.getZoneVoter());
}
}
}
 
private void lancerEvenementValidation() {
CacheClient.getInstance().setImageCourante(image);
final Observation obs = image.getObservation();
BusEvenementiel.getInstance().fireEvent(new EvenementValidationPictoflora(obs));
}
 
protected void gererEvenements() {
ClickHandler zoomeur = new ClickHandler() {
public void onClick(ClickEvent event) {
FenetreOverlaySimplePresenteur presenteurGalerie = new FenetreOverlaySimplePresenteur(new FenetreOverlayDefilanteVue());
presenteurGalerie.ouvrirFenetreModaleDefilante(0, new DetailImagePresenteur(image, new DetailImageVue()));
presenteurGalerie.afficherBoutonsSuivantsPrecedents(false);
}};
vue.getImagePrincipale().addClickHandler(zoomeur);
 
vue.getNomAuteur().addClickHandler(new ClickHandler() {
public void onClick(ClickEvent event) {
lancerEvenementValidation();
}
});
 
vue.getNomEspece().addClickHandler(new ClickHandler() {
public void onClick(ClickEvent event) {
lancerEvenementValidation();
}
});
 
vue.getEnSavoirPlus().addClickHandler(new ClickHandler() {
 
@Override
public void onClick(ClickEvent event) {
BusEvenementiel.getInstance().fireEvent(new EvenementVoirDetailsImage(image));
}
});
vue.getVoirMotsCles().addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent event) {
if(!motsClesOuverts) {
afficherPanneauMotsCles();
} else {
cacherPanneauMotsCles();
}
 
}
});
 
BusEvenementiel.getInstance().addHandler(EvenementVoirDetailsImage.TYPE, new GestionnaireEvenementVoirDetailsImage() {
@Override
public void onVoirDetailsImage(EvenementVoirDetailsImage event) {
if (image.getIdImage().equals(event.getImage().getIdImage())) {
if (!detailsOuverts) {
afficherDetails();
} else {
cacherDetails();
}
} else {
cacherDetails();
}
}
});
 
BusEvenementiel.getInstance().addHandler(EvenementChangementProtocole.TYPE, new GestionnaireEvenementChangementProtocole() {
@Override
public void onChangementProtocole(EvenementChangementProtocole event) {
setProtocole(event.getProtocole());
chargerDonneesValidation();
}
});
}
 
protected void afficherPanneauMotsCles() {
vue.afficherZoneMotsCles();
motsClesOuverts = true;
motsClesImagePresenteur.chargerMotsCles();
motsClesImagePresenteur.focuserChampsSaisie();
}
protected void cacherPanneauMotsCles() {
vue.cacherZoneMotsCles();
motsClesOuverts = false;
}
 
public void cacherDetails() {
vue.cacherZoneCache();
detailsOuverts = false;
}
 
public void afficherDetails() {
vue.afficherZoneCache();
detailsOuverts = true;
}
 
public boolean isDetailsOpen() {
return detailsOuverts;
}
 
public Protocole getProtocole() {
return protocole;
}
 
public void setProtocole(Protocole protocole) {
this.protocole = protocole;
}
}
/trunk/src/org/tela_botanica/del/client/vues/pictoflora/resultats/images/ImageVue.java
New file
0,0 → 1,165
package org.tela_botanica.del.client.vues.pictoflora.resultats.images;
 
import org.tela_botanica.del.client.i18n.I18n;
 
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.HTML;
import com.google.gwt.user.client.ui.HTMLPanel;
import com.google.gwt.user.client.ui.HasWidgets;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.Image;
import com.google.gwt.user.client.ui.IsWidget;
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 ImageVue extends Composite implements ImagePresenteur.Vue {
 
// Annotation can be used to change the name of the associated xml file
// @UiTemplate("ObservationVue.ui.xml")
interface MyUiBinder extends UiBinder<Widget, ImageVue> {
}
 
private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);
@UiField
protected HTML nomEspece, nomAuteur;
@UiField
protected HTMLPanel zoneVoter, zonePlus;
 
@UiField
protected HorizontalPanel voter;
 
@UiField
protected Panel zoneCache, zoneMotsCles;
 
@UiField
Image imagePrincipale;
 
@UiField
Label enSavoirPlus, voirMotsCles;
@UiField Panel metadonnees;
 
public ImageVue() {
// sets listBox
initWidget(uiBinder.createAndBindUi(this));
}
 
public HasWidgets getZoneVoter() {
return voter;
}
 
public void cacherZoneCache() {
zoneCache.setVisible(false);
}
 
public void afficherZoneCache() {
zoneCache.setVisible(true);
}
 
public void loadImage(org.tela_botanica.del.client.modeles.Image image) {
zoneCache.setVisible(false);
zoneMotsCles.setVisible(false);
nomEspece.setHTML("<p>"+image.getObservation().getNomRetenu()+"</p>");
nomAuteur.setHTML("<p>"+image.getObservation().getAuteur()+"</p>");
 
imagePrincipale.setUrl(image.getUrl());
imagePrincipale.setTitle(I18n.getVocabulary().indicationActionClicImage());
imagePrincipale.setAltText(image.getObservation().getAuteur() + " - " + image.getObservation().getNomRetenu());
String styleZonePlus = "image_determinee";
if(image.estADeterminer()) {
styleZonePlus = "image_non_determinee";
}
zonePlus.setTitle(I18n.getVocabulary().voirFicheIndividu());
zonePlus.addStyleName(styleZonePlus);
voirMotsCles.setTitle(I18n.getVocabulary().voirMotsCles());
enSavoirPlus.setTitle(I18n.getVocabulary().voirMetadonnees());
}
 
@Override
public HasClickHandlers getImagePrincipale() {
return imagePrincipale;
}
 
@Override
public IsWidget getImagePrincipaleWidget() {
return imagePrincipale;
}
@Override
public HasClickHandlers getEnSavoirPlus() {
return enSavoirPlus;
}
@Override
public HasClickHandlers getVoirMotsCles() {
return voirMotsCles;
}
 
@Override
public void setUrlImagePrincipale(String url) {
imagePrincipale.setUrl(url);
}
 
@Override
public void setTitreImagePrincipale(String titre) {
imagePrincipale.setTitle(titre);
}
 
@Override
public void setAltTextImagePrincipale(String altText) {
imagePrincipale.setAltText(altText);
}
 
@Override
public String getUrlImagePrincipale() {
return imagePrincipale.getUrl();
}
 
@Override
public String getTitreImagePrincipale() {
return imagePrincipale.getTitle();
}
 
@Override
public String getAltTextImagePrincipale() {
return imagePrincipale.getAltText();
}
 
@Override
public HasClickHandlers getNomAuteur() {
return nomAuteur;
}
@Override
public HasClickHandlers getNomEspece() {
return nomEspece;
}
public HasWidgets getMetadonnees() {
return metadonnees;
}
 
@Override
public void cacherZoneMotsCles() {
zoneMotsCles.setVisible(false);
}
 
@Override
public void afficherZoneMotsCles() {
zoneMotsCles.setVisible(true);
}
 
@Override
public HasWidgets getZoneMotsCles() {
return zoneMotsCles;
}
}
/trunk/src/org/tela_botanica/del/client/vues/pictoflora/resultats/images/image.css
New file
0,0 → 1,130
.observations {
width: 250px;
height: 250px;
margin-bottom: 50px;
}
 
.observations img {
width: 250px;
padding: 0;
}
 
.zoneCache {
position: absolute;
padding: 5px;
border: solid 1px #CCC;
background: #333;
opacity: 0.9;
color: white;
width: 250px;
z-index: 1000;
margin-top: 30px;
}
 
.zoneMotsCles {
position: absolute;
padding: 5px;
border: solid 1px #CCC;
background: #333;
opacity: 0.9;
color: white;
width: 239px;
z-index: 1000;
margin-top: 212px;
}
 
.enSavoirPlus {
position: absolute;
background: url(./img/ajouter.png) no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
margin-top: 3px;
margin-left: 3px;
}
 
.voirMotsCles {
position: absolute;
background: url(./img/tagger.png) no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
margin-top: 180px;
margin-left: 216px;
}
 
.zoom {
background: url(./img/loupe.png);
width: 30px;
height: 30px;
cursor: pointer;
margin-top: 3px;
position: absolute;
margin-left: 217px;
}
 
.espece {
font-size: 12px;
font-weight: bold;
color: white;
padding-left: 5px;
padding-right: 1px;
}
 
.zonePlus:hover {
background:#8EB533;
}
 
.espece p,.auteur p {
padding: 0px;
margin: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
min-height: 13px;
}
 
.zoneDetail {
position: absolute;
}
 
.zonePlus {
position: absolute;
width: 246px;
padding: 2px;
margin-top: -88px;
opacity: 0.9;
color: white;
text-align: left;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
background:#333;
}
 
.zoneImage {
cursor: pointer;
height: 280px;
margin-bottom: 20px;
background: #DDD;
}
 
.zoneVoter {
margin-top: -48px;
text-align: center;
opacity: 0.9;
width: 240px;
position: absolute;
height: 35px;
padding: 5px;
}
 
.metadonnees, .motsCles {
text-align: left;
}
 
.auteur {
padding-left: 5px;
padding-right: 1px;
padding-top: 3px;
}
/trunk/src/org/tela_botanica/del/client/vues/pictoflora/resultats/images/ImageVue.ui.xml
New file
0,0 → 1,30
<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="image.css" />
 
<g:HTMLPanel styleName="{style.observations}">
<g:HTMLPanel styleName="{style.zoneDetail}">
<g:Label ui:field="enSavoirPlus" text=" " styleName="{style.enSavoirPlus}"/>
<g:Label ui:field="voirMotsCles" text=" " styleName="{style.voirMotsCles}"/>
<g:HTMLPanel styleName="{style.zoneCache}" ui:field="zoneCache">
<g:HTMLPanel ui:field="metadonnees" styleName="{style.metadonnees}"/>
</g:HTMLPanel>
<g:HTMLPanel styleName="{style.zoneMotsCles}" ui:field="zoneMotsCles">
<g:HTMLPanel ui:field="motsCles" styleName="{style.motsCles}"/>
</g:HTMLPanel>
</g:HTMLPanel>
<g:HTMLPanel styleName="{style.zoneImage}"><g:Image ui:field="imagePrincipale" resource='{res.logo}'/></g:HTMLPanel>
<g:HTMLPanel styleName="{style.zonePlus}" ui:field="zonePlus">
<g:HTML ui:field="nomAuteur" styleName="petit {style.auteur}">Auteur</g:HTML>
<g:HTML ui:field="nomEspece" styleName="{style.espece}"></g:HTML>
</g:HTMLPanel>
<g:HTMLPanel styleName="{style.zoneVoter} arrondi-faible" ui:field="zoneVoter"><g:HorizontalPanel ui:field="voter"/></g:HTMLPanel>
</g:HTMLPanel>
</ui:UiBinder>