Skip to content

2
2018_web_app
Commit 748af708 by gema
Options

1. avance maquetación de vistas con menús semanales ( pagina menú personalizado y menú saludables) 

2 . añadida vista menús
parent d3ce3ce9
Showing with 384 additions and 10 deletions
fuel/app/classes/controller/menussaludables/index.php 0 → 100644
<?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_Menussaludables_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('Menús Saludables');
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('menussaludables/index.twig');
//Titulo de la vista
$view->title = "Menús Saludables";
//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
......@@ -27,5 +27,7 @@ return array(
'dashboard' => 'dashboard/index',
'perfil' =>'perfil/index',
'menupersonalizado' =>'menupersonalizado/index',
'menussaludables' =>'menussaludables/index',
);
\ No newline at end of file
fuel/app/views/dashboard/index.twig
......@@ -30,14 +30,18 @@
</div>
{#fila 2#}
<div class="col-container">
<div class="col bg-color-menus-saludables border-box-home btn-home">
<div class="text-center">
<img src="assets/img/home/menus_saludables.png" class="img-responsive-custom btn-home"/>
</div>
<div class="p-text-btn-home">
<p class="whitecolor">Menús Saludables</p>
<div class="col bg-color-menus-saludables border-box-home btn-home">
<a href="menussaludables">
<div class="text-center">
<img src="assets/img/home/menus_saludables.png" class="img-responsive-custom btn-home"/>
</div>
<div class="p-text-btn-home">
<p class="whitecolor">Menús Saludables</p>
</div>
</a>
</div>
</div>
{#<div class="col bg-color-trivial border-box">#}
{#<img src="assets/img/home/trivial.png" class="img-responsive-custom"/>#}
{#<div class="p-text-btn-home">#}
......
fuel/app/views/layout/menu.twig
......@@ -23,7 +23,7 @@
<li><a href="dashboard" class="smooth">Inicio</a></li>
<li><a href="perfil" class="smooth">Mi Perfil</a></li>
<li><a href="menupersonalizado" class="smooth">Menú Personalizado</a></li>
<li><a href="#boxes" class="smooth">Menús Saludables</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="#boxes" class="smooth">Boletín saludable</a></li>
<li><a href="#boxes" class="smooth">Lista de la compra</a></li>
......
fuel/app/views/menupersonalizado/content_tab.twig 0 → 100644
<div class="row">
{#comida#}
<div class="col-md-6">
<h2 class="color-menu-personalizado">COMIDA</h2>
<div class="border-box border-menu-personalizado-light">
<div class="title-box-border-box bg-color-menu-personalizado-light">
PRIMER PLATO
</div>
<div class="container-box-border-box">
dfsdfasdf
asdfasdfsdf
</div>
</div>
<div class="border-box border-menu-personalizado-light">
<div class="title-box-border-box bg-color-menu-personalizado-light">
SEGUNDO PLATO
</div>
<div class="container-box-border-box">
dfsdfasdf
asdfasdfsdf
</div>
</div>
</div>
{#cena#}
<div class="col-md-6">
<h2 class="color-menu-personalizado">CENA</h2>
<div class="border-box border-menu-personalizado-light">
<div class="title-box-border-box bg-color-menu-personalizado-light">
PRIMER PLATO
</div>
<div class="container-box-border-box">
dfsdfasdf
asdfasdfsdf
</div>
</div>
<div class="border-box border-menu-personalizado-light">
<div class="title-box-border-box bg-color-menu-personalizado-light">
SEGUNDO PLATO
</div>
<div class="container-box-border-box">
dfsdfasdf
asdfasdfsdf
</div>
</div>
</div>
</div>
\ No newline at end of file
fuel/app/views/menupersonalizado/index.twig
......@@ -8,7 +8,58 @@
</div>
</div>
<div class="container" >
<div class="container mt20" >
<div id="exTab2" class="container">
<ul class="nav nav-tabs nav-tabs-menu-personalizado">
<li class="active">
<a href="#1" data-toggle="tab">LU</a>
</li>
<li>
<a href="#2" data-toggle="tab">MA</a>
</li>
<li>
<a href="#3" data-toggle="tab">MIE</a>
</li>
<li>
<a href="#4" data-toggle="tab">JUE</a>
</li>
<li>
<a href="#5" data-toggle="tab">VIE</a>
</li>
<li>
<a href="#6" data-toggle="tab">SAB</a>
</li>
<li>
<a href="#7" data-toggle="tab">DOM</a>
</li>
</ul>
<div class="tab-content tab-content-menu-persoanlizado">
<div class="tab-pane active" id="1">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="2">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="3">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="4">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="5">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="6">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="7">
{% include 'content_tab.twig' %}
</div>
</div>
</div>
......
fuel/app/views/menussaludables/content_tab.twig 0 → 100644
<div class="row">
{#comida#}
<div class="col-md-6">
<h2 class="color-menus-saludables">COMIDA</h2>
<div class="border-box border-menus-saludables-light">
<div class="title-box-border-box bg-color-menus-saludables-light">
PRIMER PLATO
</div>
<div class="container-box-border-box">
dfsdfasdf
asdfasdfsdf
</div>
</div>
<div class="border-box border-menus-saludables-light">
<div class="title-box-border-box bg-color-menus-saludables-light">
SEGUNDO PLATO
</div>
<div class="container-box-border-box">
dfsdfasdf
asdfasdfsdf
</div>
</div>
</div>
{#cena#}
<div class="col-md-6">
<h2 class="color-menus-saludables">CENA</h2>
<div class="border-box border-menus-saludables-light">
<div class="title-box-border-box bg-color-menus-saludables-light">
PRIMER PLATO
</div>
<div class="container-box-border-box">
dfsdfasdf
asdfasdfsdf
</div>
</div>
<div class="border-box border-menus-saludables-light">
<div class="title-box-border-box bg-color-menus-saludables-light">
SEGUNDO PLATO
</div>
<div class="container-box-border-box">
dfsdfasdf
asdfasdfsdf
</div>
</div>
</div>
</div>
\ No newline at end of file
fuel/app/views/menussaludables/index.twig 0 → 100644
{% extends 'layout/template.twig' %}
{% block content %}
<!-- barra superior titulo de pagina-->
<div class="div-title bg-color-menus-saludables">
<div class="container">
{{ title }}
</div>
</div>
<div class="container mt20" >
<div id="exTab2" class="container">
<ul class="nav nav-tabs nav-tabs-menus-saludables">
<li class="active">
<a href="#1" data-toggle="tab">LU</a>
</li>
<li>
<a href="#2" data-toggle="tab">MA</a>
</li>
<li>
<a href="#3" data-toggle="tab">MIE</a>
</li>
<li>
<a href="#4" data-toggle="tab">JUE</a>
</li>
<li>
<a href="#5" data-toggle="tab">VIE</a>
</li>
<li>
<a href="#6" data-toggle="tab">SAB</a>
</li>
<li>
<a href="#7" data-toggle="tab">DOM</a>
</li>
</ul>
<div class="tab-content tab-content-menus-saludables">
<div class="tab-pane active" id="1">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="2">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="3">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="4">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="5">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="6">
{% include 'content_tab.twig' %}
</div>
<div class="tab-pane" id="7">
{% include 'content_tab.twig' %}
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-8">
<button class="btn btn-custom btn-menus-saludables mt20" ><i class="fa fa-save"></i> Guardar Perfil</button>
</div>
</div>
</div>
{% endblock %}
public/assets/css/custom.css
......@@ -12,18 +12,24 @@ body{
/*-------------------------------------------------------*/
.color-menu-personalizado {color:#c966cd;}
.color-menu-personalizado-light {color:#dea1e0;}
.color-perfil {color:#87cdde;}
.color-menus-saludables {color:#92bb00}
.color-menus-saludables-light {color:#cdde87}
.color-trivial {color:#b3b3b3;}
.bg-color-menu-personalizado{background-color:#c966cd; }
.bg-color-menu-personalizado-light{background-color:#dea1e0; }
.bg-color-perfil{background-color:#87cdde; }
.bg-color-menus-saludables{background-color:#92bb00;}
.bg-color-menus-saludables-light{background-color:#cdde87;}
.bg-color-trivial{background-color: #b3b3b3;}
.border-menu-personalizado{border:2px solid #c966cd!important; }
.border-menu-personalizado-light{border:2px solid #dea1e0!important; }
.border-perfil{border:2px solid #87cdde!important; }
.border-menus-saludables{border:2px solid #92bb00!important; }
.border-menus-saludables-light{border:2px solid #cdde87!important; }
.border-trivial{border:2px solid #b3b3b3!important;}
/*-----------------------------------------------------*/
......@@ -31,7 +37,7 @@ body{
/*------------------------------------------------------*/
/*TOGGLE SWITCHES STYLE*/
/*******************************TOGGLE SWITCHES STYLE*****************************/
.switch {
display: inline-block;
height: 34px;
......@@ -90,6 +96,9 @@ input:checked + .slider:before {
/*END TOGGLE SWITCHES STYLE
*/
/******************* ESTILOS DE CAJAS, CAJA SOLID AY CAJA CON BORDE Y TÍTULO EN CAJITA*******************************************/
.solid-box{
padding:20px;
color:#fff;
......@@ -138,6 +147,67 @@ input:checked + .slider:before {
.btn-menus-saludables{background-color:#92bb00 }
.btn-trivial{background-color: #b3b3b3}
/*----------------------------------------------------*/
/*------------TABS PERSONALIZADOS, PARA MENÚS CON COLORES CORPORATIVOS. PARA LA TAB DEL MENÚ PERSONALIZADO Y PARA LAS DE LOS MENÚS SALUDABLES------------------*/
/*-------------------------------------------------------*/
.nav-tabs-menu-personalizado>li.active>a, .nav-tabs-menu-personalizado>li.active>a:focus, .nav-tabs-menu-personalizado>li.active>a:hover {
color: #fff;
cursor: default;
background-color: #c966cd;
border: 1px solid #c966cd;
border-bottom-color: transparent;
}
.nav-tabs-menu-personalizado>li{
float: left;
margin-bottom: 5px;
margin-left:5px;
background-color: #e9afdd;
}
.nav-tabs-menu-personalizado>li a:hover, .nav-tabs-menu-personalizado>li a:focus, .nav-tabs-menu-personalizado>li a:active{
background-color: #c966cd;
border: 1px solid #c966cd;
}
.tab-content-menu-persoanlizado{
border: 1px solid #c966cd;
padding:20px;
}
.nav-tabs-menus-saludables>li.active>a, .nav-tabs-menus-saludables>li.active>a:focus, .nav-tabs-menus-saludables>li.active>a:hover {
color: #fff;
cursor: default;
background-color: #92bb00;
border: 1px solid #92bb00;
border-bottom-color: transparent;
}
.nav-tabs-menus-saludables>li {
float: left;
margin-bottom: 5px;
margin-left:5px;
background-color: #cdde87;
}
.nav-tabs-menus-saludables>li a:hover, .nav-tabs-menus-saludables>li a:focus, .nav-tabs-menus-saludables>li a:active{
color: #fff;
cursor: default;
background-color: #92bb00;
border: 1px solid #92bb00;
border-bottom-color: transparent;
}
.tab-content-menus-saludables{
border: 1px solid #92bb00;
padding:20px;
}
/*----------------------------------------------------*/
/*-------------TEXTOS, PADINGS, MARGINS------------------*/
/*-------------------------------------------------------*/
h1{
font-size:2.5em!important;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment