Présentation des éléments: pas de lien Afficher le lecteur.

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

@@ -1,8 +1,10 @@
 <table>
   <tr>
     <td class="element_thumbnail">
+      
       {% if element.embed %}
-        <a href="#" class="element_open element_embed_open_link">
+        <a href="#" class="a_thumbnail element_open element_embed_open_link {% if element.embed %}embed{% else %}noembed{% endif %}">
+          <img class="play" style="display: none;" src="{{ asset('bundles/muzichcore/img/1328283150_media-playback-start.png') }}" alt="" />
           <img 
             class="element_thumbnail"
             {% if element.thumbnailUrl %}
@@ -15,7 +17,8 @@
           />
         </a>
       {% else %}
-        <a href="{{ element.url }}" class="element_open" target="_blank">
+        <a href="{{ element.url }}" class="a_thumbnail element_open {% if element.embed %}embed{% else %}noembed{% endif %}" target="_blank">
+          <img class="open" style="display: none;" src="{{ asset('bundles/muzichcore/img/1328283201_emblem-symbolic-link.png') }}" alt="" />
           <img 
             class="element_thumbnail"
             {% if element.thumbnailUrl %}
@@ -28,6 +31,7 @@
           />
         </a>
       {% endif %}
+      
     </td>
     <td class="element_content">
       
@@ -102,11 +106,7 @@
       </ul>
       {% endif %}
       
-      <br />
-      <a href="#" class="element_open element_embed_open_link element_embed_open_link_text">
-        {{ 'element.show.open_embed'|trans({}, 'elements') }}
-      </a>
-      <a href="#" class="element_open element_embed_close_link" style="display: none;">
+      <a href="#" class="button element_open element_embed_close_link" style="display: none;">
         {{ 'element.show.close_embed'|trans({}, 'elements') }}
       </a>
       

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

@@ -46,7 +46,7 @@
   {% if more_count is defined %} 
   {% if elements|length %}
      <span class="elements_more">
-       <a href="{{ path('search_elements') }}" class="elements_more">
+       <a href="{{ path('search_elements') }}" class="elements_more button">
          {{ 'more'|trans({}, 'userui') }}
        </a>
      </span>

web/bundles/muzichcore/css/main.css

@@ -444,6 +444,7 @@ li.element a.favorite_link
 li.element a.element_open
 {
   font-weight: bold;
+  margin-top: 7px;
 }
 
 li.element div.element_embed
@@ -480,6 +481,12 @@ li.element img.element_thumbnail
   color: black;
 }
 
+li.element img.play, li.element img.open
+{
+  position: absolute;
+  
+}
+
 ul.elements
 {
   margin-left: 0px;

web/bundles/muzichcore/js/muzich.js

@@ -203,6 +203,8 @@ $(document).ready(function(){
   });
 
   // Affichage un/des embed
+  // 1328283150_media-playback-start.png
+  // 1328283201_emblem-symbolic-link.png
   $('a.element_embed_open_link').live("click", function(){
     
      li = $(this).parent('td').parent('tr').parent().parent().parent('li.element');
@@ -236,6 +238,39 @@ $(document).ready(function(){
      
      return false;
   });
+  
+  // Affichage du "play" ou du "open" (image png)
+  $('li.element a.a_thumbnail, li.element img.open, li.element img.play').live({
+    mouseenter:
+      function()
+      {
+        td = $(this).parent('td');
+        a = td.find('a.a_thumbnail');
+        if (a.hasClass('embed'))
+        {
+          td.find('img.play').show();
+        }
+        else
+        {
+          td.find('img.open').show();
+        }
+      },
+    mouseleave:
+      function()
+      {
+        td = $(this).parent('td');
+        a = td.find('a.a_thumbnail');
+        if (a.hasClass('embed'))
+        {
+          td.find('img.play').hide();
+        }
+        else
+        {
+          td.find('img.open').hide();
+        }
+      }
+    }
+  );
 
   // Mise en favoris
   $('a.favorite_link').live("click", function(){
@@ -721,6 +756,6 @@ $(document).ready(function(){
   // Check périodique 
   // TODO.
 
-
+ 
    
  });