Evolution #143: Commentaires sur un élément

app/AppKernel.php

@@ -32,6 +32,7 @@ class AppKernel extends Kernel
             new Muzich\AdminBundle\MuzichAdminBundle(),
             new Muzich\GroupBundle\MuzichGroupBundle(),
             new Muzich\FavoriteBundle\MuzichFavoriteBundle(),
+            new Muzich\CommentBundle\MuzichCommentBundle(),
         );
 
         if (in_array($this->getEnvironment(), array('dev', 'test'))) {

app/Resources/translations/elements.fr.yml

@@ -26,6 +26,12 @@ element:
     link:               Modifier
   remove:
     link:               Supprimer
+  comments: 
+    add:                Ajouter un commentaire
+    thereis:            Afficher le commentaire
+    thereare:           Afficher les <strong>%count%</strong> commentaires
+    hideis:             Cacher le commentaire
+    hideare:            Cacher les commentaires
   
 elements:
   ajax:

src/Muzich/CommentBundle/Controller/CommentController.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace Muzich\CommentBundle\Controller;
+
+use Muzich\CoreBundle\lib\Controller;
+
+class CommentController extends Controller
+{
+  
+  
+}

src/Muzich/CommentBundle/MuzichCommentBundle.php

@@ -0,0 +1,9 @@
+<?php
+
+namespace Muzich\CommentBundle;
+
+use Symfony\Component\HttpKernel\Bundle\Bundle;
+
+class MuzichCommentBundle extends Bundle
+{
+}

src/Muzich/CoreBundle/DataFixtures/ORM/LoadElementData.php

@@ -8,6 +8,7 @@ use Doctrine\Common\DataFixtures\OrderedFixtureInterface;
 use Symfony\Component\DependencyInjection\ContainerAwareInterface;
 use Symfony\Component\DependencyInjection\ContainerInterface;
 use Muzich\CoreBundle\Entity\Element;
+use Muzich\CoreBundle\Managers\CommentsManager;
 
 class LoadElementData  extends AbstractFixture implements OrderedFixtureInterface, ContainerAwareInterface
 {
@@ -38,7 +39,7 @@ class LoadElementData  extends AbstractFixture implements OrderedFixtureInterfac
   /**
    *  
    */
-  protected function createElement($reference_id, $name, $url, $tags, $type, $owner, $group = null, $date = null)
+  protected function createElement($reference_id, $name, $url, $tags, $type, $owner, $group = null, $date = null, $comments = null)
   {    
     $element = new Element();
     $element->setName(ucfirst($name));
@@ -60,6 +61,8 @@ class LoadElementData  extends AbstractFixture implements OrderedFixtureInterfac
       $element->addTag($tag);
     }
     
+    $element->setComments($comments);
+    
     $this->entity_manager->persist($element);
   }
   
@@ -195,22 +198,49 @@ class LoadElementData  extends AbstractFixture implements OrderedFixtureInterfac
       'youtube.com', $bux, null, $this->dateD(183)
     );
     
+    $cm = new CommentsManager();
+    $cm->add($joelle, "J'aime bien quand ça tape. Ca rapelle ".
+      "le grincement sinistre des volets de vieilles".
+      "maisons. D'ailleur j'ai repeint mon mur des shiots !", $this->dateD(180));
+    
     $this->createElement('azyd_azylum_1', 'AZYD AZYLUM Live au Café Provisoire', 
       'http://www.youtube.com/watch?v=8AXhRXAt2E4', 
       $this->getArrayOfTag(array('metal')),
-      'youtube.com', $bux, null, $this->dateD(182)
+      'youtube.com', $bux, null, $this->dateD(182),
+      $cm->get()
     );
     
