/trunk/src/org/tela_botanica/del/client/composants/formulaires/identification/FormulaireIdentificationVue.ui.xml |
---|
1,27 → 1,36 |
<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="identification.css" /> |
<g:HTMLPanel styleName="{style.zoneIdentification}"> |
<g:HTMLPanel styleName="{style.zoneIdentification} {style.zoneFormulaire}"> |
<g:Label ui:field="titreSeConnecter" styleName="{style.connecter}" text="{constants.titreSeConnecter}" /> |
<g:Label ui:field="titreEstIdentifie" styleName="{style.connecter}" text="{constants.titreEstIdentifie}" /> |
<g:HTMLPanel ui:field="zoneUtilisateur"> |
<g:Label ui:field="connecter" styleName="{style.connecter}" text="{constants.seConnecter}" /> |
<g:HorizontalPanel><g:Label ui:field="email" styleName="{style.email}">Email</g:Label> |
<g:Label ui:field="preferences" styleName="{style.preferences}" text="{constants.preferences}"></g:Label> |
<g:Label ui:field="deconnecter" styleName="{style.deconnecter}" text="{constants.seDeconnecter}" /></g:HorizontalPanel> |
<g:HTMLPanel styleName="{style.infoConnexion}"> |
<g:Label ui:field="email" styleName="{style.email}">Email</g:Label> |
<g:Label ui:field="preferences" styleName="{style.preferences}" text="{constants.preferences}"></g:Label> |
<g:Label ui:field="deconnecter" styleName="{style.deconnecter}" text="{constants.seDeconnecter}" /> |
</g:HTMLPanel> |
</g:HTMLPanel> |
<g:HTMLPanel ui:field="zoneFormulaire" styleName="{style.zoneFormulaire} ombre-forte"> |
<g:Label ui:field="erreurIdentification" styleName="{style.erreur}"></g:Label> |
<g:Label text="{constants.login}" /> |
<g:TextBox ui:field="login" styleName="{style.login}" /> |
<g:Label text="{constants.motdepasse}" /> |
<g:PasswordTextBox ui:field="motdepasse" styleName="{style.motdepasse}"></g:PasswordTextBox> |
<g:Button ui:field="boutonOK">OK</g:Button> |
<g:HTMLPanel ui:field="zoneFormulaire"> |
<g:HTMLPanel styleName="{style.colonneGauche}"> |
<g:Label text="{constants.login}" /> |
<g:TextBox ui:field="login" styleName="{style.login}" /> |
<g:Label text="{constants.motdepasse}" /> |
<g:PasswordTextBox ui:field="motdepasse" styleName="{style.motdepasse}"></g:PasswordTextBox> |
<g:Button ui:field="boutonOK" styleName="{style.boutonOK}">OK</g:Button> |
<g:Label ui:field="erreurIdentification" styleName="{style.erreur}"></g:Label> |
</g:HTMLPanel> |
<g:HTMLPanel styleName="{style.colonneDroite}"> |
<ui:msg key="texteConnexion">Texte de connexion</ui:msg> |
</g:HTMLPanel> |
</g:HTMLPanel> |
</g:HTMLPanel> |
</ui:UiBinder> |
/trunk/src/org/tela_botanica/del/client/composants/formulaires/identification/FormulaireIdentificationPresenteur.java |
---|
37,7 → 37,7 |
public HasClickHandlers getSeDeconnecter(); |
public void basculerAffichageFormulaire(); |
public void basculerAffichageFormulaire(boolean estConnecte); |
public void basculerModeConnecte(Utilisateur utilisateur); |
90,14 → 90,6 |
} |
public void gererEvenements() { |
vue.getSeConnecter().addClickHandler(new ClickHandler() { |
@Override |
public void onClick(ClickEvent event) { |
vue.basculerAffichageFormulaire(); |
} |
}); |
vue.getBoutonOK().addClickHandler(new ClickHandler() { |
@Override |
public void onClick(ClickEvent event) { |
178,7 → 170,6 |
if (utilisateur.estIdentifie()) { |
vue.masquerErreur(); |
rafraichir(); |
vue.basculerAffichageFormulaire(); |
vue.viderFormulaire(); |
} |
} |
/trunk/src/org/tela_botanica/del/client/composants/formulaires/identification/FormulaireIdentificationVue.java |
---|
24,7 → 24,7 |
private static Binder uiBinder = GWT.create(Binder.class); |
@UiField |
Label connecter, deconnecter, email, erreurIdentification, preferences; |
Label titreSeConnecter, titreEstIdentifie, deconnecter, email, erreurIdentification, preferences; |
@UiField Panel zoneFormulaire; |
34,8 → 34,7 |
public FormulaireIdentificationVue() { |
initWidget(uiBinder.createAndBindUi(this)); |
basculerAffichageFormulaire(); |
connecter.setVisible(false); |
titreSeConnecter.setVisible(false); |
erreurIdentification.setVisible(false); |
} |
46,23 → 45,39 |
@Override |
public HasClickHandlers getSeConnecter() { |
return connecter; |
return titreSeConnecter; |
} |
@Override |
public void basculerAffichageFormulaire() { |
zoneFormulaire.setVisible(!zoneFormulaire.isVisible()); |
public void basculerAffichageFormulaire(boolean estConnecte) { |
zoneFormulaire.setVisible(!estConnecte); |
} |
@Override |
public void basculerModeConnecte(Utilisateur utilisateur) { |
//Dans le mode non-connecté, on veut : |
// - un bandeau vert avec ecrit Identifiez-vous |
// - le formulaire courriel/password/texte et btn ok |
// dans le mode connecté on veut : |
// - un bandeau vert avec écrit Bienvenue |
// - l'email de l'utilisateur |
// - un btn déconnecter |
// - un btn préférences |
boolean estConnecte = utilisateur.estIdentifie(); |
connecter.setVisible(!estConnecte); |
// mode non-connecté |
titreSeConnecter.setVisible(!estConnecte); |
titreEstIdentifie.setVisible(estConnecte); |
deconnecter.setVisible(estConnecte); |
preferences.setVisible(estConnecte); |
email.setText(utilisateur.getNomPrenomFormate()); |
email.setVisible(estConnecte); |
basculerAffichageFormulaire(estConnecte); |
} |
@Override |
/trunk/src/org/tela_botanica/del/client/composants/formulaires/identification/identification.css |
---|
1,13 → 1,30 |
.zoneIdentification { |
background: url("./img/user.png") no-repeat scroll 0 0 transparent; |
padding-left: 20px; |
background: url("./img/carre_orange.png") no-repeat scroll 0 0 transparent; |
height:24px; |
margin-top:5px; |
font-size:11px; |
margin-left:80px; |
width:280px; |
padding:15px; |
padding-top:30px; |
height:70px; |
} |
.connecter { |
text-decoration: underline; |
color: blue; |
cursor: pointer |
} |
background-color: #99C242; |
border-radius: 0 10px 0 0; |
color: white; |
font-size: 12px; |
padding: 5px 5px 5px 9px; |
text-align: left; |
text-transform: uppercase; |
width: 270px; |
z-index:10; |
position:absolute; |
margin-left:-15px; |
margin-top:-30px; |
padding-right:25px |
} |
.deconnecter, .preferences { |
text-decoration: underline; |
20,21 → 37,59 |
} |
.zoneFormulaire { |
position: absolute; |
padding: 10px; |
margin-top: 10px; |
border: solid 2px #8eb533; |
background: white; |
background: none repeat scroll 0 0 white; |
border: 1px solid #99C242; |
border-radius: 0 10px 10px 10px; |
position:absolute; |
top:18px; |
z-index:0; |
text-align: left; |
text-decoration: none; |
width: 273px; |
padding-bottom:22px; |
} |
.login { |
width:80px; |
font-size:11px; |
} |
.motdepasse { |
width:80px; |
font-size:11px; |
} |
.erreur { |
color: red; |
position:absolute; |
margin-top:13px; |
} |
.boutonOK { |
font-size:11px; |
} |
.colonneGauche { |
float:left; |
padding-bottom:15px; |
margin-right:5px; |
} |
.colonneDroite { |
float:left; |
margin-right:5px; |
padding-bottom:15px; |
} |
.zoneUtilisateur { |
text-align:center; |
} |
.infoConnexion { |
text-align:center; |
font-size:15px; |
} |
.infoConnexion>div:first-child { |
margin-top:10px; |
} |
/trunk/src/org/tela_botanica/del/client/composants/formulaires/identification/FormulaireIdentificationVueBinderImplGenMessages.properties |
---|
New file |
0,0 → 1,10 |
texteConnexion=<a href="http://www.tela-botanica.org/page:inscription">S''inscrire... </a> \ |
<p class="connect gris">Devenez telabotaniste et partagez votre passion pour le végétal !</p> \ |
<p> <a href="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp" id="lien_inscription">Mot de passe perdu ? </a></p> |
#<a href="/page:inscription">S'inscrire... </a> |
# <p class="connectgris">Devenez telabotaniste et partagez votre passion pour le végétal !</p> |
# <p> <a href="http://www.tela-botanica.org/page:inscription?m=f_oubli_mdp" id="lien_inscription">Mot de passe perdu ? </a></p> |