añadida vista recetario. montada parte de filtros

fuel/app/classes/controller/recetario/index.php

+<?php
+/**
+ * Created by JetBrains PhpStorm.
+ * User: Luis
+ * Date: 16/12/13
+ * Time: 20:55
+ * To change this template use File | Settings | File Templates.
+ */
+
+use Fuel\Core\DB;
+use Fuel\Core\Response;
+use \Parser\View;
+use Auth\Auth;
+
+class Controller_Recetario_Index extends \Controller_App{
+
+    //Variable para guardar las migas de pan que van a aparecer en las vistas
+    private $_bc = array();
+
+    //Array con los elementos del menu que se deben marcar con la clase "active" para que esten seleccionados en el menu.
+    private $_option_menu=array('Recetario');
+
+    public function before(){
+
+//        //Se cargan funciones de javascript especificas de esta funcionalidad
+        Casset::js('recetario/index.js');
+//
+//        //Se marca la navegación en forma de migas de pan. Cada miga de pan la forman dos variables:
+//        //  ds  : String a mostrar
+//        //  url : url del enlace en modo absoluto
+//        $this->_bc[] = array('ds'=>'Inicio','url'=>'/dashboard');
+
+        parent::before();
+    }
+
+    public function action_index(){
+
+        $view = View::forge('recetario/index.twig');
+
+        //Titulo de la vista
+        $view->title = "Recetario";
+
+        //Paso de las migas de pan a la vista
+        $view->bc = $this->_bc;
+
+        //Paso de las opciones de menu que deben aparecer seleccionadas
+        $view->option_menu = $this->_option_menu;
+
+
+        return Response::forge($view);
+    }
+
+}
\ No newline at end of file

fuel/app/config/routes.php

@@ -31,7 +31,9 @@ return array(
     'menussaludables'               =>'menussaludables/lista/index',
     'menussaludables-menu'          =>'menussaludables/menu/index',
 
-    'receta-detalle'                =>'receta/index',
+    'recetario'                     =>'recetario/index',
+
+
 
 
 

fuel/app/views/dashboard/index.twig

@@ -46,11 +46,12 @@
                     <div class="col-xs-10"> Inicio</div>
                     <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                 </div>
-
+                <a href="recetario">
                     <div class="row item-list-style">
                         <div class="col-xs-10"> Recetario</div>
                         <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                     </div>
+                </a>
 
                 <div class="row item-list-style">
                     <div class="col-xs-10">Boletín saludable</div>

fuel/app/views/layout/menu.twig

@@ -24,7 +24,7 @@
             <li><a href="perfil" class="smooth">Mi Perfil</a></li>
             <li><a href="menupersonalizado" class="smooth">Menú Personalizado</a></li>
             <li><a href="menussaludables" class="smooth">Menús Saludables</a></li>
-            <li><a href="#boxes" class="smooth">Recetario</a></li>
+            <li><a href="recetario" class="smooth">Recetario</a></li>
             <li><a href="#boxes" class="smooth">Boletín saludable</a></li>
             <li><a href="#boxes" class="smooth">Lista de la compra</a></li>
 

fuel/app/views/recetario/filters.twig

+<div class="border-box border-other">
+    <div class="title-box-border-box bg-color-other">
+       Filtros de Búsqueda
+    </div>
+
+    <div class="container-box-border-box">
+        <div id="btn-show-filter-recetario" class="text-right mt-arrow-filters ">
+            <i class="fa fa-angle-down fa-2x" id="arrow-filters"> </i>
+        </div>
+        <div class="hidden" id="content-filter-recetario">
+            <div class="row mt20">
+                {% for i in 0..11 %}
+                    <div class="col-md-4">
+                        <div class="form-group text-center">
+                            <label class="switch" for="checkbox_{{ i }}">
+                                <input type="checkbox" id="checkbox_{{ i }}" />
+                                <div class="slider round"></div>
+                            </label>
+                            <p>filtro {{ i }}</p>
+                        </div>
+                    </div>
+                {% endfor %}
+            </div>
+            <div class="row">
+                <div class="col-md-6 col-md-offset-6">
+                    <button  class="btn btn-custom btn-other mt20" > aplicar</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+

fuel/app/views/recetario/index.twig

+{% extends 'layout/template.twig' %}
+
+{% block content %}
+    <!-- barra superior titulo de pagina-->
+    <div class="div-title bg-color-other">
+        <div class="container">
+         {{ title }}
+        </div>
+    </div>
+    <!--contenido-->
+    <div class="container mt20" >
+
+        {% include 'filters.twig' %}
+
+        {% include 'list.twig' %}
+
+    </div>
+{% endblock %}
+
+
+
+

fuel/app/views/recetario/list.twig

+listado
\ No newline at end of file

public/assets/css/custom.css

@@ -158,8 +158,8 @@ input:checked + .slider:before {
 .btn-perfil{background-color:#87cdde; }
 .btn-menus-saludables{background-color:#92bb00 }
 .btn-menus-saludables-light{background-color:#cdde87 }
-
 .btn-trivial{background-color: #b3b3b3}
+.btn-other{background-color: #000}
 
 
 /*----------------------------------------------------*/
@@ -250,6 +250,9 @@ h1{
 .mt80{
     margin-top: 80px;
 }
+.pt0{
+    padding-top:0px;
+}
 .pt80{
     padding-top: 80px;
 }
@@ -511,10 +514,11 @@ a:focus {
 }
 
 
-/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-MI PERFIL*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
-
-
+/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-FILTROS RECETARIO*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
 
+.mt-arrow-filters{
+    margin-top:-40px;
+}
 
 
 

public/assets/js/recetario/index.js

+$( document ).ready(function() {
+    //mostrar u ocultar caja de filtros
+    var show_filter=false;
+    $( "#btn-show-filter-recetario" ).click(function() {
+        //cerrar filtros
+        if(show_filter==true){
+            $("#content-filter-recetario").addClass("hidden");
+            $("#arrow-filters").css('transform', 'rotate(0deg)');
+            show_filter=false
+        // abrir filtros
+        }else{
+            $("#content-filter-recetario").removeClass("hidden");
+            $("#arrow-filters").css('transform', 'rotate(180deg)');
+            show_filter=true;
+        }
+    });
+});
\ No newline at end of file