Evolution #92: Refonte des boutons: Refonte des boutons réseau public / mon réseau

app/Resources/translations/userui.fr.yml

@@ -37,6 +37,8 @@ filter:
   submit:  Filtrer
   clear:   Aucun filtre
   mytags:  Tous mes tags
+  network_all:   Réseau global
+  network_my:    Mon réseau
   
 element_add:
   url:

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

@@ -1,10 +1,18 @@
 
   {{ form_errors(search_form) }}
 
-  <div class="field">
-    {{ form_errors(search_form.network) }}
-    {{ form_label(search_form.network, 'filter.network'|trans({}, 'userui')) }}
-    {{ form_widget(search_form.network) }}
+  <div class="select_network">
+    <div class="field">
+      {{ form_errors(search_form.network) }}
+      {{ form_widget(search_form.network, { 'attr': {'style': 'display: none;'} }) }}
+    </div>
+    
+    <a href="#" class="button all_network {% if network_public %}active{% endif %}">
+      {{ 'filter.network_all'|trans({}, 'userui') }}
+    </a>
+    <a href="#" class="button my_network {% if not network_public %}active{% endif %}">
+      {{ 'filter.network_my'|trans({}, 'userui') }}
+    </a>
   </div>
   
   {% include "MuzichCoreBundle:Tag:tagsPrompt.html.twig" with { 

src/Muzich/CoreBundle/Searcher/ElementSearcher.php

@@ -116,6 +116,24 @@ class ElementSearcher extends Searcher implements SearcherInterface
     return $this->network;
   }
   
+  public function isNetworkPublic()
+  {
+    if ($this->network == self::NETWORK_PUBLIC)
+    {
+      return true;
+    }
+    return false;
+  }
+  
+  public function isNetworkPersonal()
+  {
+    if ($this->network == self::NETWORK_PERSONAL)
+    {
+      return true;
+    }
+    return false;
+  }
+  
   public function getTags($tags_string = false)
   {
     if (!$tags_string)

src/Muzich/HomeBundle/Controller/HomeController.php

@@ -35,6 +35,7 @@ class HomeController extends Controller
       'add_form_name'    => 'add',
       'search_form'      => $search_form->createView(),
       'search_form_name' => 'search',
+      'network_public'   => $search_object->isNetworkPublic(),
       'elements'         => $search_object->getElements($this->getDoctrine(), $this->getUserId()),
       'more_count'       => ($count)?$count+$this->container->getParameter('search_default_count'):$this->container->getParameter('search_default_count')*2
     );

web/bundles/muzichcore/css/main.css

@@ -62,8 +62,7 @@ input.button, button.button {
 }
 
 .button:active {
-  padding: 3px 6px;
-  border: 1px solid #165c6d;
+  background-color: #39c9cc;
 }
 
 #container a

web/bundles/muzichcore/js/muzich.js

@@ -649,5 +649,22 @@ $(document).ready(function(){
     onOpen: function(){},
     onClose: function(){}
   });
+  
+  // Selection Réseau global / Mon réseau
+  $('div.select_network a').live('click', function(){
+    divSelect = $(this).parent('div');
+    if ($(this).hasClass('all_network'))
+    {
+      divSelect.find('a.all_network').addClass('active');
+      divSelect.find('a.my_network').removeClass('active');
+      divSelect.find('select').val('network_public');
+    }
+    else
+    {
+      divSelect.find('a.my_network').addClass('active');
+      divSelect.find('a.all_network').removeClass('active');
+      divSelect.find('select').val('network_personal');
+    }
+  });
    
  });

web/bundles/muzichhome/css/home.css

@@ -17,4 +17,35 @@
 {
   background-color: #e3f6fd;
   padding: 20px;
+}
+
+#container div.select_network a
+{
+  color: white;
+}
+
+div.select_network a.all_network
+{
+  padding-left: 20px;
+  background-image: url(/bundles/muzichcore/img/1328191242_keyboard_layout.png);
+  background-repeat: no-repeat;
+  background-position: 2px 3px;
+}
+
+div.select_network a.my_network
+{
+  padding-left: 20px;
+  background-image: url(/bundles/muzichcore/img/1328191129_edit_group.png);
+  background-repeat: no-repeat;
+  background-position: 2px 3px;
+}
+
+div.select_network a.active
+{
+  background-color: #39c9cc
+}
+
+div.tags_prompt
+{
+  margin-top: 5px;
 }