creada y maquetada vista detalle de receta

fuel/app/classes/controller/receta/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_Receta_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('Receta');
+
+    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('receta/index.twig');
+
+        //Titulo de la vista
+        $view->title = "Receta";
+
+        //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

@@ -28,8 +28,12 @@ return array(
     'perfil'                        =>'perfil/index',
     'menupersonalizado'             =>'menupersonalizado/index',
 
-    'menussaludables'             =>'menussaludables/lista/index',
-    'menussaludables-menu'        =>'menussaludables/menu/index',
+    'menussaludables'               =>'menussaludables/lista/index',
+    'menussaludables-menu'          =>'menussaludables/menu/index',
+
+    'receta-detalle'                =>'receta/index',
+
+
 
 
 

fuel/app/views/layout/template.twig

@@ -33,7 +33,6 @@
     <div class="se-pre-con" style="z-index:9999"></div>
 
     <!--menú vertical y horizontal-->
-
     {% include 'layout/menu.twig' %}
 
     <!--content-->
@@ -43,8 +42,6 @@
     </div>
 
 
-    <!--footer-->
-
     <!--includes js-->
     {% include 'includes/includes_after.twig' %}
 

fuel/app/views/menussaludables/menu/index.twig

@@ -39,6 +39,7 @@
                 {% for i in 1..6 %}
                     <div class="tab-pane {% if i == 1 %}active {% endif %}" id="{{ i }}">
                         <div class="row">
+
                             {#comida#}
                             <div class="col-md-6">
                                 <h2 class="color-menus-saludables">COMIDA {{ i }}</h2>
@@ -101,6 +102,7 @@
                                     </div>
                                 </div>
                             </div>
+
                             {#cena#}
                             <div class="col-md-6">
                                 <h2 class="color-menus-saludables">CENA {{ i }}</h2>

fuel/app/views/receta/content.twig

+<h2>Nombre de la receta</h2>
+
+<!-- imagen mas caja negra-->
+<img src="assets/img/receta/receta.jpg" class="img-responsive-custom">
+<div class="solid-box bg-color-other mt0">
+    <div class="row ">
+        {#tiempo de receta#}
+        <div class="col-md-6">
+            <i class="fa fa-clock-o"></i>
+            30.00 min
+        </div>
+        {#dificultad de recdeta#}
+        <div class="col-md-6">
+            <i class="fa fa-star-o"></i> Dificultad:
+            Media
+        </div>
+    </div>
+</div>
+
+
+<!-- preparación receta-->
+<p class="text-justify mt20">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate sapien eu hendrerit hendrerit. Etiam nec leo in nibh sodales ultricies. Duis auctor urna at nisl porttitor, eget pretium quam faucibus. Sed velit tortor, luctus eget tempor vel, posuere quis arcu. Vestibulum finibus nibh sem, sit amet dapibus dui interdum in. Proin velit metus, ultricies id sapien semper, auctor ullamcorper nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    Proin varius vulputate nulla, quis tempor velit interdum in. Sed vulputate dignissim aliquet. Cras pharetra tristique velit id semper. Vestibulum est tortor, varius id auctor nec, commodo ut est. Praesent ac tellus ligula. Duis ut neque aliquam libero sagittis pellentesque. Morbi varius ex ac lectus fermentum laoreet. Vivamus viverra erat molestie tempor volutpat. Curabitur in pharetra mi. Quisque non erat felis. Fusce lobortis, sem et ultricies elementum, odio felis condimentum urna, quis sagittis ante augue sit amet odio. Duis lacinia aliquam eros, a hendrerit ex suscipit a.
+</p>
+
+<!-- footer, firma inutralia-->
+<div class="mt40">
+    publicado por: <img src="assets/img/logos/inutralia.png" class="img-responsive-custom">
+
+</div>
+
+
+

fuel/app/views/receta/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" >
+        <div class="row">
+            <div class="col-md-7">
+                {% include 'content.twig' %}
+            </div>
+            <div class="col-md-5">
+                {% include 'tables.twig' %}
+            </div>
+        </div>
+    </div>
+{% endblock %}
+
+
+
+

fuel/app/views/receta/tables.twig

+<!--tabla ingredientes-->
+
+<div class="border-box border-other">
+    <div class="title-box-border-box bg-color-other">
+        Ingredientes (4 personas)
+    </div>
+
+    <div class="container-box-border-box">
+        {% for i in 0..14 %}
+            <div class="row">
+                <div class="col-md-10">Ingrediente {{ i }}</div>
+                <div class="col-md-2">100 g</div>
+            </div>
+        {% endfor %}
+    </div>
+</div>
+
+<!--tabla información nutricional-->
+
+<div class="border-box border-other">
+    <div class="title-box-border-box bg-color-other">
+       Información Nutricional por Ración
+    </div>
+
+    <div class="container-box-border-box">
+        {% for i in 0..5 %}
+            <div class="row">
+                <div class="col-md-10">Propiedad  {{ i }}</div>
+                <div class="col-md-2">100 g</div>
+            </div>
+        {% endfor %}
+    </div>
+</div>
\ No newline at end of file

public/assets/css/custom.css

@@ -17,6 +17,7 @@ body{
 .color-menus-saludables {color:#92bb00}
 .color-menus-saludables-light {color:#cdde87}
 .color-trivial {color:#b3b3b3;}
+.color-other {color:#000;}
 
 .bg-color-menu-personalizado{background-color:#c966cd; }
 .bg-color-menu-personalizado-light{background-color:#dea1e0; }
@@ -24,6 +25,7 @@ body{
 .bg-color-menus-saludables{background-color:#92bb00;}
 .bg-color-menus-saludables-light{background-color:#cdde87;}
 .bg-color-trivial{background-color: #b3b3b3;}
+.bg-color-other{background-color: #000;}
 
 .border-menu-personalizado{border:2px solid #c966cd!important; }
 .border-menu-personalizado-light{border:2px solid #dea1e0!important; }
@@ -31,6 +33,7 @@ body{
 .border-menus-saludables{border:2px solid #92bb00!important; }
 .border-menus-saludables-light{border:2px solid #cdde87!important; }
 .border-trivial{border:2px solid #b3b3b3!important;}
+.border-other{border:2px solid #000!important;}
 
 
 
@@ -296,7 +299,10 @@ h1{
     margin-bottom:60px;
 }
 .mt10{
-    margin-top:10px;
+     margin-top:10px;
+ }
+.mt0{
+    margin-top:0px!important;
 }
 .mauto{
     margin:auto!important;