display more for visitors

app/Resources/translations/navigationui.en.yml

@@ -61,4 +61,8 @@ error_page:
     text:               You do not have access to this page.
   error:
     title:              Error.
-    text:               Oops, an error occured. Our ants are working on it, they will correct it soon.
+    text:               Oops, an error occured. Our ants are working on it, they will correct it soon.
+
+help:
+    know_more:          "Muzi.ch: What is it ?"
+    launch_tour:        Launch demo

app/Resources/translations/navigationui.fr.yml

@@ -65,4 +65,5 @@ error_page:
     text:               Une erreur est survenue. Notre équipe technique en a été avertie et tentera de procéder à sa correction.
 
 help:
-    know_more:          Muzi.ch: Qu'est-ce que c'est ?
+    know_more:          "Muzi.ch: Qu'est-ce que c'est ?"
+    launch_tour:        Lancer une démonstration

app/Resources/translations/text.fr.yml

@@ -2,20 +2,20 @@
 sites:
   subtitle:      Support des sites externes
   text:          |
-                  Lorsque vous ajouter un lien sur le réseau Muzi.ch celui-ci est
+                  Lorsque vous ajoutez un lien sur le réseau Muzi.ch celui-ci est
                   interprété afin d'intégrer directement le contenu que vous souhaitez 
                   partager. Ci-dessous la liste des sites dont certaines ressources sont
-                  actuellement supportés.
+                  actuellement supportées.
 dev:
   subtitle:       Muzich est en cours de construction
   text:           |
                   Actuellement vous utilisez une version de test. De nombreuses 
-                  fonctionnalités doivent voir le jours au fur et a mesure du développement.
+                  fonctionnalités doivent voir le jour au fur et a mesure du développement.
 about:
   subtitle:       Découvrez et partagez la musique d'internet
   text:           |
-                  Grâce au réseau de Muzi.ch découvrez chaque jours de nouveaux son partagés
-                  par les autres membres de ce réseau. Partagez egallement vos coup de coeurs 
+                  Grâce au réseau de Muzi.ch découvrez chaque jour de nouvelles musiques partagés
+                  par les autres membres de ce réseau. Partagez également vos coups de cœurs 
                   sur ce même réseau.
 
 mail:
@@ -38,7 +38,7 @@ mail:
     content:      >
                   Bonjour %username%,
 
-                  Une demande de réinitialisation de votre mot de passe a été demandé. Si vous
+                  Une demande de réinitialisation de votre mot de passe a été faite. Si vous
                   n'êtes pas a l'origine de cette demande, ne tenez pas compte de cet email.
                   
                   Si au contraire vous souhaitez changer le mot de passe de votre accès a Muzi.ch
@@ -53,7 +53,7 @@ mail:
     content:      >
                   Bonjour %username%,
 
-                  Une demande de changement d'email a été demandé. Si vous
+                  Une demande de changement d'email a été faite. Si vous
                   n'êtes pas a l'origine de cette demande, ne tenez pas compte de cet email.
                   
                   Si au contraire vous souhaitez définir cette nouvelle adresse email
@@ -65,10 +65,10 @@ mail:
   presubscription:
     subject:        Muzi.ch: Confirmation de demande d'incription 
     text:           >
-                    Ceci est un émail automatique, merci d'utiliser contact@muzi.ch pour nous répondre.
+                    Ceci est un email automatique, merci d'utiliser contact@muzi.ch pour nous répondre.
                     
                     
-                    Une demande d'inscription à Muzi.ch a été demandée.
+                    Une demande d'inscription à Muzi.ch a été faite.
                     
                     Si vous n'êtes pas à l'origine de cette demande, ne tenez pas compte de cet email.
                     
@@ -112,7 +112,7 @@ help:
     title:            Liste de tags
     text:             |
                       Les liste de tags vont vous permettre à différents endroits du site
-                      de pouvoir filtrer le flux ou de spécifié le style de votre partage.
+                      de pouvoir filtrer le flux ou de spécifier le style de votre partage.
                       pour cela vous allez devoir saisir les tags un à un comme ceci:
     subtitle1:        Commencez par saisir votre premier tag
     subtitle2:        Choisissez le tag souhaité dans la liste en cliquant dessus
