| /tags/v1.1-helium/src/org/tela_botanica/del/client/composants/votes/barrerepartition/barreRepartition.css |
|---|
| New file |
| 0,0 → 1,93 |
| .conteneurBarre { |
| width:130px; |
| display: inline; |
| } |
| .conteneurBarreOuiNon { |
| display: inline; |
| float: right; |
| } |
| .labelTaxon { |
| float: left; |
| margin-right: 5px; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| width: 190px; |
| margin-bottom: 5px; |
| text-align:left; |
| } |
| .barre { |
| width:50px; |
| height:15px; |
| background:#BBB; |
| float:left; |
| margin-right:2px; |
| margin-left:2px; |
| display: inline; |
| float:left; |
| } |
| .pourcentage { |
| position:absolute; |
| font-size:10px; |
| width:48px; |
| text-align:center; |
| } |
| .barreOui { |
| background:#8EB533; |
| padding-bottom:15px; |
| } |
| .barreNon { |
| background:#f06a6a; |
| padding-bottom:15px; |
| } |
| .boutonOui, .boutonNon { |
| text-align:center; |
| color:white; |
| line-height:1em; |
| font-size:15px; |
| font-weight:bold; |
| cursor:pointer; |
| float:left; |
| background:#AAA; |
| } |
| .boutonOui { |
| width:9%; |
| height:15px; |
| width:30px; |
| border-radius:0 2px 2px 0; |
| background-image: url("img/pouce_haut.png"); |
| } |
| .boutonOui:hover { |
| background-image: url("img/pouce_haut_hover.png"); |
| } |
| .boutonNon:hover { |
| background-image: url("img/pouce_bas_hover.png"); |
| } |
| .boutonNon { |
| width:9%; |
| height:15px; |
| width:30px; |
| border-radius:2px 0 0 2px; |
| background-image: url("img/pouce_bas.png"); |
| margin-right:5px; |
| } |
| .score { |
| font-size:13px; |
| color:#DDD; |
| font-weight:bold; |
| margin-right:10px; |
| width:28px; |
| } |
| /tags/v1.1-helium/src/org/tela_botanica/del/client/composants/votes/barrerepartition/InfoBulleAnim.java |
|---|
| New file |
| 0,0 → 1,30 |
| package org.tela_botanica.del.client.composants.votes.barrerepartition; |
| import com.google.gwt.animation.client.Animation; |
| import com.google.gwt.user.client.ui.Widget; |
| public class InfoBulleAnim extends Animation{ |
| private Widget widget; |
| public InfoBulleAnim(Widget widget) { |
| this.widget = widget; |
| widget.setVisible(false); |
| } |
| @Override |
| protected void onStart() { |
| super.onStart(); |
| widget.setVisible(true); |
| } |
| @Override |
| protected void onUpdate(double progress) { |
| } |
| @Override |
| protected void onComplete() { |
| super.onComplete(); |
| widget.setVisible(false); |
| } |
| } |
| /tags/v1.1-helium/src/org/tela_botanica/del/client/composants/votes/barrerepartition/BarreRepartitionVoteVue.ui.xml |
|---|
| New file |
| 0,0 → 1,16 |
| <!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="constants" type="org.tela_botanica.del.client.i18n.Vocabulary" /> |
| <ui:style src="barreRepartition.css" /> |
| <g:HTMLPanel styleName="{style.conteneurBarre}"> |
| <g:Label styleName="gauche {style.score}" ui:field="score">--</g:Label> |
| <g:Label ui:field="nomTaxon" styleName="{style.labelTaxon} labelTaxon" /> |
| <g:HTMLPanel styleName="{style.conteneurBarreOuiNon}"> |
| <g:PushButton ui:field="boutonNon" text=" " styleName="{style.boutonNon}"/> |
| <g:PushButton ui:field="boutonOui" text=" " styleName="{style.boutonOui}"/> |
| <g:HTMLPanel ui:field="votePrisEnCompte"><g:Label text="{constants.votePrisEnCompte}"></g:Label></g:HTMLPanel> |
| <g:HTMLPanel ui:field="voteModifie"><g:Label text="{constants.voteModifie}"></g:Label></g:HTMLPanel> |
| </g:HTMLPanel> |
| </g:HTMLPanel> |
| </ui:UiBinder> |
| /tags/v1.1-helium/src/org/tela_botanica/del/client/composants/votes/barrerepartition/BarreRepartitionVotePresenteur.java |
|---|
| New file |
| 0,0 → 1,169 |
| package org.tela_botanica.del.client.composants.votes.barrerepartition; |
| import java.util.Date; |
| import org.tela_botanica.del.client.cache.CacheClient; |
| import org.tela_botanica.del.client.modeles.MoyenneVote; |
| import org.tela_botanica.del.client.modeles.PropositionDetermination; |
| import org.tela_botanica.del.client.modeles.VoteDetermination; |
| import org.tela_botanica.del.client.navigation.evenement.BusEvenementiel; |
| import org.tela_botanica.del.client.navigation.evenement.voteDetermination.EvenementVoteDetermination; |
| import org.tela_botanica.del.client.services.CalculVoteDeterminationService; |
| import org.tela_botanica.del.client.services.rest.VoteDeterminationService; |
| import org.tela_botanica.del.client.services.rest.async.AjoutVoteDeterminationCallback; |
| 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.HasText; |
| import com.google.gwt.user.client.ui.HasWidgets; |
| import com.google.gwt.user.client.ui.IsWidget; |
| public class BarreRepartitionVotePresenteur { |
| public interface Vue extends IsWidget { |
| public void afficherVotes(int pourcentage, String NomTaxon, String auteur, boolean estPropositionInitiale); |
| public HasClickHandlers getBoutonOui(); |
| public HasClickHandlers getBoutonNon(); |
| public void desactiverBoutons(); |
| public void activerBoutons(); |
| public void setVoteOuiEffectue(); |
| public void setVoteNonEffectue(); |
| public void afficherVotePrisEnCompte(boolean b); |
| public void afficherVoteModifie(boolean b); |
| public void toggleNomEspece(); |
| public HasText getScore(); |
| } |
| private Vue vue; |
| private MoyenneVote moyenneVote; |
| // TODO: classe conteneur qui est passé en paramètre au constructeur |
| private VoteDeterminationService voteDeterminationService; |
| public BarreRepartitionVotePresenteur(Vue vue, VoteDeterminationService voteDeterminationService) { |
| this.vue = vue; |
| this.voteDeterminationService = voteDeterminationService; |
| gererEvenements(); |
| } |
| public void go(HasWidgets container) { |
| container.add(vue.asWidget()); |
| } |
| public void afficherVotes(MoyenneVote moyenneVote) { |
| this.moyenneVote = moyenneVote; |
| int score = moyenneVote.getScore(); |
| String intitule = moyenneVote.getIntituleAssocie(); |
| PropositionDetermination proposition = moyenneVote.getPropositionAssociee(); |
| boolean estPropositionInitiale = false; |
| if (proposition != null) { |
| estPropositionInitiale = moyenneVote.getPropositionAssociee().estPropositionInitiale(); |
| } |
| vue.afficherVotes(score, intitule, moyenneVote.getPropositionAssociee().getAuteur(), estPropositionInitiale); |
| afficherValeurVoteUtilisateur(); |
| } |
| public void afficherValeurVoteUtilisateur() { |
| String idUtilisateur = CacheClient.getInstance().getUtilisateur().getId(); |
| if(moyenneVote.getPropositionAssociee().utilisateurAVotePourDetermination(idUtilisateur)) { |
| boolean valeurVote = (moyenneVote.getPropositionAssociee().getVotesDeterminations().get(idUtilisateur).getVote() == 1) ? true : false; |
| if(valeurVote) { |
| vue.setVoteOuiEffectue(); |
| } else { |
| vue.setVoteNonEffectue(); |
| } |
| } |
| } |
| public Vue getBarreRepartitionVoteVue() { |
| return vue; |
| } |
| public MoyenneVote getMoyenneVote() { |
| return moyenneVote; |
| } |
| public void gererEvenements() { |
| vue.getBoutonOui().addClickHandler(new ClickHandler() { |
| @Override |
| public void onClick(ClickEvent event) { |
| voter(true); |
| } |
| }); |
| vue.getBoutonNon().addClickHandler(new ClickHandler() { |
| @Override |
| public void onClick(ClickEvent event) { |
| voter(false); |
| } |
| }); |
| } |
| private void surVoteDetermination(final VoteDetermination vd) { |
| if (vd.getPropositionDetermination().equals(moyenneVote.getPropositionAssociee())) { |
| AjoutVoteDeterminationCallback vdc = new AjoutVoteDeterminationCallback() { |
| @Override |
| public void surErreur(String messageErreur) { |
| Window.alert(messageErreur); |
| vue.activerBoutons(); |
| } |
| @Override |
| public void surRetour(Void objetRetour) { |
| moyenneVote.getPropositionAssociee().ajouterVoteDetermination(vd); |
| moyenneVote = CalculVoteDeterminationService.calculerVoteDetermination(moyenneVote.getPropositionAssociee()); |
| afficherVotes(moyenneVote); |
| vue.activerBoutons(); |
| boolean valeurVote = (vd.getVote() == 1) ? true : false; |
| if(valeurVote) { |
| vue.setVoteOuiEffectue(); |
| } else { |
| vue.setVoteNonEffectue(); |
| } |
| // l'évènement n'est lancé que si le vote est validé |
| BusEvenementiel.getInstance().fireEvent(new EvenementVoteDetermination(vd)); |
| } |
| }; |
| if (moyenneVote.getPropositionAssociee().utilisateurAVotePourDetermination(vd.getContributeur())) { |
| voteDeterminationService.modifierVote(vd, vdc); |
| vue.afficherVoteModifie(vd.getVote()==1); |
| } else { |
| voteDeterminationService.ajouterVote(vd, vdc); |
| vue.afficherVotePrisEnCompte(vd.getVote()==1); |
| } |
| } |
| } |
| public void toggleNomEspece() { |
| vue.toggleNomEspece(); |
| } |
| public void voter(boolean oui) { |
| VoteDetermination vd = new VoteDetermination(); |
| vd.setPropositionDetermination(moyenneVote.getPropositionAssociee()); |
| vd.setContributeur(CacheClient.getInstance().getUtilisateur().getId()); |
| vd.setDate(new Date()); |
| int valeurVote = oui ? 1 : 0; |
| vd.setVote(valeurVote); |
| vd.setId(CacheClient.getInstance().getUtilisateur().getId()); |
| if (oui) { |
| vue.setVoteOuiEffectue(); |
| } else { |
| vue.setVoteNonEffectue(); |
| } |
| vue.desactiverBoutons(); |
| surVoteDetermination(vd); |
| } |
| } |
| /tags/v1.1-helium/src/org/tela_botanica/del/client/composants/votes/barrerepartition/BarreRepartitionVoteVue.java |
|---|
| New file |
| 0,0 → 1,128 |
| package org.tela_botanica.del.client.composants.votes.barrerepartition; |
| 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.HasText; |
| 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 BarreRepartitionVoteVue extends Composite implements BarreRepartitionVotePresenteur.Vue { |
| interface MyUiBinder extends UiBinder<Widget, BarreRepartitionVoteVue> { |
| } |
| private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class); |
| private InfoBulleAnim animerVotePrisEnCompte; |
| private InfoBulleAnim animerVoteModifie; |
| @UiField |
| Label nomTaxon, score; |
| @UiField |
| Panel votePrisEnCompte, voteModifie; |
| @UiField |
| PushButton boutonOui, boutonNon; |
| public BarreRepartitionVoteVue() { |
| initWidget(uiBinder.createAndBindUi(this)); |
| votePrisEnCompte.setVisible(false); |
| voteModifie.setVisible(false); |
| animerVotePrisEnCompte = new InfoBulleAnim(votePrisEnCompte); |
| animerVoteModifie = new InfoBulleAnim(voteModifie); |
| boutonOui.setTitle(I18n.getVocabulary().JeSuisDaccord()); |
| boutonNon.setTitle(I18n.getVocabulary().JeNeSuisPasDaccord()); |
| } |
| @Override |
| public void afficherVotes(int pourcentage, String nomTaxon, String auteur, boolean estPropositionInitiale) { |
| this.nomTaxon.setText(nomTaxon); |
| this.nomTaxon.setTitle(nomTaxon + " - " + auteur); |
| if (pourcentage > 0) { |
| score.setText(String.valueOf(pourcentage)); |
| } |
| if (estPropositionInitiale) { |
| this.nomTaxon.addStyleName("propositionInitiale"); |
| } |
| } |
| @Override |
| public HasClickHandlers getBoutonOui() { |
| return boutonOui; |
| } |
| @Override |
| public HasClickHandlers getBoutonNon() { |
| return boutonNon; |
| } |
| @Override |
| public void setVoteOuiEffectue() { |
| boutonOui.setEnabled(false); |
| boutonOui.addStyleName("boutonVoteOuiDesactive"); |
| boutonNon.setEnabled(true); |
| boutonNon.removeStyleName("boutonVoteNonDesactive"); |
| boutonOui.setTitle(""); |
| boutonNon.setTitle(I18n.getVocabulary().JeNeSuisPasDaccord()); |
| } |
| @Override |
| public void setVoteNonEffectue() { |
| boutonOui.setEnabled(true); |
| boutonOui.removeStyleName("boutonVoteOuiDesactive"); |
| boutonNon.setEnabled(false); |
| boutonNon.addStyleName("boutonVoteNonDesactive"); |
| boutonOui.setTitle(I18n.getVocabulary().JeSuisDaccord()); |
| boutonNon.setTitle(""); |
| } |
| @Override |
| public void afficherVotePrisEnCompte(boolean voteOui) { |
| if (voteOui) { |
| votePrisEnCompte.removeStyleName("votePrisEnCompteNon"); |
| votePrisEnCompte.setStyleName("votePrisEnCompteOui"); |
| } else { |
| votePrisEnCompte.removeStyleName("votePrisEnCompteOui"); |
| votePrisEnCompte.setStyleName("votePrisEnCompteNon"); |
| } |
| animerVotePrisEnCompte.run(2000); |
| } |
| public void afficherVoteModifie(boolean voteOui) { |
| if (voteOui) { |
| voteModifie.removeStyleName("votePrisEnCompteNon"); |
| voteModifie.setStyleName("votePrisEnCompteOui"); |
| } else { |
| voteModifie.removeStyleName("votePrisEnCompteOui"); |
| voteModifie.setStyleName("votePrisEnCompteNon"); |
| } |
| animerVoteModifie.run(2000); |
| } |
| @Override |
| public void desactiverBoutons() { |
| boutonNon.setEnabled(false); |
| boutonOui.setEnabled(false); |
| } |
| @Override |
| public void activerBoutons() { |
| boutonNon.setEnabled(true); |
| boutonOui.setEnabled(true); |
| } |
| @Override |
| public void toggleNomEspece() { |
| nomTaxon.setVisible(!nomTaxon.isVisible()); |
| } |
| @Override |
| public HasText getScore() { |
| return score; |
| } |
| } |