Evolution #107: Evolution ergonomiques

app/Resources/translations/userui.fr.yml

@@ -64,6 +64,14 @@ element_add:
               que vous souhaitez partager.
   name:
     name:     Nom
+    
+  added_to_group:
+    sentence:       |
+                     L'élément que vous venez d'ajouter semble correspondre
+                     a un des groupes que vous gérez. Cliquez sur le nom d'un groupe
+                     pour diffuser cet élément dans le groupe.
+                     
+    nothanks:       Non, ne pas diffuser cet élément dans un de mes groupes
   
 element_edit:
   url:

src/Muzich/CoreBundle/Controller/CoreController.php

@@ -161,7 +161,7 @@ class CoreController extends Controller
       throw $this->createNotFoundException('Cette ressource n\'est pas accessible');
     }
     
-    $user = $this->getUser();
+    $user = $this->getUser(true, array('join' => array('groups_owned_groups_tags')));
     $em = $this->getDoctrine()->getEntityManager();
     
     /*
@@ -235,14 +235,11 @@ class CoreController extends Controller
             'no_group_name' => true
           ))->getContent();
         }
-
-        
-        
-        
         
         return $this->jsonResponse(array(
           'status' => 'success',
-          'html'   => $html
+          'html'   => $html,
+          'groups' => (!$group)?$this->isAddedElementCanBeInGroup($element):array()
         ));
       }
       else
@@ -333,6 +330,40 @@ class CoreController extends Controller
     
   }
   
+  /**
+   * Cette méthode vérifie si l'élément qui vient d'être envoyé pourrais être
+   * associé a un groupe de l'utilisateur.
+   * 
+   * @param Element $element
+   * @return array
+   */
+  protected function isAddedElementCanBeInGroup(Element $element)
+  {
+    $element_tags = $element->getTags();
+    $groups = array();
+    foreach ($this->getUser()->getGroupsOwned() as $group)
+    {
+      foreach ($element_tags as $element_tag)
+      {
+        if ($group->hasThisTag($element_tag->getId()))
+        {
+          $groups[] = array(
+            'name' => $group->getName(),
+            'id'   => $group->getId(),
+            'url'  => $this->generateUrl('ajax_set_element_group', array(
+              'token'      => $this->getUser()->getPersonalHash(),
+              'element_id' => $element->getId(),
+              'group_id'   => $group->getId()
+            ))
+          );
+        }
+    
+      }
+    }
+    
+    return $groups;
+  }
+  
   public function filterClearAction()
   {
     $es = $this->getElementSearcher();
@@ -431,4 +462,50 @@ class CoreController extends Controller
     ));
   }
   
+  public function setElementGroupAction($element_id, $group_id, $token)
+  {
+    if (($response = $this->mustBeConnected(true)))
+    {
+      return $response;
+    }
+    
+    if (!($element = $this->getDoctrine()->getRepository('MuzichCoreBundle:Element')
+      ->findOneById($element_id)) 
+      || !($group = $this->getDoctrine()->getRepository('MuzichCoreBundle:Group')
+      ->findOneById($group_id)) 
+      || $this->getUser()->getPersonalHash() != $token)
+    {
+      return $this->jsonResponse(array(
+        'status' => 'error',
+        'errors' => array('NotFound')
+      ));
+    }
+    
+    if ($element->getOwner()->getId() != $this->getUserId()
+      || $group->getOwner()->getId() != $this->getUserId()
+    )
+    {
+      return $this->jsonResponse(array(
+        'status' => 'error',
+        'errors' => array('NotAllowed')
+      ));
+    }
+    
+    // a partir d'ici on a tout ce qu'il faut
+    $element->setGroup($group);
+    $this->getDoctrine()->getEntityManager()->persist($element);
+    $this->getDoctrine()->getEntityManager()->flush();
+    
+    // On récupère le nouveau dom de l'élément
+    $html = $this->render('MuzichCoreBundle:SearchElement:element.html.twig', array(
+      'element'     => $element
+    ))->getContent();
+    
+    return $this->jsonResponse(array(
+      'status' => 'success',
+      'html'   => $html,
+      'dom_id' => 'element_'.$element->getId()
+    ));
+  }
+  
 }

src/Muzich/CoreBundle/Entity/Group.php

@@ -375,4 +375,16 @@ class Group
     
     return false;
   }
+  
+  public function hasThisTag($tag_id)
+  {
+    foreach ($this->tags as $tag)
+    {
+      if ($tag_id == $tag->getTag()->getId())
+      {
+        return true;
+      }
+    }
+    return false;
+  }
 }

src/Muzich/CoreBundle/Repository/UserRepository.php

@@ -52,6 +52,12 @@ class UserRepository extends EntityRepository
       $join   .= ' LEFT JOIN u.groups_owned og';
     }
     