@@ -125,23 +125,23 @@ help:
                       Muzi.ch est une plate-forme sur laquelle vous pourrez découvrir et partager
                       la musique disponible sur les sites comme SoundCloud, Deezer, Jamendo ou encore
                       Youtube. A l'aide de tags représentant les styles de musiques, vous pouvez
-                      partager et découvrir avec précision les nouveaux sont qui vous correspondent.
+                      partager et découvrir avec précision les nouveaux sons qui vous correspondent.
     flux:
       title:          Flux de partages
       text:           |
-                      Un flux que vous pouvez filtrer a l'aide de tags représente les partages de
+                      Un flux, que vous pouvez filtrer a l'aide de tags, représente les partages de
                       la communauté.
     autoplay:
       title:          La lecture automatique
       text:           |
-                      Jouez en liste de lecture les partages ou de vos favoris issues 
+                      Jouez en liste de lecture les partages ou vos favoris issus 
                       de Youtube, de SoundCloud etc ...
     reputation:
       title:          Faites-vous une réputation
       text:           |
                       Plus vos partages plaisent, plus vous gagnez de réputation !
-                      Fiez-vous à la réputation des utilisateur pour chosir quels profils
-                      suivre et créer votre réseau personel
+                      Fiez-vous à la réputation des utilisateurs pour chosir quels profils
+                      suivre et créer votre réseau personnel.
               
         
 
@@ -151,6 +151,7 @@ help_tour:
     prev:             Précédent
     start:            Démarrer
     end:              Ne plus voir
+    close:            Fermer
   home:
     welcome:
       tour:           |
@@ -173,10 +174,10 @@ help_tour:
       play:           |
                       "<p>En cliquant sur la miniature vous pouvez lancer la lecture de "+
                       "la musique si le partage "+
-                      "est issue d'un site supporté, ou ouvrir la page partagé par "+
+                      "est issu d'un site supporté, ou ouvrir la page partagée par "+
                       "l'utilisateur.</p>"
       actions:        |
-                      "<p>Vous pouvez, sur chaques partages: "+
+                      "<p>Vous pouvez, sur chaque partage: "+
                       "<strong>Ouvrir la page d'origine</strong>, "+
                       "<strong>lancer la lecture automatique</strong> (si le lien est supporté), "+
                       "<strong>Proposer des tags</strong>, "+
@@ -185,11 +186,11 @@ help_tour:
                       "</p>"
       likefav:        |
                       "<p>Si cette musique vous a plu: récompensez l'utilisateur avec un pouce ! "+
-                      " Vous pouvez égallement ajouter ce partage a votre liste de musiques favorites.</p>"
+                      " Vous pouvez également ajouter ce partage à votre liste de musiques favorites.</p>"
     filters:
       tour:           |
                       "<h1>Filtres</h1>"+
-                      "<p>Vous pouvez filtrer les partages a l'aide de tags.</p>"
+                      "<p>Vous pouvez filtrer les partages à l'aide de tags.</p>"
       notags:         |
                       "<p>Sans tags, comme maintenant.</p>"
       withtags:       |
@@ -208,15 +209,15 @@ help_tour:
     addelement:
       tour:           |
                       "<h1>Ajouter un partage</h1>"+
-                      "<p>Le deuxième point principale de Muzi.ch est l'ajout de partages. "+
+                      "<p>Le deuxième point principal de Muzi.ch est l'ajout de partages. "+
                       "Plus votre partage sera apprécié, plus vous gagnerez en réputation "+
                       "et plus vous partagerez avec des tags précis, plus vos partages seront écoutés.</p>"
       url:            |
                       "<p>La première étape sera de saisir l'adresse http:// de la page "+
                       "contenant la musique que vous souhaitez partager.</p>"
       form:           |