+    $cm = new CommentsManager();
+    $cm->add($bux, "Je commenteuuh nanana 1", $this->dateD(180));
+    $cm->add($paul, "Je répond 2", $this->dateD(180));
+    $cm->add($bux, "Je répond 3", $this->dateD(179));
+    $cm->add($paul, "Je répond 4", $this->dateD(178));
+    $cm->add($bux, "Je répond 5", $this->dateD(177));
+    $cm->add($paul, "Je répond 6", $this->dateD(176));
+    $cm->add($bux, "Je répond 7", $this->dateD(175));
+    $cm->add($paul, "Je répond 8", $this->dateD(174));
+    $cm->add($bux, "Je répond 9", $this->dateD(173));
+    $cm->add($paul, "Je répond 10", $this->dateD(172));
+    $cm->add($bux, "Je répond 11", $this->dateD(161));
+    $cm->add($paul, "Je répond 12", $this->dateD(150));
+    $cm->add($bux, "Je répond 13", $this->dateD(140));
+    
     $this->createElement('babylon_pression_1', 'Babylon Pression - Des Tasers et des Pauvres', 
       'http://www.youtube.com/watch?v=XWkbaHxRvds&feature=related', 
       $this->getArrayOfTag(array('metal', 'hardcore')),
-      'youtube.com', $bux, null, $this->dateD(181)
+      'youtube.com', $bux, null, $this->dateD(181),
+      $cm->get()
     );
     
+    $cm = new CommentsManager();
+    $cm->add($bux, "C'est trop bon hein ?", $this->dateD(180));
+    $cm->add($paul, "C'est pas mal en effet", $this->dateD(180));
+        
     $this->createElement('ed_cox_1', 'Ed Cox - La fanfare des teuffeurs (Hardcordian)', 
       'http://www.youtube.com/watch?v=Lk1gnh-JCDs&feature=related', 
       $this->getArrayOfTag(array('electro')),
-      'youtube.com', $bux, null, $this->dateD(180)
+      'youtube.com', $bux, null, $this->dateD(180),
+      $cm->get()
     );
     
 

src/Muzich/CoreBundle/Entity/Element.php

@@ -125,6 +125,27 @@ class Element
    * @ORM\Column(type="string", length=512, nullable=true)
    */
   protected $thumbnail_url;
+  
+  /**
+   * Commentaires stocké au format json
+   * 
+   * array(
+   *   array(
+   *     "u" => array(              // Des infos sur l'utilisateur auteur du commentaire
+   *       "i" => "IdDuUser",       // l'id
+   *       "s" => "LeSlugDuUser",   // le slug
+   *       "n" => "NameDuUser"      // le name
+   *     ),
+   *     "d" => "LaDate",        // Date au format Y-m-d H:i:s
+   *     "c" => "Comment"           // Le commentaire
+   *   ),
+   *   [...]
+   * );
+   * 
+   * @ORM\Column(type="text", nullable=true)
+   * @var type string
+   */
+  protected $comments;
 
   /**
    * Get id
@@ -387,6 +408,24 @@ class Element
   }
   
   /**
+   *
+   * @return type array
+   */
+  public function getComments()
+  {
+    return json_decode($this->comments, true);
+  }
+  
+  /**
+   *
+   * @param array $comments 
+   */
+  public function setComments($comments)
+  {
+    $this->comments = json_encode($comments);
+  }
+  
+  /**
    * Etablie des relation vers des tags.
    * (Supprime les anciens tags, au niveau de l'objet seulement)
    * 

src/Muzich/CoreBundle/Managers/CommentsManager.php

@@ -0,0 +1,51 @@
+<?php
+
+namespace Muzich\CoreBundle\Managers;
+
+/**
+ * @author bux
+ */
+class CommentsManager
+{
+  
+  protected $comments;
+  
+  public function __construct($comments = array())
+  {
+    $this->comments = $comments;
+  }
+  
+  /**
+   *
+   * @param \Muzich\CoreBundle\Entity\User $user
+   * @param String $comment
+   * @param String $date 
+   */
+  public function add($user, $comment, $date = null)
+  {
+    if (!$date)
+    {
+      $date = date('Y-m-d H:i:s');
+    }
+    
+    $this->comments[] = array(
+      "u" => array(
+        "i" => $user->getId(),
+        "s" => $user->getSlug(),
+        "n" => $user->getName()
+      ),
+      "d" => $date,
+      "c" => $comment
+    );
+  }
+  
+  /**
+   *
+   * @return array
+   */
+  public function get()
+  {
+    return $this->comments;
+  }
+  
+}

src/Muzich/CoreBundle/Resources/views/SearchElement/element.html.twig