+    if (in_array('groups_owned_groups_tags', $join_list))
+    {
+      $select .= ', og, ogt';
+      $join   .= ' LEFT JOIN u.groups_owned og LEFT JOIN og.tags ogt';
+    }
+    
     return $this->getEntityManager()
       ->createQuery("
         SELECT $select FROM MuzichCoreBundle:User u

src/Muzich/CoreBundle/Resources/config/routing.yml

@@ -94,3 +94,8 @@ element_new_get:
 ajax_tag_add_to_favorites:
   pattern: /ajax/tag/add-to-favorites/{tag_id}/{token}
   defaults: { _controller: MuzichCoreBundle:Core:addTagToFavorites }
+
+ajax_set_element_group:
+  pattern: /ajax/element/set-group/{element_id}/{group_id}/{token}
+  defaults: { _controller: MuzichCoreBundle:Core:setElementGroup }
+  

src/Muzich/HomeBundle/Resources/views/Home/index.html.twig

@@ -22,6 +22,19 @@
     </form>
   </div>
 
+  <div id="added_element_to_group" style="display: none;">
+    <img class="loader" style="display: none;" src="{{ asset('/bundles/muzichcore/img/ajax-loader.gif') }}" alt="loading" />
+    <p class="help">
+      {{ 'element_add.added_to_group.sentence'|trans({}, 'userui') }}
+    </p>
+    <ul id="groups_to_add_element"></ul>
+    <p class="cancel">
+      <a href="" class="cancel">
+        {{ 'element_add.added_to_group.nothanks'|trans({}, 'userui') }}
+      </a>
+    </p>
+  </div>
+
   <a href="#" id="element_add_link" class="button">
     {{ 'home.add_element'|trans({}, 'navigationui') }} &gt;&gt;
   </a>

web/bundles/muzichcore/css/main.css

@@ -1021,3 +1021,11 @@ li.element a.element_tag_large_for_fav
 }
 
 /* END Ajouter tag d'élément a ses tags favoris */
+
+div#added_element_to_group
+{
+  background-color: #E3F6FD;
+  padding: 20px;
+  font-size: 115%;
+  font-weight: bold;
+}

web/bundles/muzichcore/js/muzich.js

@@ -1021,7 +1021,7 @@ $(document).ready(function(){
     }
   });
 
-  // Ajout d'un element
+  // Ajout d'un element #ajouter
   $('form[name="add"] input[type="submit"]').live('click', function(){
     $('form[name="add"]').find('img.tag_loader').show();
   });
@@ -1037,14 +1037,40 @@ $(document).ready(function(){
       $('form[name="add"]').find('ul.error_list').remove();
       $('ul.elements').prepend(response.html);
       $('form[name="add"] input[type="text"]').val('');
-      $('div#element_add_box').slideUp();
-      $('a#element_add_link').show();
+      
       if ($('form[name="search"]').length)
       {
         $('form[name="search"]').slideDown();
       }
       remove_tags('add');
       recolorize_element_list();
+      
+      $('div#element_add_box').slideUp();
+      
+      if (response.groups.length)
+      {
+        // Des groupes sont proposés pour diffuser cet élément
+        $('div#added_element_to_group').slideDown();
+        for (i in response.groups)
+        {
+          var group = response.groups[i];
+          $('ul#groups_to_add_element').html('');
+          $('ul#groups_to_add_element')
+            .append($('<li>')
+              .append($('<a>')
+                .addClass('added_element_add_to_group')
+                .attr('href', group.url)
+                .append(group.name)
+              )
+            )
+          ;
+        }
+      }
+      else
+      {
+        $('a#element_add_link').show();
+      }
+      
     }
     else if (response.status == 'error')
     {
@@ -1562,5 +1588,41 @@ $(document).ready(function(){
       li.find('a.tag_to_favorites').hide();
     }
   });
+  
+  /*
+   * Ajout dans un groupe de l'élément envoyé 
+   */
+  
+  $('a.added_element_add_to_group').live('click', function(){
+    
+    div = $(this).parent('li').parent('ul').parent('div');
+    div.find('img.loader').show();
+    
+    $.getJSON($(this).attr('href'), function(response) {
+      
+      div.find('img.loader').hide();
+    
+      if (response.status == 'mustbeconnected')
+      {
+        $(location).attr('href', url_index);
+      }
+      
+      if (response.status == 'success')
+      {
+        $('li#'+response.dom_id).html(response.html);
+      }
+      
+      $('div#added_element_to_group').slideUp();
+      $('a#element_add_link').show();
+      
+    });
+    return false;
+  });
+  
+  $('div#added_element_to_group a.cancel').live('click', function(){
+    $('div#added_element_to_group').slideUp();
+    $('a#element_add_link').show();
+    return false;
+  });
    
  });