Sample FosUser personnalisé

Version imprimable

26/07/2013, 17h25
dyron

Sample FosUser personnalisé

Bonjour à tous,

Débutant en symfony2 et FosUser je réalise un site pour lequel j'ai besoin d'utiliser des formulaires bien personnalisé et ce aussi bien dans la structure que dans le visuel.

Pour ce qui est de la structure, c'est fait, j'ai rajouté mes champs sans réel problème.

Mais maintenant que je dois en gérer l'affichage, je ne comprends pas comment intégrer proprement mes formulaires à l’intérieur de mes autres pages. (D'autant plus que je désire les afficher sous forme de modal et je ne peux donc pas simplement personnaliser la page du formulaire.)

C'est pourquoi j'aimerais savoir si vous auriez un sample d'utilisation personnalisée de FosUser? Car bien qu'ayant cherché, je n'ai rien trouvé de concluant.

Merci à vous,
Kevin

Pour mettre le formulaire dans toutes les pages, il suffit de l'ajouter au fond de page, dans un DIV pour le placer facilement.

Pour afficher différemment selon que l'utilisateur est connecté ou pas, par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
{% if app.user %}
<p>{{app.user}} <a href="{{path('fos_user_security_logout')}}">Déconnexion</a></p>
 
{% else %}
<form id="connexion" action="{{ path('fos_user_security_check') }}" method="post">
    <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
    Identifiant ENT : <input type="text" id="username" name="_username" />
    <br />
    Mot de passe : <input type="password" id="password" name="_password" />
    <br />
    <input type="submit" id="_submit" name="_submit" value="Connexion" />
</form>
{% endif %}

J'avais déjà tenté cette technique. Voici ce que j'ai fait:

UserBundle/Ressource/Views/Security/login.html.twig

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
{% extends "FOSUserBundle::layout.html.twig" %}
 
{% trans_default_domain 'FOSUserBundle' %}
 
{% block fos_user_content %}
{% if error %}
    <div>{{ error|trans }}</div>
{% endif %}
 
<form action="{{ path("fos_user_security_check") }}" method="post">
        <ul>
                <li><label for="username">Nom d'utilisateur</label></li>
                <li class="error"><input type="text" id="username" name="username" value="{{ last_username }}" required="required" placeholder="Ex. : johndoe@mail.com" /></li>
                <li class="second"><label for="password">Mot de passe</label></li>
                <li><input type="password" id="password" name="password" required="required" placeholder="Votre mot de passe" /></li>
                <div class="forgotten-password">
                        <a href="#">
                                <div class="bubble">
                                        <div class="bubble-left"></div>
                                        <div class="bubble-middle">
                                                <form method="post" action="">
                                                        <p>Mot de passe oublié?</p>
                                                        <input type="text" name="email" placeholder="Insérez votre adresse eMail"/>
                                                        <input type="submit" name="submit" value="Ok"/>
                                                </form>
                                        </div><!--end:bubble-middle-->
                                        <div class="bubble-right"></div>
                                </div><!--end:bubble-->
                        </a>
                </div><!--end:forgotten-password-->
                <li class="remember-me">
                    <input type="checkbox" id="remember-me" name="remember-me" value="Se souvenir de moi" />
                    <label for="remember_me">Se souvenir de moi</label>
                </li>
                <li class="connect"><input type="submit" id="_submit" name="submit" value="Je me connecte" /></li>
        </ul>
        <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
</form>
{% endblock fos_user_content %}

Et dans mon fichier qui affiche le formulaire:

Code:

{% render "KevinrolinbeUserBundle:Default:Login" %}

Le code du controller:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
public function LoginAction()
    {
        $csrfToken = $this->container->get('form.csrf_provider')->generateCsrfToken('authenticate');
 
        return $this->container->get('templating')->renderResponse('KevinrolinbeUserBundle:Security:login.html.twig', array(
            'last_username' => null,
            'error'         => null,
            'csrf_token'    => $csrfToken
        ));
    }

Mon formulaire s'affiche mais il m'affiche ceci:

Citation:

Invalid CSRF token.

Une petite idée?

31/07/2013, 18h05
okapi63

Selon la doc de Symfony 2.3 http://symfony.com/fr/doc/current/bo...eurs-imbriques (3ème code source)
il faut mettre :

Code:

{% render(controller('KevinrolinbeUserBundle:Default:Login')) %}
01/08/2013, 01h17
dyron

Malheureusement, cela n'arrange rien, bien au contraire:

Citation:

The function "controller" does not exist in ... at line 11
02/08/2013, 14h41
okapi63

La réponse précédente était pou une version 2.3 de Symfony.

Est-ce que l'appel direct à l'action Login donne quelque chose ?
02/08/2013, 21h55
dyron

Citation:

Envoyé par okapi63

La réponse précédente était pou une version 2.3 de Symfony.

J'ai donc revérifier l’existence de cette méthode en 2.1 (j'avais vérifier mais j'avais regardé pour la 2.2 :/) et en effet, elle n'existe pas.

la méthode a utiliser est bien celle que j'utilisais précédemment:

Code:

{% render "KevinrolinbeUserBundle:Default:Login" %}

Mais malheureusement, elle me ressort une erreur...

Cette méthode étant appelée depuis un autre bundle, celà pourrais poser problème?
03/08/2013, 09h21
okapi63

Citation:

Mais malheureusement, elle me ressort une erreur...

Quelle erreur ?

Citation:

Cette méthode étant appelée depuis un autre bundle, celà pourrais poser problème?

A priori, non

Que donne l'appel direct à l'action KevinrolinbeUserBundle: Default:Login ? http://site/app_dev.php/route_vers_l_action
07/08/2013, 22h02
dyron

A force de chercher, j'ai finalement trouver l'erreur...

Dans la structure de mon formulaire, j'ai fait une erreur de débutant, j'ai intégré le formulaire de perte de mot de passe dans le formulaire de login... Grossière erreur je te l'accorde.

Cependant maintenant j'ai une nouvelle erreur...

Citation:

Bad credentials

Aucun moyen de me connecter !
08/08/2013, 22h07
dyron

Hé bien je vais finalement me repondre a moi même.

Il suffisait de décommenter la ligne suivante en y ajoutant la langue:
app/ressources/config/config.yml

Code:

translator: { fallback: fr }

Mais décidément, la chance n'est pas avec moi car malgré le fait que se problème soit corrigé, un problème étrange vient d’apparaître.

Impossible de me connecter !

J'ai tenté différentes choses: j'ai créer de nouveau compte, j'ai bien vérifier si les comptes étaient activés, j'ai régénérer de nouveau mot de passe mais impossible de s'y connecter...
A chaque fois il me ressort:

Citation:

Nom d'utilisateur ou mot de passe incorrect

Une idée?
08/08/2013, 22h39
dyron

Hé bien comme me l'a dit un ami: "T'as vérifier le nom de tes champs?"

En effet, j'avais mal nommé les champs.

Le nom correcte est _username et non pas username !

Mon problème est cette fois totalement résolu !

Merci à vous !

Kevin