/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/pictoflora/resultats/ResultatPictofloraVue.java |
---|
New file |
0,0 → 1,263 |
package org.tela_botanica.del.client.vues.pictoflora.resultats; |
import java.util.ArrayList; |
import java.util.List; |
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.Button; |
import com.google.gwt.user.client.ui.Composite; |
import com.google.gwt.user.client.ui.HTMLPanel; |
import com.google.gwt.user.client.ui.HasWidgets; |
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 ResultatPictofloraVue extends Composite implements ResultatPictofloraPresenteur.Vue { |
@UiField |
Panel panneauChargement; |
private final List<HasWidgets> panneauxImages = new ArrayList<HasWidgets>(); |
private final int nbImagesPerPage = 10; |
private int numImage = 0; |
// Annotation can be used to change the name of the associated xml file |
// @UiTemplate("ObservationRechercheVue.ui.xml") |
interface MyUiBinder extends UiBinder<Widget, ResultatPictofloraVue> { |
} |
private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class); |
@UiField |
Panel panneauPagination, panneauPaginationHaut, zoneTri; |
@UiField |
HTMLPanel imageTable; |
@UiField |
Button triParMoyenneArithmetiqueAscendant, triParMoyenneArithmetiqueDescendant, triParDateAscendant, triParDateDescendant, triParNbTagsAscendant, triParNbTagsDescendant, triParPointsAscendant, triParPointsDescendant; |
@UiField |
Label aucunResultat; |
@UiField |
Label labelMoyenneArithmetique, labelDate, labelTag, labelPoints; |
// Constructeur |
public ResultatPictofloraVue() { |
initWidget(uiBinder.createAndBindUi(this)); |
} |
/** |
* Nettoie et remet à zéro les composants du panneau qui doivent l'être |
* */ |
public void nettoyer() { |
setNumImage(0); |
imageTable.clear(); |
panneauxImages.clear(); |
} |
public void creerPanneauxObservations(int taille) { |
panneauxImages.clear(); |
for (int i = 0; i < taille; i++) { |
Panel imagePanel = new HTMLPanel(""); |
panneauxImages.add(imagePanel); |
} |
} |
public void afficherElementsAucunResultatTrouve() { |
imageTable.clear(); |
aucunResultat.setVisible(true); |
panneauPaginationHaut.setVisible(false); |
panneauPagination.setVisible(false); |
zoneTri.setVisible(false); |
} |
public void afficherElementsResultatsTrouve() { |
aucunResultat.setVisible(false); |
panneauPaginationHaut.setVisible(true); |
panneauPagination.setVisible(true); |
zoneTri.setVisible(true); |
} |
public void setNumImage(int numImage) { |
this.numImage = numImage; |
} |
public void startChargement() { |
panneauChargement.setHeight((this.getOffsetHeight() - (panneauPagination.getOffsetHeight() * 2)) + "px"); |
panneauChargement.setVisible(true); |
} |
public void stopChargement() { |
panneauChargement.setVisible(false); |
} |
public HTMLPanel getImageTable() { |
return imageTable; |
} |
public int getNumImage() { |
return numImage; |
} |
public Panel getPanneauChargement() { |
return panneauChargement; |
} |
public Panel getPanneauPagination() { |
return panneauPagination; |
} |
public Panel getPanneauPaginationHaut() { |
return panneauPaginationHaut; |
} |
public int getNbImagesPerPage() { |
return nbImagesPerPage; |
} |
public List<HasWidgets> getPanneauxImages() { |
return panneauxImages; |
} |
public Button getTriParMoyenneArithmetiqueAscendant() { |
return triParMoyenneArithmetiqueAscendant; |
} |
public Button getTriParMoyenneArithmetiqueDescendant() { |
return triParMoyenneArithmetiqueDescendant; |
} |
public Button getTriParDateAscendant() { |
return triParDateAscendant; |
} |
public Button getTriParDateDescendant() { |
return triParDateDescendant; |
} |
public Button getTriParPointsAscendant() { |
return triParPointsAscendant; |
} |
public Button getTriParPointsDescendant() { |
return triParPointsDescendant; |
} |
@Override |
public Label getLabelMoyenneArithmetique() { |
return labelMoyenneArithmetique; |
} |
@Override |
public void masquerMoyenneArithmetiqueAscendant() { |
triParMoyenneArithmetiqueAscendant.setVisible(false); |
} |
@Override |
public void masquerMoyenneArithmetiqueDescendant() { |
triParMoyenneArithmetiqueDescendant.setVisible(false); |
} |
@Override |
public void afficherMoyenneArithmetiqueAscendant() { |
triParMoyenneArithmetiqueAscendant.setVisible(true); |
} |
@Override |
public void afficherMoyenneArithmetiqueDescendant() { |
triParMoyenneArithmetiqueDescendant.setVisible(true); |
} |
@Override |
public Label getLabelPoints() { |
return labelPoints; |
} |
@Override |
public void afficherPointsAscendant() { |
triParPointsAscendant.setVisible(true); |
} |
@Override |
public void afficherPointsDescendant() { |
triParPointsDescendant.setVisible(true); |
} |
@Override |
public void masquerPointsAscendant() { |
triParPointsAscendant.setVisible(false); |
} |
@Override |
public void masquerPointsDescendant() { |
triParPointsDescendant.setVisible(false); |
} |
@Override |
public Label getLabelDate() { |
return labelDate; |
} |
@Override |
public Label getLabelTag() { |
return labelTag; |
} |
@Override |
public void masquerDateAscendant() { |
triParDateAscendant.setVisible(false); |
} |
@Override |
public void masquerDateDescendant() { |
triParDateDescendant.setVisible(false); |
} |
@Override |
public void afficherDateAscendant() { |
triParDateAscendant.setVisible(true); |
} |
@Override |
public void afficherDateDescendant() { |
triParDateDescendant.setVisible(true); |
} |
@Override |
public HasClickHandlers getTriParNbTagsAscendant() { |
return triParNbTagsAscendant; |
} |
@Override |
public HasClickHandlers getTriParNbTagsDescendant() { |
return triParNbTagsDescendant; |
} |
@Override |
public void afficherTagAscendant() { |
triParNbTagsAscendant.setVisible(true); |
} |
@Override |
public void masquerTagAscendant() { |
triParNbTagsAscendant.setVisible(false); |
} |
@Override |
public void afficherTagDescendant() { |
triParNbTagsDescendant.setVisible(true); |
} |
@Override |
public void masquerTagDescendant() { |
triParNbTagsDescendant.setVisible(false); |
} |
} |
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/pictoflora/resultats/ResultatPictoflora.css |
---|
New file |
0,0 → 1,68 |
.contenuResultat { |
text-align: center; |
} |
.barreNavigation { |
max-width: 810px; |
margin-top: -15px; |
padding-bottom: 20px |
} |
.moyenneArithmetique, .points, .date, .tag { |
padding-left: 10px; |
padding-top: 3px; |
cursor: pointer; |
} |
.zoneTri { |
padding-left: 10px; |
float: right; |
} |
.labeltri { |
padding-top: 3px; |
} |
.protocoles { |
padding-left: 10px; |
} |
.paginationHaut { |
} |
.images { |
width: 100%; |
clear: left; |
margin-top: 10px; |
margin-left:15px; |
} |
.images>div { |
float: left; |
margin: 0 20px 50px 0px |
} |
.boutonTriAsc,.boutonTriDesc { |
border: none; |
cursor: pointer; |
} |
.boutonTriAsc:hover,.boutonTriDesc:hover { |
border:dotted 1px #8EB533; |
border-width:0 0 1px 0; |
} |
.boutonTriAsc { |
height: 19px; |
background: url(./img/fleche-haut.png) no-repeat |
} |
.boutonTriDesc { |
height: 19px; |
background: url(./img/fleche-bas.png) no-repeat |
} |
.aucunResultat { |
text-align: left; |
} |
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/pictoflora/resultats/ResultatPictofloraVue.ui.xml |
---|
New file |
0,0 → 1,48 |
<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:style src="ResultatPictoflora.css" /> |
<ui:with field="constants" type="org.tela_botanica.del.client.i18n.Vocabulary" /> |
<g:HTMLPanel styleName="{style.contenuResultat}"> |
<g:HTMLPanel styleName="{style.barreNavigation} limiteMax limiteMin"> |
<g:VerticalPanel ui:field="panneauPaginationHaut" styleName="gauche {style.paginationHaut}" /> |
<g:HTMLPanel ui:field="zoneTri" styleName="gauche {style.zoneTri} petit"> |
<g:Label text="{constants.tri}" styleName="gauche {style.labeltri}"/> |
<g:HTMLPanel ui:field="triParDate" styleName="gauche"> |
<g:Label text="{constants.triParDatePubli}" title="{constants.triParDatePubliTooltip}" styleName="gauche {style.date}" ui:field="labelDate"/> |
<g:Button title="{constants.triParDatePubliAscendant}" ui:field="triParDateAscendant" styleName="{style.boutonTriAsc} gauche" /> |
<g:Button title="{constants.triParDatePubliDescendant}" ui:field="triParDateDescendant" styleName="{style.boutonTriDesc} gauche" /> |
</g:HTMLPanel> |
<g:HTMLPanel ui:field="triParMoyenneArithmetique" styleName="gauche"> |
<g:Label text="{constants.triParMoyenneArithmetique}" title="{constants.triParMoyenneArithmetiqueTooltip}" styleName="gauche {style.moyenneArithmetique}" ui:field="labelMoyenneArithmetique"/> |
<g:Button title="{constants.triParMoyenneArithmetiqueAscendant}" ui:field="triParMoyenneArithmetiqueAscendant" styleName="{style.boutonTriAsc} gauche" /> |
<g:Button title="{constants.triParMoyenneArithmetiqueDescendant}" ui:field="triParMoyenneArithmetiqueDescendant" styleName="{style.boutonTriDesc} gauche" /> |
</g:HTMLPanel> |
<g:HTMLPanel ui:field="triParPoints" styleName="gauche"> |
<g:Label text="{constants.triParNbPoints}" title="{constants.triParNbPointsTooltip}" styleName="gauche {style.points}" ui:field="labelPoints"/> |
<g:Button title="{constants.triParNbPointsAscendant}" ui:field="triParPointsAscendant" styleName="{style.boutonTriAsc} gauche" /> |
<g:Button title="{constants.triParNbPointsDescendant}" ui:field="triParPointsDescendant" styleName="{style.boutonTriDesc} gauche" /> |
</g:HTMLPanel> |
<g:HTMLPanel ui:field="triParNbTags" styleName="gauche"> |
<g:Label text="{constants.triParNbTags}" title="{constants.triParNbTagsTooltip}" styleName="gauche {style.tag}" ui:field="labelTag"/> |
<g:Button title="{constants.triParNbTagsAscendant}" ui:field="triParNbTagsAscendant" styleName="{style.boutonTriAsc} gauche" /> |
<g:Button title="{constants.triParNbTagsDescendant}" ui:field="triParNbTagsDescendant" styleName="{style.boutonTriDesc} gauche" /> |
</g:HTMLPanel> |
</g:HTMLPanel> |
</g:HTMLPanel> |
<g:VerticalPanel ui:field="panneauChargement"> |
<g:Image url="./img/wait.gif"></g:Image> |
</g:VerticalPanel> |
<g:Label ui:field="aucunResultat" styleName="{style.aucunResultat}" text="{constants.aucunResultat}" visible="false" /> |
<g:HTMLPanel ui:field="imageTable" styleName="{style.images}" /> |
<g:HTMLPanel styleName="nettoyage"></g:HTMLPanel> |
<g:VerticalPanel ui:field="panneauPagination" styleName="limiteMax limiteMin"/> |
</g:HTMLPanel> |
</ui:UiBinder> |
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/pictoflora/resultats/ResultatPictofloraPresenteur.java |
---|
New file |
0,0 → 1,434 |
package org.tela_botanica.del.client.vues.pictoflora.resultats; |
import java.util.List; |
import org.tela_botanica.del.client.cache.CacheClient; |
import org.tela_botanica.del.client.composants.pagination.PaginationPresenteur; |
import org.tela_botanica.del.client.composants.pagination.PaginationVue; |
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.modeles.ModeTri; |
import org.tela_botanica.del.client.modeles.Protocole; |
import org.tela_botanica.del.client.modeles.ProtocoleServiceResultat; |
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.services.rest.ImageService; |
import org.tela_botanica.del.client.services.rest.ProtocoleService; |
import org.tela_botanica.del.client.services.rest.async.ImagesParTaxonCallback; |
import org.tela_botanica.del.client.services.rest.async.ProtocolesCallback; |
import org.tela_botanica.del.client.vues.pictoflora.resultats.images.ImagePresenteur; |
import org.tela_botanica.del.client.vues.pictoflora.resultats.images.ImageVue; |
import com.google.gwt.core.shared.GWT; |
import com.google.gwt.dom.client.NodeList; |
import com.google.gwt.dom.client.OptionElement; |
import com.google.gwt.dom.client.SelectElement; |
import com.google.gwt.event.dom.client.ChangeEvent; |
import com.google.gwt.event.dom.client.ChangeHandler; |
import com.google.gwt.event.dom.client.ClickEvent; |
import com.google.gwt.event.dom.client.ClickHandler; |
import com.google.gwt.event.dom.client.HasChangeHandlers; |
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; |
import com.google.gwt.user.client.ui.ListBox; |
public class ResultatPictofloraPresenteur { |
public interface Vue extends IsWidget { |
public void startChargement(); |
public void nettoyer(); |
public void creerPanneauxObservations(int size); |
public void stopChargement(); |
public List<HasWidgets> getPanneauxImages(); |
public HasWidgets getPanneauPagination(); |
public HasWidgets getPanneauPaginationHaut(); |
public HasClickHandlers getTriParMoyenneArithmetiqueAscendant(); |
public HasClickHandlers getTriParMoyenneArithmetiqueDescendant(); |
public HasClickHandlers getTriParPointsAscendant(); |
public HasClickHandlers getTriParPointsDescendant(); |
public HasClickHandlers getTriParDateAscendant(); |
public HasClickHandlers getTriParDateDescendant(); |
public HasClickHandlers getTriParNbTagsAscendant(); |
public HasClickHandlers getTriParNbTagsDescendant(); |
public void afficherElementsAucunResultatTrouve(); |
public void afficherElementsResultatsTrouve(); |
public HTMLPanel getImageTable(); |
public HasClickHandlers getLabelMoyenneArithmetique(); |
public void masquerMoyenneArithmetiqueAscendant(); |
public void masquerMoyenneArithmetiqueDescendant(); |
public void afficherMoyenneArithmetiqueAscendant(); |
public void afficherMoyenneArithmetiqueDescendant(); |
public HasClickHandlers getLabelDate(); |
public void masquerDateAscendant(); |
public void masquerDateDescendant(); |
public void afficherDateAscendant(); |
public void afficherDateDescendant(); |
public HasClickHandlers getLabelTag(); |
public void masquerTagAscendant(); |
public void afficherTagDescendant(); |
public void masquerTagDescendant(); |
public void afficherTagAscendant(); |
public HasClickHandlers getLabelPoints(); |
public void afficherPointsAscendant(); |
public void afficherPointsDescendant(); |
public void masquerPointsAscendant(); |
public void masquerPointsDescendant(); |
} |
private Vue vue; |
private ImageService imageService; |
private ModeTri triCourantMoyenneArithmetique = ModeTri.TRI_ASCENDANT; |
private ModeTri triCourantPoints = ModeTri.TRI_ASCENDANT; |
private ModeTri triCourantDate = ModeTri.TRI_DESCENDANT; |
private ModeTri triCourantTag = ModeTri.TRI_DESCENDANT; |
public ResultatPictofloraPresenteur(ImageService imageService, ProtocoleService protocoleService, Vue vue) { |
this.vue = vue; |
this.imageService = imageService; |
} |
public void go(HasWidgets composite) { |
composite.add(vue.asWidget()); |
vue.startChargement(); |
rechercherImagesEtCreerWidgetPagination(); |
gererEvenements(); |
vue.masquerMoyenneArithmetiqueDescendant(); |
vue.masquerMoyenneArithmetiqueAscendant(); |
vue.masquerDateDescendant(); |
vue.masquerDateAscendant(); |
vue.masquerTagAscendant(); |
vue.masquerTagDescendant(); |
vue.masquerPointsAscendant(); |
vue.masquerPointsDescendant(); |
initialiserAPartirInfosCache(); |
} |
private void initialiserAPartirInfosCache() { |
InformationsRecherche infos = CacheClient.getInstance().getInformationsRechercheImage(); |
if (infos.getTriParDatePublication() != ModeTri.PAS_DE_TRI) { |
triCourantDate = infos.getTriParDatePublication(); |
mettreAJourAffichageTriDate(); |
} |
if (infos.getTriParMoyenneArithmetique() != ModeTri.PAS_DE_TRI) { |
triCourantMoyenneArithmetique = infos.getTriParMoyenneArithmetique(); |
mettreAJourAffichageTriMoyenneArithmetique(); |
} |
if (infos.getTriParNbPoints() != ModeTri.PAS_DE_TRI) { |
triCourantPoints = infos.getTriParNbPoints(); |
mettreAJourAffichageTriPoints(); |
} |
if (infos.getTriParNbTags() != ModeTri.PAS_DE_TRI) { |
triCourantTag = infos.getTriParNbTags(); |
mettreAjourAffichageTriTag(); |
} |
} |
public void gererEvenements() { |
ClickHandler surClicTriMoyenneArithmetique = new ClickHandler() { |
@Override |
public void onClick(ClickEvent event) { |
surClicTriMoyenneArithmetique(); |
} |
}; |
vue.getLabelMoyenneArithmetique().addClickHandler(surClicTriMoyenneArithmetique); |
vue.getTriParMoyenneArithmetiqueAscendant().addClickHandler(surClicTriMoyenneArithmetique); |
vue.getTriParMoyenneArithmetiqueDescendant().addClickHandler(surClicTriMoyenneArithmetique); |
ClickHandler surClicTriPoints = new ClickHandler() { |
@Override |
public void onClick(ClickEvent event) { |
surClicTriPoints(); |
} |
}; |
vue.getLabelPoints().addClickHandler(surClicTriPoints); |
vue.getTriParPointsAscendant().addClickHandler(surClicTriPoints); |
vue.getTriParPointsDescendant().addClickHandler(surClicTriPoints); |
ClickHandler surClicTriDate = new ClickHandler() { |
@Override |
public void onClick(ClickEvent event) { |
surClicTriDate(); |
} |
}; |
vue.getLabelDate().addClickHandler(surClicTriDate); |
vue.getTriParDateAscendant().addClickHandler(surClicTriDate); |
vue.getTriParDateDescendant().addClickHandler(surClicTriDate); |
ClickHandler surClicTriTag = new ClickHandler() { |
@Override |
public void onClick(ClickEvent event) { |
surClicTriTag(); |
} |
}; |
vue.getLabelTag().addClickHandler(surClicTriTag); |
vue.getTriParNbTagsAscendant().addClickHandler(surClicTriTag); |
vue.getTriParNbTagsDescendant().addClickHandler(surClicTriTag); |
BusEvenementiel.getInstance().addHandler(EvenementChangementProtocole.TYPE, new GestionnaireEvenementChangementProtocole() { |
@Override |
public void onChangementProtocole(EvenementChangementProtocole event) { |
InformationsRecherche informationsRechercheImages = CacheClient.getInstance().getInformationsRechercheImage(); |
if (informationsRechercheImages.getTriParMoyenneArithmetique() != ModeTri.PAS_DE_TRI) { |
informationsRechercheImages.setIdProtocoleSelectionne(event.getProtocole().getId() + ""); |
chargerEtAfficherImagesPageEnCours(); |
} |
} |
}); |
} |
protected void surClicTriTag() { |
triCourantTag = (triCourantTag == ModeTri.TRI_ASCENDANT) ? ModeTri.TRI_DESCENDANT : ModeTri.TRI_ASCENDANT; |
mettreAjourAffichageTriTag(); |
InformationsRecherche informationsRechercheImages = CacheClient.getInstance().getInformationsRechercheImage(); |
informationsRechercheImages.setTriParNbTags(triCourantTag); |
informationsRechercheImages.setTriParDatePublication(ModeTri.PAS_DE_TRI); |
informationsRechercheImages.setTriParMoyenneArithmetique(ModeTri.PAS_DE_TRI); |
informationsRechercheImages.setTriParNbPoints(ModeTri.PAS_DE_TRI); |
chargerEtAfficherImagesPageEnCours(); |
} |
private void mettreAjourAffichageTriTag() { |
vue.masquerDateDescendant(); |
vue.masquerDateAscendant(); |
vue.masquerMoyenneArithmetiqueDescendant(); |
vue.masquerMoyenneArithmetiqueAscendant(); |
vue.masquerPointsAscendant(); |
vue.masquerPointsDescendant(); |
if (triCourantTag == ModeTri.TRI_ASCENDANT) { |
vue.masquerTagDescendant(); |
vue.afficherTagAscendant(); |
} else { |
vue.masquerTagAscendant(); |
vue.afficherTagDescendant(); |
} |
} |
public void surClicTriMoyenneArithmetique() { |
triCourantMoyenneArithmetique = (triCourantMoyenneArithmetique == ModeTri.TRI_ASCENDANT) ? ModeTri.TRI_DESCENDANT : ModeTri.TRI_ASCENDANT; |
mettreAJourAffichageTriMoyenneArithmetique(); |
InformationsRecherche informationsRechercheImages = CacheClient.getInstance().getInformationsRechercheImage(); |
int IdProtocole = CacheClient.getInstance().getProtocoleCourant().getId(); |
informationsRechercheImages.setTriParMoyenneArithmetique(triCourantMoyenneArithmetique); |
informationsRechercheImages.setIdProtocoleSelectionne(IdProtocole + ""); |
informationsRechercheImages.setTriParDatePublication(ModeTri.PAS_DE_TRI); |
informationsRechercheImages.setTriParNbTags(ModeTri.PAS_DE_TRI); |
informationsRechercheImages.setTriParNbPoints(ModeTri.PAS_DE_TRI); |
chargerEtAfficherImagesPageEnCours(); |
} |
private void mettreAJourAffichageTriMoyenneArithmetique() { |
vue.masquerDateDescendant(); |
vue.masquerDateAscendant(); |
vue.masquerTagAscendant(); |
vue.masquerTagDescendant(); |
vue.masquerPointsAscendant(); |
vue.masquerPointsDescendant(); |
if (triCourantMoyenneArithmetique == ModeTri.TRI_ASCENDANT) { |
vue.masquerMoyenneArithmetiqueDescendant(); |
vue.afficherMoyenneArithmetiqueAscendant(); |
} else { |
vue.masquerMoyenneArithmetiqueAscendant(); |
vue.afficherMoyenneArithmetiqueDescendant(); |
} |
} |
public void surClicTriPoints() { |
triCourantPoints = (triCourantPoints == ModeTri.TRI_ASCENDANT) ? ModeTri.TRI_DESCENDANT : ModeTri.TRI_ASCENDANT; |
mettreAJourAffichageTriPoints(); |
InformationsRecherche informationsRechercheImages = CacheClient.getInstance().getInformationsRechercheImage(); |
int IdProtocole = CacheClient.getInstance().getProtocoleCourant().getId(); |
informationsRechercheImages.setTriParNbPoints(triCourantPoints); |
informationsRechercheImages.setIdProtocoleSelectionne(IdProtocole + ""); |
informationsRechercheImages.setTriParDatePublication(ModeTri.PAS_DE_TRI); |
informationsRechercheImages.setTriParNbTags(ModeTri.PAS_DE_TRI); |
informationsRechercheImages.setTriParMoyenneArithmetique(ModeTri.PAS_DE_TRI); |
chargerEtAfficherImagesPageEnCours(); |
} |
private void mettreAJourAffichageTriPoints() { |
vue.masquerDateDescendant(); |
vue.masquerDateAscendant(); |
vue.masquerTagAscendant(); |
vue.masquerTagDescendant(); |
vue.masquerMoyenneArithmetiqueAscendant(); |
vue.masquerMoyenneArithmetiqueDescendant(); |
if (triCourantPoints == ModeTri.TRI_ASCENDANT) { |
vue.masquerPointsDescendant(); |
vue.afficherPointsAscendant(); |
} else { |
vue.masquerPointsAscendant(); |
vue.afficherPointsDescendant(); |
} |
} |
public void surClicTriDate() { |
triCourantDate = (triCourantDate == ModeTri.TRI_ASCENDANT) ? ModeTri.TRI_DESCENDANT : ModeTri.TRI_ASCENDANT; |
mettreAJourAffichageTriDate(); |
InformationsRecherche informationsRechercheImages = CacheClient.getInstance().getInformationsRechercheImage(); |
informationsRechercheImages.setTriParDatePublication(triCourantDate); |
informationsRechercheImages.setTriParMoyenneArithmetique(ModeTri.PAS_DE_TRI); |
informationsRechercheImages.setTriParNbTags(ModeTri.PAS_DE_TRI); |
informationsRechercheImages.setTriParNbPoints(ModeTri.PAS_DE_TRI); |
chargerEtAfficherImagesPageEnCours(); |
} |
private void mettreAJourAffichageTriDate() { |
vue.masquerTagAscendant(); |
vue.masquerTagDescendant(); |
vue.masquerMoyenneArithmetiqueDescendant(); |
vue.masquerMoyenneArithmetiqueAscendant(); |
vue.masquerPointsAscendant(); |
vue.masquerPointsDescendant(); |
if (triCourantDate == ModeTri.TRI_ASCENDANT) { |
vue.masquerDateDescendant(); |
vue.afficherDateAscendant(); |
} else { |
vue.masquerDateAscendant(); |
vue.afficherDateDescendant(); |
} |
} |
public void rechercherImagesEtCreerWidgetPagination() { |
// appel du service d'image pour avoir le nb total d'elements pour la |
// pagination |
ImagesParTaxonCallback callback = new ImagesParTaxonCallback() { |
@Override |
public void surRetour(ImageServiceResultat imagesRecues) { |
creerWidgetPagination(imagesRecues.getNbTotalImagesPourLaRecherche()); |
afficherImages(imagesRecues); |
} |
@Override |
public void surErreur(String messageErreur) { |
Window.alert(messageErreur); |
} |
}; |
final int debut = (CacheClient.getInstance().getPageCouranteRechercheImage() - 1) * CacheClient.getInstance().getPasPagination(); |
final int fin = (CacheClient.getInstance().getPageCouranteRechercheImage()) * CacheClient.getInstance().getPasPagination(); |
imageService.getImagesParTaxon(CacheClient.getInstance().getInformationsRechercheImage(), debut, fin, callback); |
} |
private void chargerEtAfficherImages(final int premier, final int dernier) { |
vue.startChargement(); |
vue.nettoyer(); |
ImagesParTaxonCallback callback = new ImagesParTaxonCallback() { |
@Override |
public void surRetour(ImageServiceResultat imagesRecues) { |
afficherImages(imagesRecues); |
} |
@Override |
public void surErreur(String messageErreur) { |
Window.alert(messageErreur); |
} |
}; |
imageService.getImagesParTaxon(CacheClient.getInstance().getInformationsRechercheImage(), premier, dernier, callback); |
} |
public void afficherImages(ImageServiceResultat imageServiceResult) { |
List<Image> images = imageServiceResult.getImages(); |
if (images == null || images.size() == 0) { |
vue.afficherElementsAucunResultatTrouve(); |
} else { |
vue.afficherElementsResultatsTrouve(); |
for (Image image : images) { |
ImagePresenteur imagePresenteur = new ImagePresenteur(image, imageService, CacheClient.getInstance().getProtocoleCourant(), new ImageVue()); |
imagePresenteur.go(vue.getImageTable()); |
} |
} |
CacheClient.getInstance().mettreAjourUrlCourante(); |
vue.stopChargement(); |
} |
private void creerWidgetPagination(int nbImages) { |
PaginationPresenteur imagesPaginationPresenteurHaut = creerPresenteurPagination(nbImages); |
PaginationPresenteur imagesPaginationPresenteurBas = creerPresenteurPagination(nbImages); |
imagesPaginationPresenteurHaut.setGroupePagination("pagination_images"); |
imagesPaginationPresenteurBas.setGroupePagination("pagination_images"); |
imagesPaginationPresenteurHaut.go(vue.getPanneauPaginationHaut()); |
imagesPaginationPresenteurBas.go(vue.getPanneauPagination()); |
} |
public PaginationPresenteur creerPresenteurPagination(int nbImages) { |
PaginationPresenteur imagesPaginationPresenteur = new PaginationPresenteur(new PaginationVue(), nbImages, CacheClient.getInstance().getPasPagination(), CacheClient.getInstance().getPageCouranteRechercheImage()) { |
@Override |
public void chargerElements(int debut, int fin) { |
chargerEtAfficherImages(debut, fin); |
CacheClient.getInstance().setPageCouranteRechercheImages(getPageCourante()); |
} |
@Override |
public void actualiserPasCache(int pas) { |
CacheClient.getInstance().setPasPagination(pas); |
} |
}; |
return imagesPaginationPresenteur; |
} |
public void chargerEtAfficherImagesPageEnCours() { |
final int debut = (CacheClient.getInstance().getPageCouranteRechercheImage() - 1) * CacheClient.getInstance().getPasPagination(); |
final int fin = (CacheClient.getInstance().getPageCouranteRechercheImage()) * CacheClient.getInstance().getPasPagination(); |
chargerEtAfficherImages(debut, fin); |
} |
public Vue getVue() { |
return vue; |
} |
} |
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/pictoflora/resultats/images/ImageVue.ui.xml |
---|
New file |
0,0 → 1,45 |
<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:HTMLPanel ui:field="cadreBtnVoirInfoObs" styleName="{style.cadreBtnVoirInfoObs}"> |
<g:PushButton ui:field="btnVoirInfoObs" text=" " styleName="{style.btnVoirInfoObs}"/> |
</g:HTMLPanel> |
<g:HTMLPanel ui:field="cadreBtnVoirTags" styleName="{style.cadreBtnVoirTags}"> |
<g:PushButton ui:field="btnVoirTags" styleName="{style.btnVoirTags}"/> |
</g:HTMLPanel> |
<g:HTMLPanel ui:field="zoneActionsImage" styleName="{style.zoneActionsImg}"> |
<g:HTMLPanel ui:field="cadreBtnSupprImage" styleName="{style.cadreBtnSupprImg}"> |
<g:PushButton ui:field="btnSupprImg" styleName="{style.btnSupprImg}"/> |
</g:HTMLPanel> |
</g:HTMLPanel> |
<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:Button ui:field="boutonFermer" styleName="{style.boutonFermer}"/> |
<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> |
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/pictoflora/resultats/images/ImagePresenteur.java |
---|
New file |
0,0 → 1,334 |
package org.tela_botanica.del.client.vues.pictoflora.resultats.images; |
import java.util.HashMap; |
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.votes.moyennevotes.MoyenneVotePresenteur; |
import org.tela_botanica.del.client.composants.votes.moyennevotes.MoyenneVoteVue; |
import org.tela_botanica.del.client.config.Config; |
import org.tela_botanica.del.client.i18n.I18n; |
import org.tela_botanica.del.client.modeles.Commentaire; |
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.Utilisateur; |
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.changementEtatUtilisateur.EvenementChangementEtatUtilisateur; |
import org.tela_botanica.del.client.navigation.evenement.changementEtatUtilisateur.GestionnaireEvenementChangementEtatUtilisateur; |
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.fermermotcleimage.EvenementFermerMotCleImage; |
import org.tela_botanica.del.client.navigation.evenement.fermermotcleimage.GestionnaireEvenementFermerMotCleImage; |
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.suppressioncommentaire.EvenementSuppressionCommentaire; |
import org.tela_botanica.del.client.navigation.evenement.supprimerImage.EvenementSupprimerImage; |
import org.tela_botanica.del.client.navigation.evenement.supprimerImage.GestionnaireEvenementSupprimerImage; |
import org.tela_botanica.del.client.navigation.evenement.validationobservationpictoflora.EvenementValidationPictoflora; |
import org.tela_botanica.del.client.services.rest.ImageService; |
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.SuppressionCommentaireCallback; |
import org.tela_botanica.del.client.services.rest.async.SuppressionImageCallback; |
import com.google.gwt.core.shared.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; |
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(); |
public HasClickHandlers getBoutonFermer(); |
public void ajouterStyleLienAuteur(); |
public HasClickHandlers getBoutonSupprimerImage(); |
public void cacherZoneActionsImage(); |
public void afficherZoneActionsImage(); |
} |
private Vue vue; |
private final Image image; |
private ImageService imageService; |
private boolean detailsOuverts = false; |
private Protocole protocole; |
private boolean motsClesOuverts = false; |
private MotsClesImagePresenteur motsClesImagePresenteur; |
final FenetreOverlaySimplePresenteur fenetreOverlaySimplePresenteur = new FenetreOverlaySimplePresenteur(new FenetreOverlayDefilanteVue()); |
public ImagePresenteur(Image image, ImageService imageService, Protocole protocole, Vue vue) { |
this.image = image; |
this.imageService = imageService; |
this.protocole = protocole; |
this.vue = vue; |
} |
public void go(HasWidgets composite) { |
composite.add(vue.asWidget()); |
vue.loadImage(image); |
try { |
// pas de profil pour les non inscrits |
Integer.parseInt(image.getObservation().getIdAuteur()); |
vue.ajouterStyleLienAuteur(); |
vue.getNomAuteur().addClickHandler(new ClickHandler() { |
@Override |
public void onClick(ClickEvent event) { |
Config config = new Config(); |
Window.open(new Config().getUrl("profil") + image.getObservation().getIdAuteur(), "Profil utilisateur", config.getInfo("popupOptions")); |
} |
}); |
} catch(Exception e) { |
// pas de bol mon coco |
} |
new MetadonneesPresenteur(new MetadonneesVue(), image.getObservation(), ModeRecherche.MODE_IMAGE, true).go(vue.getMetadonnees()); |
chargerDonneesValidation(); |
afficherZoneActionsImage(); |
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.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) { |
CacheClient.getInstance().setImageCourante(image); |
motsClesImagePresenteur = new MotsClesImagePresenteur( |
image, |
new MotsClesServiceConcret(), |
new FormulaireSaisieMotsClesImagePresenteur( |
image.getIdImage(), |
new MotsClesServiceConcret(), |
new FormulaireSaisieMotsClesImageVue()), |
new MotsClesImageVue()); |
motsClesImagePresenteur.chargerMotsCles(); |
fenetreOverlaySimplePresenteur.ouvrirFenetreModale(motsClesImagePresenteur); |
} |
}); |
vue.getBoutonFermer().addClickHandler(new ClickHandler() { |
@Override |
public void onClick(ClickEvent event) { |
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(); |
} |
}); |
BusEvenementiel.getInstance().addHandler(EvenementFermerMotCleImage.TYPE, new GestionnaireEvenementFermerMotCleImage() { |
@Override |
public void onFermerMotCleImage(EvenementFermerMotCleImage evenementFermerMotCleImage) { |
if (evenementFermerMotCleImage.getIdImage().equals(image.getIdImage())) { |
fenetreOverlaySimplePresenteur.fermerFenetreModale(); |
} |
} |
}); |
BusEvenementiel.getInstance().addHandler(EvenementSupprimerImage.TYPE, new GestionnaireEvenementSupprimerImage() { |
@Override |
public void onSuppressionImage(EvenementSupprimerImage event) { |
GWT.log("Attraper evnt : EvenementSupprimerImage (img:"+image.getIdImage()+")"); |
if (event.getIdImage().equals(image.getIdImage())) { |
supprimerImg(); |
} |
} |
}); |
vue.getBoutonSupprimerImage().addClickHandler(new ClickHandler() { |
@Override |
public void onClick(ClickEvent event) { |
GWT.log("Lancer evnt : EvenementSupprimerImage"); |
if (Window.confirm(I18n.getVocabulary().confirmationSuppressionImg())) { |
BusEvenementiel.getInstance().fireEvent(new EvenementSupprimerImage(image.getIdImage())); |
} |
} |
}); |
BusEvenementiel.getInstance().addHandler(EvenementChangementEtatUtilisateur.TYPE, new GestionnaireEvenementChangementEtatUtilisateur() { |
@Override |
public void onModificationEtatUtilisateur(EvenementChangementEtatUtilisateur evenementChangementEtatUtilisateur) { |
afficherZoneActionsImage(); |
} |
}); |
} |
private void supprimerImg() { |
if (avoirUtilisateurAdmin()) { |
GWT.log("supprimerImg :"+image.getIdImage()); |
imageService.supprimer(image, new SuppressionImageCallback() { |
@Override |
public void surRetour(String suppressionOk) { |
GWT.log("Suppression image "+image.getIdImage()+" "+suppressionOk); |
if (suppressionOk.equals("OK")) { |
vue.asWidget().removeFromParent(); |
} |
} |
}); |
} |
} |
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; |
} |
private void afficherZoneActionsImage() { |
if (avoirUtilisateurAdmin()) { |
vue.afficherZoneActionsImage(); |
} else { |
vue.cacherZoneActionsImage(); |
} |
} |
private boolean avoirUtilisateurAdmin() { |
Utilisateur utilisateur = CacheClient.getInstance().getUtilisateur(); |
boolean etreAdmin = false; |
if (utilisateur != null) { |
etreAdmin = utilisateur.estIdentifie() && utilisateur.etreAdmin(); |
} |
return etreAdmin; |
} |
} |
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/pictoflora/resultats/images/ImageVue.java |
---|
New file |
0,0 → 1,191 |
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.Button; |
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.PushButton; |
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, zoneActionsImage; |
@UiField |
protected HorizontalPanel voter; |
@UiField |
protected Panel zoneCache, zoneMotsCles; |
@UiField |
Image imagePrincipale; |
@UiField |
PushButton btnSupprImg, btnVoirTags, btnVoirInfoObs; |
@UiField |
Button boutonFermer; |
@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.setPixelSize(250, 250); |
imagePrincipale.setTitle(I18n.getVocabulary().indicationActionClicImage()); |
imagePrincipale.setAltText(image.getObservation().getAuteur() + " - " + image.getObservation().getNomRetenu()); |
btnVoirTags.setTitle(I18n.getVocabulary().voirMotsCles()); |
btnVoirInfoObs.setTitle(I18n.getVocabulary().voirMetadonnees()); |
zoneActionsImage.setTitle(I18n.getVocabulary().supprimerImage()); |
} |
@Override |
public HasClickHandlers getImagePrincipale() { |
return imagePrincipale; |
} |
@Override |
public IsWidget getImagePrincipaleWidget() { |
return imagePrincipale; |
} |
@Override |
public HasClickHandlers getEnSavoirPlus() { |
return btnVoirInfoObs; |
} |
@Override |
public HasClickHandlers getVoirMotsCles() { |
return btnVoirTags; |
} |
@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; |
} |
@Override |
public HasClickHandlers getBoutonFermer() { |
return boutonFermer; |
} |
@Override |
public void ajouterStyleLienAuteur() { |
nomAuteur.addStyleName("lien"); |
} |
@Override |
public HasClickHandlers getBoutonSupprimerImage() { |
return btnSupprImg; |
} |
@Override |
public void cacherZoneActionsImage() { |
zoneActionsImage.setVisible(false); |
} |
@Override |
public void afficherZoneActionsImage() { |
zoneActionsImage.setVisible(true); |
} |
} |
/branches/v1.7-oxygene/src/org/tela_botanica/del/client/vues/pictoflora/resultats/images/image.css |
---|
New file |
0,0 → 1,144 |
.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: 238px; |
z-index: 1000; |
margin-top: 35px; |
} |
.zoneMotsCles { |
position: absolute; |
padding: 5px; |
border: solid 1px #CCC; |
background: #333; |
opacity: 0.9; |
color: white; |
width: 239px; |
z-index: 1000; |
margin-top: 212px; |
} |
.zoneActionsImg { |
position:absolute; |
width:30px; |
height:30px; |
margin-top:3px; |
margin-left:216px; |
} |
.cadreBtnSupprImg, .cadreBtnVoirTags, .cadreBtnVoirInfoObs { |
width:30px; |
height:30px; |
cursor:pointer; |
background-color:rgba(51,51,51, 0.7); |
border-radius:5px; |
} |
.cadreBtnSupprImg:hover, .cadreBtnVoirTags:hover, .cadreBtnVoirInfoObs:hover { |
background-color:rgba(0,0,0, 0.7); |
border: 1px solid rgba(255,255,255, 0.7); |
} |
.cadreBtnVoirTags { |
position: absolute; |
margin-top: 180px; |
margin-left: 216px; |
} |
.cadreBtnVoirInfoObs { |
position: absolute; |
margin-top: 3px; |
margin-left: 3px; |
} |
.btnSupprImg, .btnVoirTags, .btnVoirInfoObs { |
width:30px; |
height:30px; |
} |
.btnSupprImg { |
background:url(./img/24x24/delete.png) 3px 3px no-repeat; |
} |
.btnVoirTags { |
background:url(./img/24x24/tagger.png) 3px 3px no-repeat; |
} |
.btnVoirInfoObs { |
background:url(./img/24x24/plus.png) 3px 3px no-repeat; |
} |
.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; |
} |
.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; |
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; |
} |
.boutonFermer { |
background: url("./img/close.png") no-repeat scroll 5px 0 transparent; |
border: medium none; |
height: 30px; |
margin-left: 104px; |
margin-top: -20px; |
position: absolute; |
width: 40px; |
cursor:pointer; |
} |