Skip to content

2
2018_web_app
Commit d3ce3ce9 by gema
Options

1. rediseño logos home, 2. añadida vista menú personalizado, 3. separado en… 

1. rediseño logos home, 2. añadida vista menú personalizado, 3. separado en trozos la vista de mi perfil.
parent 0d215268
Showing with 275 additions and 191 deletions
fuel/app/classes/controller/menupersonalizado/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_Menupersonalizado_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ú Personalizado');
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('menupersonalizado/index.twig');
//Titulo de la vista
$view->title = "Menú Personalizado";
//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
......@@ -26,5 +26,6 @@ return array(
/*HOME*/
'dashboard' => 'dashboard/index',
'perfil' =>'perfil/index',
'menupersonalizado' =>'menupersonalizado/index',
);
\ No newline at end of file
fuel/app/views/dashboard/index.twig
......@@ -7,29 +7,30 @@
<div class="col-md-7">
{#fila 1#}
<div class="col-container mt20">
<div class="col bg-color-menu-personalizado border-box btn-home">
<div class="col bg-color-perfil border-box-home btn-home">
<a href="perfil">
<div class="text-center">
<img src="assets/img/home/menu_personalizado.png" class="img-responsive-custom " />
<img src="assets/img/home/perfil3.png" class="img-responsive-custom btn-home"/>
</div>
<div class="p-text-btn-home">
<p class="whitecolor">Menú Personalizado</p>
<p class="whitecolor">Mi Perfil</p>
</div>
</a>
</div>
<div class="col bg-color-perfil border-box btn-home">
<a href="perfil">
<div class="col bg-color-menu-personalizado border-box-home btn-home">
<a href="menupersonalizado">
<div class="text-center">
<img src="assets/img/home/perfil.png" class="img-responsive-custom btn-home"/>
<img src="assets/img/home/menu_personalizado2.png" class="img-responsive-custom " />
</div>
<div class="p-text-btn-home">
<p class="whitecolor">Mi Perfil</p>
<p class="whitecolor">Menú Personalizado</p>
</div>
</a>
</div>
</div>
{#fila 2#}
<div class="col-container">
<div class="col bg-color-menus-saludables border-box btn-home">
<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>
......
fuel/app/views/layout/menu.twig
......@@ -22,7 +22,7 @@
<ul>
<li><a href="dashboard" class="smooth">Inicio</a></li>
<li><a href="perfil" class="smooth">Mi Perfil</a></li>
<li><a href="#boxes" class="smooth">Menú Personalizado</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="#boxes" class="smooth">Recetario</a></li>
<li><a href="#boxes" class="smooth">Boletín saludable</a></li>
......
fuel/app/views/menupersonalizado/index.twig 0 → 100644
{% extends 'layout/template.twig' %}
{% block content %}
<!-- barra superior titulo de pagina-->
<div class="div-title bg-color-menu-personalizado">
<div class="container">
{{ title }}
</div>
</div>
<div class="container" >
<div class="row">
<div class="col-md-4 col-md-offset-8">
<button class="btn btn-custom btn-menu-personalizado mt20" ><i class="fa fa-save"></i> Guardar Perfil</button>
</div>
</div>
</div>
{% endblock %}
fuel/app/views/perfil/datos_generales.twig 0 → 100644
<span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="edad" name="edad" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Edad</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="altura" name="altura" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Altura</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="peso" name="peso" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Peso</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="genero" name="genero" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Género</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<select class="cs-select cs-skin-underline mt20">
<option value="" disabled selected>Actividad fisica...</option>
<option value="1">Sedentario</option>
<option value="2">Ligero</option>
<option value="3">Moderado</option>
<option value="4">Intenso</option>
<option value="5">Muy Intenso</option>
</select>
<select class="cs-select cs-skin-underline mt20">
<option value="" disabled selected>Preferencia de dieta...</option>
<option value="1">Normal</option>
<option value="2">Vegetariana</option>
<option value="3">Vegana</option>
</select>
\ No newline at end of file
fuel/app/views/perfil/index.twig
......@@ -8,71 +8,13 @@
</div>
</div>
<div class="container" style="min-height:100%;">
<div class="container" >
<div class="row">
<div class="col-md-4">
<div class="solid-box bg-color-perfil pb50">
<span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="edad" name="edad" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Edad</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="altura" name="altura" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Altura</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="peso" name="peso" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Peso</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="genero" name="genero" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Género</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<select class="cs-select cs-skin-underline mt20">
<option value="" disabled selected>Actividad fisica...</option>
<option value="1">Sedentario</option>
<option value="2">Ligero</option>
<option value="3">Moderado</option>
<option value="4">Intenso</option>
<option value="5">Muy Intenso</option>
</select>
<select class="cs-select cs-skin-underline mt20">
<option value="" disabled selected>Preferencia de dieta...</option>
<option value="1">Normal</option>
<option value="2">Vegetariana</option>
<option value="3">Vegana</option>
</select>
{% include 'datos_generales.twig' %}
</div>
</div>
<div class="col-md-8">
<div class="border-box border-perfil">
<div class="title-box-border-box bg-color-perfil">
......@@ -80,138 +22,19 @@
</div>
<div class="container-box-border-box">
<div class="row">
<div class="col-md-4">
<div class="form-group text-center">
<label class="switch" for="checkbox_cardio">
<input type="checkbox" id="checkbox_cardio" />
<div class="slider round"></div>
</label>
<p>Una enferfedad cardiovascular?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_hipertension">
<input type="checkbox" id="checkbox_hipertension" />
<div class="slider round"></div>
</label>
<p>Hipertensión?</p>
{% include 'switches.twig' %}
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_menopausia">
<input type="checkbox" id="checkbox_menopausia" />
<div class="slider round"></div>
</label>
<p>Menopausia?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_embarazo">
<input type="checkbox" id="checkbox_embarazo" />
<div class="slider round"></div>
</label>
<p>Embarazo?</p>
</div>
</div>
<div class="col-md-4">
<div class="form-group text-center">
<label class="switch" for="checkbox_lactancia">
<input type="checkbox" id="checkbox_lactancia" />
<div class="slider round"></div>
</label>
<p>Lactancia?</p>
</div>
<div class="form-group text-center mt10" >
<label class="switch" for="checkbox_celiaco">
<input type="checkbox" id="checkbox_celiaco" />
<div class="slider round"></div>
</label>
<p>Celiaco?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_lactosa">
<input type="checkbox" id="checkbox_lactosa" />
<div class="slider round"></div>
</label>
<p>Intolerancia a la lactosa?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_diabetes">
<input type="checkbox" id="checkbox_diabetes" />
<div class="slider round"></div>
</label>
<p>Diabetes??</p>
</div>
</div>
<div class="col-md-4">
<div class="form-group text-center">
<label class="switch" for="checkbox_colesterol">
<input type="checkbox" id="checkbox_colesterol" />
<div class="slider round"></div>
</label>
<p>Colesterol??</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_trigliceridos">
<input type="checkbox" id="checkbox_trigliceridos" />
<div class="slider round"></div>
</label>
<p>Triglicéridos??</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_pescado">
<input type="checkbox" id="checkbox_pescado" />
<div class="slider round"></div>
</label>
<p>Alergia al pescado/Marisco?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_huevo">
<input type="checkbox" id="checkbox_huevo" />
<div class="slider round"></div>
</label>
<p>Alergia al huevo?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_fruto_seco">
<input type="checkbox" id="checkbox_fruto_seco" />
<div class="slider round"></div>
</label>
<p>Alergia a los frutos secos?</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-8">
<button class="btn btn-custom btn-perfil mt20" ><i class="fa fa-save"></i> Guardar Perfil</button>
</div>
</div>
</div>
{% endblock %}
......
fuel/app/views/perfil/switches.twig 0 → 100644
<div class="row">
<div class="col-md-4">
<div class="form-group text-center">
<label class="switch" for="checkbox_cardio">
<input type="checkbox" id="checkbox_cardio" />
<div class="slider round"></div>
</label>
<p>Una enferfedad cardiovascular?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_hipertension">
<input type="checkbox" id="checkbox_hipertension" />
<div class="slider round"></div>
</label>
<p>Hipertensión?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_menopausia">
<input type="checkbox" id="checkbox_menopausia" />
<div class="slider round"></div>
</label>
<p>Menopausia?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_embarazo">
<input type="checkbox" id="checkbox_embarazo" />
<div class="slider round"></div>
</label>
<p>Embarazo?</p>
</div>
</div>
<div class="col-md-4">
<div class="form-group text-center">
<label class="switch" for="checkbox_lactancia">
<input type="checkbox" id="checkbox_lactancia" />
<div class="slider round"></div>
</label>
<p>Lactancia?</p>
</div>
<div class="form-group text-center mt10" >
<label class="switch" for="checkbox_celiaco">
<input type="checkbox" id="checkbox_celiaco" />
<div class="slider round"></div>
</label>
<p>Celiaco?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_lactosa">
<input type="checkbox" id="checkbox_lactosa" />
<div class="slider round"></div>
</label>
<p>Intolerancia a la lactosa?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_diabetes">
<input type="checkbox" id="checkbox_diabetes" />
<div class="slider round"></div>
</label>
<p>Diabetes??</p>
</div>
</div>
<div class="col-md-4">
<div class="form-group text-center">
<label class="switch" for="checkbox_colesterol">
<input type="checkbox" id="checkbox_colesterol" />
<div class="slider round"></div>
</label>
<p>Colesterol??</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_trigliceridos">
<input type="checkbox" id="checkbox_trigliceridos" />
<div class="slider round"></div>
</label>
<p>Triglicéridos??</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_pescado">
<input type="checkbox" id="checkbox_pescado" />
<div class="slider round"></div>
</label>
<p>Alergia al pescado/Marisco?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_huevo">
<input type="checkbox" id="checkbox_huevo" />
<div class="slider round"></div>
</label>
<p>Alergia al huevo?</p>
</div>
<div class="form-group text-center mt10">
<label class="switch" for="checkbox_fruto_seco">
<input type="checkbox" id="checkbox_fruto_seco" />
<div class="slider round"></div>
</label>
<p>Alergia a los frutos secos?</p>
</div>
</div>
</div>
\ No newline at end of file
public/assets/css/custom.css
......@@ -286,8 +286,11 @@ a:focus {
cursor:pointer;
}
.border-box{
.border-box-home{
border:10px solid #fff;
position:relative;
padding:20px 20px 10px 20px;
margin-top:40px;
}
@media only screen and (max-width: 600px) {
......
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