-                      "<p>Si l'adresse que vous avez saisis représente une ressource sur un site géré "+
-                      "par Muzi.ch, des informations préalables vous seront proposés. Sinon "+
+                      "<p>Si l'adresse que vous avez saisie représente une ressource sur un site géré "+
+                      "par Muzi.ch, des informations préalables vous seront proposées. Sinon "+
                       "il faudra simplement les entrer vous même. <strong>Pensez à saisir "+
                       "des tags pour être précis dans votre partage !</strong></p>"
     end:
@@ -224,4 +225,4 @@ help_tour:
                       "<h1>C'est parti !</h1>"+
                       "<p>Amusez vous bien !</p>"
       go:             |
-                      "<p>C'est parti !</p>"
+                      "<p>C'est parti !</p>"

src/Muzich/CoreBundle/Controller/ElementController.php

@@ -911,7 +911,7 @@ class ElementController extends Controller
     foreach ($tags as $tag_name)
     {
       // On va determiner si on connais ces tags
-      $tag_like_tag = $tag_like->getSimilarTags($tag_name, $this->getUserId());
+      $tag_like_tag = $tag_like->getSimilarTags($tag_name, $this->getUserId(true));
       
       // Premièrement: Si on a trouvé des équivalents en base
       if (array_key_exists('tags', $tag_like_tag))
@@ -947,12 +947,7 @@ class ElementController extends Controller
   }
   
   public function getDatasApiAction(Request $request)
