añadida lista de la compra a falta de arrancar los checkboxes animated

fuel/app/classes/controller/listacompra/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_Listacompra_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('Lista de la compra');
+
+    public function before(){
+
+//        //Se cargan funciones de javascript especificas de esta funcionalidad
+//        Casset::js('dashboard/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('listacompra/index.twig');
+
+        //Titulo de la vista
+        $view->title = "Lista de la Compra";
+
+        //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

@@ -38,6 +38,10 @@ return array(
     'boletin-saludable'             =>'boletinsaludable/index',
     'articulo-detalle'              =>'articulo/index',
 
+    'lista-compra'                  =>'listacompra/index',
+
+
+
 
 
 

fuel/app/views/dashboard/index.twig

@@ -60,10 +60,13 @@
                     </div>
                 </a>
 
+                <a href="lista-compra">
                     <div class="row item-list-style">
                         <div class="col-xs-10">Lista de la compra  </div>
                         <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                     </div>
+                </a>
+
             </div>
         </div>
     </div>

fuel/app/views/includes/includes_after.twig

@@ -11,7 +11,6 @@
 <script src="assets/libraries/AnimatedCheckboxes/js/svgcheckbx.js"></script>
 
 <!-- selectores especiales-->
-
 <script src="assets/libraries/SelectInspiration/js/selectFx.js"></script>
 
 <!-- js personalizado ppal-->

fuel/app/views/layout/menu.twig

@@ -26,7 +26,7 @@
             <li><a href="menussaludables" >Menús Saludables</a></li>
             <li><a href="recetario">Recetario</a></li>
             <li><a href="boletin-saludable">Boletín saludable</a></li>
-            <li><a href="#boxes">Lista de la compra</a></li>
+            <li><a href="lista-compra">Lista de la compra</a></li>
         </ul>
     </nav>
 </div>
\ No newline at end of file

fuel/app/views/listacompra/index.twig

+{% extends 'layout/template.twig' %}
+
+{% block content %}
+    <!-- barra superior titulo de pagina-->
+    <div class="div-title bg-color-lista-compra">
+        <div class="container">
+         {{ title }}
+        </div>
+    </div>
+    <!--contenido-->
+    <div class="container mt20 pb40" >
+        <div class="row">
+            <div class="col-md-6">
+                <!--lista de la compra-->
+                <div class="border-box border-lista-compra">
+                    <div class="title-box-border-box bg-color-lista-compra">
+                        CARRITO DE LA COMPRA
+                    </div>
+
+                    <div class="container-box-border-box">
+                        <form class="ac-custom ac-checkbox ac-checkmark" autocomplete="off">
+                            {% for i in 0..14 %}
+                                <div class="mt10">
+                                    <input id="check_{{ i }}" name="check_{{ i }}" type="checkbox"><label>Ingrediente {{ i }}</label>
+                                </div>
+
+                            {% endfor %}
+                        </form>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <!--logo del super-->
+                <div class="text-center">
+                    <h2>Haz la compra necesaria para tu conseguir tu menú en el supermercado DelSuper</h2>
+                    <img src="assets/img/listacompra/logo-del-super.png" class="img-responsive-custom"/>
+                </div>
+                <!--botones-->
+                <div class="row">
+                    <div class="col-md-6">
+                        <button  class="btn btn-custom btn-delete mt20" ><i class="fa fa-trash"></i> Todos</button>
+                    </div>
+                    <div class="col-md-6">
+                        <button  class="btn btn-custom btn-delete mt20" ><i class="fa fa-trash"></i> Marcados</button>
+                    </div>
+                </div>
+
+                <button  class="btn btn-custom btn-other mt20" ><i class="fa fa-plus"></i> Productos</button>
+
+                <button  class="btn btn-custom btn-lista-compra mt20"> comprar en delsuper <i class="fa fa-angle-double-right"></i> </button>
+            </div>
+
+        </div>
+
+
+
+
+    </div>
+{% endblock %}
+
+
+
+

public/assets/css/custom.css

@@ -27,6 +27,8 @@ body{
 .bg-color-menus-saludables-light{background-color:#cdde87;}
 .bg-color-trivial{background-color: #b3b3b3;}
 .bg-color-other{background-color: #000;}
+.bg-color-lista-compra{background-color: #ff7f2a;}
+
 
 .border-menu-personalizado{border:2px solid #c966cd!important; }
 .border-menu-personalizado-light{border:2px solid #dea1e0!important; }
@@ -35,6 +37,7 @@ body{
 .border-menus-saludables-light{border:2px solid #cdde87!important; }
 .border-trivial{border:2px solid #b3b3b3!important;}
 .border-other{border:2px solid #000!important;}
+.border-lista-compra{border:2px solid #ff7f2a!important;}
 
 
 
@@ -162,6 +165,8 @@ input:checked + .slider:before {
 .btn-menus-saludables-light{background-color:#cdde87 }
 .btn-trivial{background-color: #b3b3b3}
 .btn-other{background-color: #000}
+.btn-lista-compra{background-color: #ff7f2a}
+.btn-delete{background-color: #c83737}
 
 
 /*----------------------------------------------------*/