@@ -111,6 +111,29 @@
         {{ 'element.show.close_embed'|trans({}, 'elements') }}
       </a>
       
+      
+      {% autoescape false %}
+        {% if element.comments|length > 1 %}
+          <a href="#hide_comments_{{ element.id }}" class="hide_comments" style="display: none;">
+            {{ 'element.comments.hideare'|trans({}, 'elements') }}
+          </a>   
+          <a href="#comments_{{ element.id }}" class="display_comments">
+            {{ 'element.comments.thereare'|trans({'%count%':element.comments|length}, 'elements') }}
+          </a> -
+        {% elseif element.comments|length == 1 %}
+          <a href="#hide_comments_{{ element.id }}" class="hide_comments" style="display: none;">
+            {{ 'element.comments.hideis'|trans({}, 'elements') }}
+          </a>
+          <a href="#comments_{{ element.id }}" class="display_comments">
+            {{ 'element.comments.thereis'|trans({}, 'elements') }}
+          </a> -
+        {%endif %}
+      {% endautoescape %}
+                
+      <a href="#add_comment_{{ element.id }}" class="add_comment">
+        {{ 'element.comments.add'|trans({}, 'elements') }}
+      </a>
+      
     </td>
   </tr>
 </table>
@@ -122,3 +145,24 @@
     </div>
   {% endautoescape %}
 {% endif %}
+
+{% if element.comments|length %}
+  <div class="comments" style="display: none;">
+    <ul class="comments">
+      {% for comment in element.comments %}
+        <li class="comment">
+          <a href="{{ path('show_user', {'slug': comment.u.s}) }}" >{{ comment.u.n }}</a>: 
+          {{ comment.c }}
+          <span class="datesince">({{ comment.d|date_or_relative_date }})</span>
+        </li>
+      {% endfor %}
+    </ul>
+      
+    
+      
+    <a href="#add_comment_{{ element.id }}" class="add_comment">
+      {{ 'element.comments.add'|trans({}, 'elements') }}
+    </a>
+      
+  </div>
+{% endif %}

web/bundles/muzichcore/css/main.css

@@ -932,4 +932,32 @@ input#element_add_url, input#element_add_name
 label#element_add_url, label#element_add_name
 {
   
-}
+}
+
+/* Commentaire */
+
+li.element div.comments
+{
+  padding-left: 18px;
+  padding-right: 18px;
+}
+
+div.comments ul.comments
+{
+  margin: 0px 0px 0px 0px;
+}
+
+li.comment
+{
+  list-style: none;
+  padding-bottom: 4px;
+  padding-top: 4px;
+  border-bottom: 1px dotted #d9d9d9;
+}
+
+li.comment span.datesince
+{
+  color: #868686;
+}
+
+/* END commentaires */

web/bundles/muzichcore/js/muzich.js

@@ -1276,5 +1276,53 @@ $(document).ready(function(){
       check_new_elements();
     }
   }
+  
+  /*
+   * Commentaires d'élément
+   */
+  
+  // Afficher les commentaires
+    $('td.element_content a.display_comments').live('click', function(){
+      display_comments(
+        $('li#element_'+
+          str_replace('#comments_', '', $(this).attr('href'))
+        )
+      );
+    });
+    
+    $('td.element_content a.hide_comments').live('click', function(){
+      hide_comments(
+        $('li#element_'+
+          str_replace('#hide_comments_', '', $(this).attr('href'))
+        )
+      );
+    });
+  
+    function display_comments(li_element)
+    {
+      li_element.find('div.comments').slideDown();
+      li_element.find('a.display_comments').hide();
+      li_element.find('a.hide_comments').show();
+    }
+  
+    function hide_comments(li)
+    {
+      li_element.find('div.comments').slideUp();
+      li_element.find('a.display_comments').show();
+      li_element.find('a.hide_comments').hide();
+    }
+    
+  // Ajouter un commentaire
+    $('li.element a.add_comment').live('click', function(){
+      display_add_comment($('li#element_'+
+        str_replace('#add_comment_', '', $(this).attr('href'))
+      ));
+    });
+    
+    function display_add_comment(li_element)
+    {
+      li_element.find('a.add_comment').hide();
+      
+    }
    
  });