-  {
-    if (($response = $this->mustBeConnected(true)))
-    {
-      return $response;
-    }
-    
+  { 
     $url =  null;
     if (count(($element_add_values = $request->get('element_add'))))
     {
@@ -975,7 +970,7 @@ class ElementController extends Controller
     $element->setUrl($url);
     
     $factory = new ElementManager($element, $this->getEntityManager(), $this->container);
-    $factory->proceedFill($this->getUser());
+    $factory->proceedFill((!$this->isVisitor())?$this->getUser():null);
     
     // On gère les tags proposés
     $tags_propositions = array();

src/Muzich/CoreBundle/Factory/Elements/Soundcloudcom.php

@@ -229,7 +229,7 @@ class Soundcloudcom extends ElementFactory
           $tag_like = new TagLike($this->entity_manager);
           foreach (explode(' ', $tags_string) as $word)
           {
-            $similar_tags = $tag_like->getSimilarTags($word, $this->element->getOwner()->getId());
+            $similar_tags = $tag_like->getSimilarTags($word, ($this->element->getOwner())?$this->element->getOwner()->getId():null);
             if (count($similar_tags))
             {
               if ($similar_tags['same_found'])

src/Muzich/CoreBundle/Managers/ElementManager.php

@@ -71,13 +71,13 @@ class ElementManager
    * @param array $params
    * @param User $owner
    */
-  public function proceedFill(User $owner, $do_tags = true)
+  public function proceedFill(User $owner = null, $do_tags = true)
   {
-    $this->element->setOwner($owner);
+    if ($owner)
+      $this->element->setOwner($owner);
     if ($do_tags)
-    {
       $this->element->setTagsWithIds($this->em, json_decode($this->element->getTags()));
-    }
+    
     $this->determineType();
     $this->proceedExtraFields();
   }

src/Muzich/CoreBundle/Resources/public/css/main.css

@@ -948,7 +948,7 @@ ul#favorite_tags li
   margin-right: 0px;
 }
 
-#element_add_link, #element_add_close_link, #group_add_link, #group_add_link_disabled, #group_add_close_link, #registration_link, #login_link, #know_more
+#element_add_link, #element_add_close_link, #group_add_link, #group_add_link_disabled, #group_add_close_link, #registration_link, #login_link, #know_more, #launch_tour
 {
   float: right;
   margin-top: -58px;
@@ -2036,11 +2036,12 @@ div#form_add_thumb img
   height: 100px;
 }
   
-#know_more
+#know_more, #launch_tour
 {
   float: none;
   margin-bottom: 16px;
   margin-top: 0;
+  width: 269px;
 }
 
 div.helpbox_image_container

src/Muzich/CoreBundle/Resources/public/js/muzich.js

@@ -38,6 +38,10 @@ function ResponseController()
         open_connection_or_subscription_window();
       }
     }
+    else if (response.status === 'mustbeconnected')
+    {
+      open_connection_or_subscription_window(true);
+    }
   }
   
   this.execute = function(response, success_callback, failure_callback)
@@ -281,10 +285,11 @@ function JQueryJson(url, data, callback_success)
     data: data,
     success: function(response)
     {
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       callback_success(response);
     }
@@ -360,10 +365,11 @@ $(document).ready(function(){
     var form = $('form[name="search"]');
     
     $.getJSON(url_get_favorites_tags, function(response) {
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
         var tags = [];
         for (i in response.tags)
@@ -540,10 +546,11 @@ $(document).ready(function(){
     link.addClass('loading');
     
     $.getJSON($(this).attr('href'), function(response) {
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       var img = link.find('img');
       link.attr('href', response.link_new_url);
@@ -615,10 +622,11 @@ $(document).ready(function(){
        url: url,
        data: data,
        success: function(response) {
-          if (response.status == 'mustbeconnected')
-           {
-             $(location).attr('href', url_home);
-           }
+          window.ResponseController.execute(
+            response,
+            function(){},
+            function(){}
+          );
 
           if (response.count)
           {
@@ -661,10 +669,11 @@ $(document).ready(function(){
   
   $('form[name="search"]').ajaxForm(function(response) { 
     
-    if (response.status == 'mustbeconnected')
-    {
-      $(location).attr('href', url_home);
-    }
+    window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
     
     $('ul.elements').html(response.html);
     
@@ -698,10 +707,11 @@ $(document).ready(function(){
       var li = link.parents('li.element');
       li.find('img.element_loader').show();
       $.getJSON(link.attr('href'), function(response){
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_home);
-        }
+        window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
         
         if (response.status == 'success')
         {
@@ -741,10 +751,11 @@ $(document).ready(function(){
       var li = link.parents('li.element');
       li.find('img.element_loader').show();
       $.getJSON(link.attr('href'), function(response){
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_home);
-        }
+        window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
         
         if (response.status == 'success')
         {
@@ -775,10 +786,11 @@ $(document).ready(function(){
     
     $.getJSON($(this).attr('href'), function(response) {
       
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       // On prépare le tagBox
       li.html(response.html);
@@ -801,10 +813,11 @@ $(document).ready(function(){
       });
       $('form[name="'+response.form_name+'"]').ajaxForm(function(response){
         
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_home);
-        }
+        window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
         
         var li = $('li#'+response.dom_id);
         
@@ -1419,10 +1432,11 @@ $(document).ready(function(){
   
   function element_add_proceed_data_apis(response)
   {
-    if (response.status == 'mustbeconnected')
-    {
-      $(location).attr('href', url_home);
-    }
+    window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
 
     if (response.status == 'success')
     {
@@ -1599,10 +1613,11 @@ $(document).ready(function(){
     $('img.elements_more_loader').show();
     $.getJSON($('input#get_elements_url').val()+'/'+array2json(tags_ids_for_filter), function(response){
       
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       $('ul.elements').html(response.html);
       
@@ -1733,10 +1748,11 @@ $(document).ready(function(){
           data: $('form[name="search"]').serialize(),
           success: function(response){
           
-            if (response.status == 'mustbeconnected')
-            {
-              alert('pouet!');
-            }
+            window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
 
             if (response.status == 'success' && response.count)
             {
@@ -1791,10 +1807,11 @@ $(document).ready(function(){
       data: $('form[name="search"]').serialize(),
       success: function(response){
       
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_home);
-        }
+        window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
 
         if (response.status == 'success')
         {
@@ -1916,10 +1933,11 @@ $(document).ready(function(){
       li_element.find('form.add_comment').show();
       
       li_element.find('form.add_comment').ajaxForm(function(response) {
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_home);
-        }
+        window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
 
         li_element.find('img.comments_loader').hide();
         
@@ -1997,10 +2015,11 @@ $(document).ready(function(){
         
         li.find('img.comment_loader').hide();
         
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_home);
-        }
+        window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
         
         if (response.status == 'success')
         {
@@ -2040,10 +2059,11 @@ $(document).ready(function(){
     
     $.getJSON($(this).attr('href'), function(response) {
       
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       li.html(response.html);
       // On rend ce formulaire ajaxFormable
@@ -2058,10 +2078,11 @@ $(document).ready(function(){
         li = $('li#'+response.dom_id);
         li.find('img.comment_loader').hide();
         
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_home);
-        }
+        window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
         
         if (response.status == 'success')
         {
@@ -2124,10 +2145,11 @@ $(document).ready(function(){
       
       $.getJSON(link.attr('href'), function(response){
         
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_home);
-        }
+        window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       });
       
       $('div.question').fadeOut();
@@ -2158,10 +2180,11 @@ $(document).ready(function(){
       
       loader.hide();
     
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       if (response.status == 'success')
       {
@@ -2260,10 +2283,11 @@ $(document).ready(function(){
     
     $.getJSON(link.attr('href'), function(response){
         
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       if (response.status == 'success')
       {
@@ -2326,10 +2350,11 @@ $(document).ready(function(){
         });
         $('form[name="'+response.form_name+'"]').ajaxForm(function(response){
 
-          if (response.status == 'mustbeconnected')
-          {
-            $(location).attr('href', url_home);
-          }
+          window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
 
           if (response.status == 'success')
           {
@@ -2379,10 +2404,11 @@ $(document).ready(function(){
     
     $.getJSON($(this).attr('href'), function(response) {
       
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       li.find('img.element_loader').hide();
       
@@ -2406,10 +2432,11 @@ $(document).ready(function(){
     
     $.getJSON($(this).attr('href'), function(response) {
       
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       li.find('img.element_loader').hide();
       
@@ -2432,10 +2459,11 @@ $(document).ready(function(){
     
     $.getJSON($(this).attr('href'), function(response) {
       
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       li.find('img.element_loader').hide();
       
@@ -2497,10 +2525,11 @@ $(document).ready(function(){
       $('div.question').fadeOut();
       $.getJSON(link.attr('href'), function(response){
         
-        if (response.status == 'mustbeconnected')
-        {
-          $(location).attr('href', url_home);
-        }
+        window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
         
         // On affiche l'élément que si on voit que le formulaire est sur la page
         // Sinon c'est qu'on est sur une page ou on a pas normalement la possibilité
@@ -2744,10 +2773,11 @@ $(document).ready(function(){
     link = $(this);
     $.getJSON(link.attr('href'), function(response) {
       
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
        if (response.status == 'success')
        {
@@ -2796,10 +2826,11 @@ $(document).ready(function(){
     var link = $(this);
     $.getJSON($(this).attr('href'), function(response) {
      
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       if (response.status == 'success')
       {
@@ -2824,10 +2855,11 @@ $(document).ready(function(){
     
     $.getJSON($(this).attr('href')+'/'+newtag, function(response) {
      
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       if (response.status == 'error')
       {
@@ -2878,10 +2910,11 @@ $(document).ready(function(){
     var link = $(this);
     $.getJSON($(this).attr('href'), function(response) {
      
-      if (response.status == 'mustbeconnected')
-      {
-        $(location).attr('href', url_home);
-      }
+      window.ResponseController.execute(
+        response,
+        function(){},
+        function(){}
+      );
       
       if (response.status == 'success')
       {
@@ -3045,6 +3078,13 @@ $(document).ready(function(){
     return false;
    });
    
+   /*
+    * tour launch manually
+    */
+   
+   $('a#launch_tour').click(function(){
+     window.start_visit_tour();
+   });
    
    
 });

src/Muzich/CoreBundle/Resources/views/Component/element_add_buttons.html.twig

@@ -5,7 +5,7 @@
   {% set close_class = ''%}
 {% endif %}
 
-<a href="#" id="element_add_link" class="button gradient {{ add_class }} {% if not app.user %}mustbeconnected{% endif %}">
+<a href="#" id="element_add_link" class="button gradient {{ add_class }}">
   {{ 'home.add_element'|trans({}, 'navigationui') }}
   <img src="{{ asset('/img/icon_dart_right_white.png') }}" alt="" />
 </a>

src/Muzich/CoreBundle/Resources/views/HelpTour/home.html.twig

@@ -1,104 +1,118 @@
 {% autoescape false %}
   <script>
     $(document).ready(function(){ 
-      $.aSimpleTour({
-        data : [
-          { 
-            element: '#elements_list', 
-            tooltip : {{ 'help_tour.home.elements.tooltip'|trans({}, 'text') }},
-            position : 'T',
-            text : {{ 'help_tour.home.elements.tour'|trans({}, 'text') }},
-            tooltipCallback : function(){ $('#tabs_tag_search_no_tags').trigger('click'); }
-          },
-          { 
-            element: 'ul.elements li:first td.element_thumbnail', 
-            text : {{ 'help_tour.home.element.tour'|trans({}, 'text') }},
-            tooltip: {{ 'help_tour.home.element.play'|trans({}, 'text') }},
-            position : 'R'
-          },
-          { 
-            element: 'ul.elements li:first ul.element_links_actions',
-            text : {{ 'help_tour.home.element.tour'|trans({}, 'text') }},
-            tooltip: {{ 'help_tour.home.element.actions'|trans({}, 'text') }},
-            position : 'L'
-          },
-          { 
-            element: 'ul.elements li:first ul.element_thumb_actions',
-            text : {{ 'help_tour.home.element.tour'|trans({}, 'text') }},
-            tooltip: {{ 'help_tour.home.element.likefav'|trans({}, 'text') }},
-            position : 'R'
-          },
-          { 
-            element: '#tabs_tag_search_no_tags',
-            text : {{ 'help_tour.home.filters.tour'|trans({}, 'text') }},
-            tooltip: {{ 'help_tour.home.filters.notags'|trans({}, 'text') }},
-            position : 'B'
-          },
-          { 
-            element: '#tabs_tag_search_with_tags',
-            text : {{ 'help_tour.home.filters.tour'|trans({}, 'text') }},
-            tooltip: {{ 'help_tour.home.filters.withtags'|trans({}, 'text') }},
-            position : 'T',
-            tooltipCallback : function(){ $('#tabs_tag_search_with_tags').trigger('click'); }
-          },
-          { 
-            element: '#header_menu a.all_network',
-            text : {{ 'help_tour.home.network.tour'|trans({}, 'text') }},
-            tooltip: {{ 'help_tour.home.network.public'|trans({}, 'text') }},
-            position : 'B'
-          },
-          { 
-            element: '#link_all_network',
-            text : {{ 'help_tour.home.network.tour'|trans({}, 'text') }},
-            tooltip: {{ 'help_tour.home.network.private'|trans({}, 'text') }},
-            position : 'B'
-          },
-          { 
-            element: '#mainbox',
-            text : {{ 'help_tour.home.addelement.tour'|trans({}, 'text') }},
-            tooltip: {{ 'help_tour.home.addelement.url'|trans({}, 'text') }},
-            position : 'T',
-            tooltipCallback : function(){ 
-              $('#element_add_link').trigger('click'); 
-              $('#element_add_url').val('http://www.jamendo.com/fr/list/a114042/falling-apart');
-            }
-          },
-          { 
-            element: '#mainbox',
-            text : {{ 'help_tour.home.addelement.tour'|trans({}, 'text') }},
-            tooltip: {{ 'help_tour.home.addelement.form'|trans({}, 'text') }},
-            position : 'T',
-            tooltipCallback : function(){ 
-              $('#element_add_url').val('http://www.jamendo.com/fr/list/a114042/falling-apart');
-              $('#form_add_first_part input[type="submit"]').trigger('click');
+      
+      window.start_visit_tour = function()
+      {
+        
+        $.aSimpleTour({
+          data : [
+            { 
+              element: '#elements_list', 
+              tooltip : {{ 'help_tour.home.elements.tooltip'|trans({}, 'text') }},
+              position : 'T',
+              text : {{ 'help_tour.home.elements.tour'|trans({}, 'text') }},
+              tooltipCallback : function(){ $('#tabs_tag_search_no_tags').trigger('click'); }
+            },
+            { 
+              element: 'ul.elements li:first td.element_thumbnail', 
+              text : {{ 'help_tour.home.element.tour'|trans({}, 'text') }},
+              tooltip: {{ 'help_tour.home.element.play'|trans({}, 'text') }},
+              position : 'R'
+            },
+            { 
+              element: 'ul.elements li:first ul.element_links_actions',
+              text : {{ 'help_tour.home.element.tour'|trans({}, 'text') }},
+              tooltip: {{ 'help_tour.home.element.actions'|trans({}, 'text') }},
+              position : 'L'
+            },
+            { 
+              element: 'ul.elements li:first ul.element_thumb_actions',
+              text : {{ 'help_tour.home.element.tour'|trans({}, 'text') }},
+              tooltip: {{ 'help_tour.home.element.likefav'|trans({}, 'text') }},
+              position : 'R'
+            },
+            { 
+              element: '#tabs_tag_search_no_tags',
+              text : {{ 'help_tour.home.filters.tour'|trans({}, 'text') }},
+              tooltip: {{ 'help_tour.home.filters.notags'|trans({}, 'text') }},
+              position : 'B'
+            },
+            { 
+              element: '#tabs_tag_search_with_tags',
+              text : {{ 'help_tour.home.filters.tour'|trans({}, 'text') }},
+              tooltip: {{ 'help_tour.home.filters.withtags'|trans({}, 'text') }},
+              position : 'T',
+              tooltipCallback : function(){ $('#tabs_tag_search_with_tags').trigger('click'); }
+            },
+            { 
+              element: '#header_menu li a.all_network',
+              text : {{ 'help_tour.home.network.tour'|trans({}, 'text') }},
+              tooltip: {{ 'help_tour.home.network.public'|trans({}, 'text') }},
+              position : 'B'
+            },
+            { 
+              element: '#header_menu li a.all_network',
+              text : {{ 'help_tour.home.network.tour'|trans({}, 'text') }},
+              tooltip: {{ 'help_tour.home.network.private'|trans({}, 'text') }},
+              position : 'B'
+            },
+            { 
+              element: '#mainbox',
+              text : {{ 'help_tour.home.addelement.tour'|trans({}, 'text') }},
+              tooltip: {{ 'help_tour.home.addelement.url'|trans({}, 'text') }},
+              position : 'T',
+              tooltipCallback : function(){ 
+                $('#element_add_link').trigger('click'); 
+                $('#element_add_url').val('http://www.jamendo.com/fr/list/a114042/falling-apart');
+              }
+            },
+            { 
+              element: '#mainbox',
+              text : {{ 'help_tour.home.addelement.tour'|trans({}, 'text') }},
+              tooltip: {{ 'help_tour.home.addelement.form'|trans({}, 'text') }},
+              position : 'T',
+              tooltipCallback : function(){ 
+                $('#element_add_url').val('http://www.jamendo.com/fr/list/a114042/falling-apart');
+                $('#form_add_first_part input[type="submit"]').trigger('click');
+              }
+            },
+            { 
+              element: '#header_logo',
+              tooltip : {{ 'help_tour.home.end.go'|trans({}, 'text') }},
+              text : {{ 'help_tour.home.end.tour'|trans({}, 'text') }}
             }
+          ],
+          controlsPosition : 'TR',
+          welcomeMessage : {{ 'help_tour.home.welcome.tour'|trans({}, 'text') }},
+          tooltipColors:  { 'color' : 'black', 'backgroud' : ''},
+          controlsColors: { 'color' : 'black', 'backgroud' : ''},
+          buttons : { 
+            next:   '{{ 'help_tour.buttons.next'|trans({}, 'text') }}', 
+            prev:   '{{ 'help_tour.buttons.prev'|trans({}, 'text') }}', 
+            start:  '{{ 'help_tour.buttons.start'|trans({}, 'text') }}', 
+            end:    '{% if app.user %}{{ 'help_tour.buttons.end'|trans({}, 'text') }}{% else %}{{ 'help_tour.buttons.close'|trans({}, 'text') }}{% endif %}' 
           },
-          { 
-            element: '#header_logo',
-            tooltip : {{ 'help_tour.home.end.go'|trans({}, 'text') }},
-            text : {{ 'help_tour.home.end.tour'|trans({}, 'text') }}
+          endCallback: function(){ 
+            {% if app.user %}
+              $('#element_add_close_link').trigger('click');
+              JQueryJson("{{ path('user_hide_help', {
+                'help_id' : 'home',
+                'token'   :  app.user.getPersonalHash('updateHelpAction')
+              }) }}", {}, $.noop);
+            {% else %}
+              $('#element_add_close_link').trigger('click');
+            {% endif %}
           }
-        ],
-        controlsPosition : 'TR',
-        welcomeMessage : {{ 'help_tour.home.welcome.tour'|trans({}, 'text') }},
-        tooltipColors:  { 'color' : 'black', 'backgroud' : ''},
-        controlsColors: { 'color' : 'black', 'backgroud' : ''},
-        buttons : { 
-          next:   '{{ 'help_tour.buttons.next'|trans({}, 'text') }}', 
-          prev:   '{{ 'help_tour.buttons.prev'|trans({}, 'text') }}', 
-          start:  '{{ 'help_tour.buttons.start'|trans({}, 'text') }}', 
-          end:    '{{ 'help_tour.buttons.end'|trans({}, 'text') }}' 
-        },
-        endCallback: function(){ 
-          $('#element_add_close_link').trigger('click');
-          JQueryJson("{{ path('user_hide_help', {
-            'help_id' : 'home',
-            'token'   :  app.user.getPersonalHash('updateHelpAction')
-          }) }}", {}, $.noop);
         }
-      }
 
-      );
+        );
+      }
+      
+      {% if start %}
+        window.start_visit_tour();
+      {% endif %}
+      
     });
   </script>
 {% endautoescape %}

src/Muzich/CoreBundle/Resources/views/Layout/side.html.twig

@@ -15,12 +15,16 @@
   {% endif %}
 
 {% else %}
+
   <div class="side_margin_top"></div>
   
   <div class="center">
     <a id="know_more" class="helpbox button" href="{{ path('helpbox_bootstrap', {'ressource_id':'know_more'}) }}" title="{{ 'help.know_more'|trans({}, 'navigationui') }}">
       {{ 'help.know_more'|trans({}, 'navigationui') }}
     </a>
+    <a id="launch_tour" class="button" href="#" title="{{ 'help.maunch_tour'|trans({}, 'navigationui') }}">
+      {{ 'help.launch_tour'|trans({}, 'navigationui') }}
+    </a>
   </div>
   
 {% endif %}
@@ -29,6 +33,7 @@
     {% render "MuzichCoreBundle:Search:renderGlobalSearchForm" %}
   </div>
   
+  
   {% include 'MuzichCoreBundle:Layout:social.html.twig' %}
 
 {% if app.user %}

src/Muzich/CoreBundle/Resources/views/Menu/main_menu.html.twig

@@ -12,7 +12,7 @@
     </li>
   {% else %}
     <li class="{% if network_public == '1' and not ids_display %}selected{% endif %}">
-      <a href="{{ path('home') }}" >
+      <a href="{{ path('home') }}" class="all_network">
         {{ 'filter.network_all'|trans({}, 'userui') }}
       </a>
     </li>
@@ -26,7 +26,7 @@
     </li>
   {% else %}
     <li>
-      <a id="link_my_network" href="#" class="mustbeconnected" >
+      <a id="link_my_network" href="#" class="mustbeconnected my_network" >
         {{ 'filter.network_my'|trans({}, 'userui') }}
       </a>
     </li>

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

@@ -14,8 +14,10 @@
 
   {% if app.user %}
     {% if app.user.wantSeeHelp('home') %}
-      {% include 'MuzichCoreBundle:HelpTour:home.html.twig' %}
+      {% include 'MuzichCoreBundle:HelpTour:home.html.twig' with {'start' : true} %}
     {% endif %}
+  {% else %}
+    {% include 'MuzichCoreBundle:HelpTour:home.html.twig' with {'start' : false} %}
   {% endif %}
 
   {# TODO: Cette partie de javascript ne devra plus exister après la réecriture du code javascript #}