Créer un bouton J'aime

Version imprimable

11/10/2012, 12h00
fallais

Créer un bouton J'aime

Bonjour,

j'aimerais créer un bouton J'aime sur mon projet.
Un sfGuardUser peut aimer une Song

Un fois le clic effectué sur le bouton, celui-ci devra changer en Je n'aime pas.

Pouvez-vous m'aider pour réaliser cette fonction svp ?

Cordialement,
Elwyn.
11/10/2012, 14h28
gototog

dans l'action, il faut récupérer ton id user, puis lancer une fonction aime_t'il_cette_chanson(id_user, id_song) qui te renvoie true.

dans le template, si true, affichage du bouton "j'aime"
sinon affichage de celui "j'aime pas"

C'est pour t'aiguiller, on a pas beaucoup d'info la ;)
11/10/2012, 14h41
fallais
Merci de ta réponse.

Tout d'abord, dans quel module mettre mes actions ? Song, sfGuardUser ou LikeSong ? Je penche pour LikeSong.

Deuxièmement, je souhaite le faire en AJAX. Je ne vois cependant pas quoi mettre dans l'option update. En effet, je veux que le bouton s'actualise au clic.
Code:

1 2 3 4 <?php echo link_to_remote('I like this song', array( 'update' => '???', 'url' => 'likesong/like?id_song='.$song->getId().'&sf_guard_user_id='.$sf_user->getId(), )) ?>
Dans url, je pense qu'un des paramètres n'est pas utile, song.
11/10/2012, 17h02
gototog
je ne sais pas la différence ente Song et Like song, mais ca devrait etre le module qui t'envoie sur la page ou tu possède ton bouton like.

pour de l'ajax, il te faut une méthode executeMonAjax (comme executeIndex) qui fait les traitements que tu as besoin (ici, un update) à partir de ton exemple ce serait plus :
Code:

1 2 3 4 <?php echo link_to_remote('I like this song', array( 'update' => '???', 'url' => 'Module/monAjax?id_song='.$song->getId().'), )) ?>
ne met pas l'id de ton user sf gard en parametre, tu pourras la récuperer dans ton action car elle est en session. je n'ai malheureusement jamais utilisé link_to_remote, je regarderais si j'ai le temps demain, mais je vois pas trop comment tu pourrais faire de l'ajax sans que ce soit dans du javascript ou jquery(etc...)
12/10/2012, 08h37
fallais
Le modèle est construit ainsi :
Code:

1 2 3 sfGuardUser ------- n --------------- n --------- Song | LikeSong
De ce que j'ai compris, link_to_remote() permet de créer des liens vers des actions, celles-ci s’exécuteront en AJAX. Il faut inclure le helper Javascript et la librairie jQuery bien sur oui.

Je mettrai donc les actions dans apps/frontend/module/likesong/actions.class.php :
Code:

1 2 3 4 5 6 7 8 9 executeLike(...) { // Actions } executeNotLike(...) { // Actions }
15/10/2012, 10h18
fallais

Quelqu'un à déjà utilisé link_to_remote() ?

J'aurai du vérifier avant, mais ce helper semble ne plus etre présent dans sf1.4. (-> the helper has been deprecated.)

je me permet de te poster la syntaxe jQuery

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
$.post(
      "module/action",
      {
        parametre_1: tonParametre1,
        parametre_2: tonParametre2,
      },
      function(data) 
      { 
           /*tes événements ou fonctions une fois la requete effectué
          par exemple: $("#maDiv").html(data)
         */
      }
  );

15/10/2012, 13h44
fallais

Ah d'accord :?
Comment je peux l'adapter dans mon cas alors ? Le lien doit changer une fois que l'utilisateur a cliqué.
15/10/2012, 14h06
gototog

dans ton cas tu as par exemple un

Code:

<div id="like">monHTMLLike</div>

et un

Code:

<div id="unlike">monHTMLUnlike</div>

tu affiches soit l'un soit l'autre lors du chargement de ta page suivant si l'utilisateur like ou unlike cette chanson.

lors de l'évenement click sur like, tu envoie ta requete vers module/Unlike. au retour des infos, tu cache le div like et remplace par unlike.

inversement pour l'evenement click sur unlike

je te met pas de code tout fait, a toi de chercher! repasse quand meme si tu as toujours des soucis!
15/10/2012, 14h24
fallais

Ce bouton "Like/Unlike" se trouvera partout dans le projet.
Je dois donc créer un partial/component non ?
15/10/2012, 14h40
gototog

oui, dans tes templates, tu l'appelles avec

Code:

<?php include_partial('moduleLike/tonPartial', array('variable' => $variable)) ?>

qui appelera ton moduleLike/_tonPartial.php
dans lequel tu auras le html des boutons, mais aussi l'inclusion des javascripts/ajax (ou du javascript en dur)
15/10/2012, 15h32
fallais

Merci :)
Les actions seront dans chaque module où le partial est appelé OU dans les actions du component ?
15/10/2012, 15h35
gototog

ton ajax appelera toujours l'action de ton module like peut importe ou ton partial est integré. ton partial aussi, toujours le meme nom de module
15/10/2012, 15h47
fallais

Oui mais les actions ne sont pas dans actions.class.php mais dans components.class.php. Je me trompe ?
15/10/2012, 17h08
gototog

j'ai pas encore eu l'occasion de travailler avec des components, j'utilisais des partials sur mes anciens projets, j'essayerai de trouver quelques ressources demain.
si tu as de la doc sous le coude envoie la moi par mp si tu veux!

Je pense faire comme ça.

Dans /app/frontend/module/likesong/components.class.php :

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
<?php
public function executeLike(sfWebRequest $request)
{
                if ($request->isXmlHttpRequest())
                {                              
                               if(UTILISATEUR N A PAS DEJA VOTE)
                               {
                                               $this->vote = new LikeSong;
                                               $this->vote->setSongId($request->getParameter('myParam'));
                                               $this->vote->setSfUserId($this->getUser());
                                               $this->vote->save();
 
                                               return $this->renderText('notlike');
                               else
                               {
                                               // Afficher un flash d'erreur
                               }
                }
}
 
public function executeNotLike(sfWebRequest $request)
{
                if ($request->isXmlHttpRequest())
                {                              
                               if(UTILISATEUR A PAS DEJA VOTE)
                               {
                                               // Supprimer l'enregistrement
 
                                               return $this->renderText('like');
                               else
                               {
                                               // Afficher un flash d'erreur
                               }
                }
}
?>

La fonction AJAX :

Code:

1
2
3
4
5
6
7
8
9
10
11
function myAjaxFunction()
{
                var value = $("#myhiddenvalue").val();
 
                $.post("likesong/like",
                {myParam : value},
                function(data)
                {
                               $("#mybutton").attr("value",data);
                });
}

17/10/2012, 16h41
fallais

Quelqu'un aurait un autre avis sur ma question ? :)
04/12/2012, 17h08
fallais

Si quelqu'un peut participer à la résolution, je l'en remercie d'avance. Le but est de faire un tutoriel.