Skip to content

2
2018_web_app
Commit ee2cfcb3 by gema
Options

creada vista detalles de consulta, añadido item al menu vertical...

parent b5cd54ba
Showing with 162 additions and 51 deletions
fuel/app/classes/controller/consultanutricionista/index.php
......@@ -28,11 +28,22 @@ class Controller_Consultanutricionista_Index extends \Controller_App{
$view->title = "Consultas";
//Pasar la leyenda para la info funcionamiento de la página
$view->leyenda = "En esta pantalla podrás ver las consultas realizadas a tu nutricionista e interactuar con él";
$view->leyenda = "En esta página puedes ver el listado de consultas realizadas y crear una nueva. Si el estado de la consulta es 'respuesta', significa que el nutricionista ha respondido. Si pulsas sobre la consulta podrás ver los detalles de la conversación y responder";
return Response::forge($view);
}
public function get_ver(){
$view = View::forge('consultas/ver.twig');
//Titulo de la vista
$view->title = "Consulta";
//Pasar la leyenda para la info funcionamiento de la página
$view->leyenda = "Aquí puedes consultar el historial de la consulta y responder";
return Response::forge($view);
}
}
\ No newline at end of file
fuel/app/config/routes.php
......@@ -65,8 +65,7 @@ return array(
//CONSULTAS NUTRICIONISTA
'consultas-nutricionista' => 'consultanutricionista/index',
'consultas-nutricionista-detalle' => 'consultanutricionista/index',
'consultas-nutricionistae/update/:id' => 'consultanutricionista/index/update/$1',
'consultas-nutricionista/ver' => 'consultanutricionista/index/ver',
......
fuel/app/views/consultas/list.twig
......@@ -9,8 +9,8 @@
</div>
<!--box con titulos de columnas-->
<div class="row bg-color-other whitecolor hidden-xs hidden-sm mt10">
<div class="col-xs-10">
<div class="row bg-color-other whitecolor hidden-xs hidden-sm mt10 p10">
<div class="col-xs-11">
<div class="col-md-6">
<label>Asunto</label>
......@@ -24,7 +24,7 @@
</div>
</div>
<div class="col-xs-2 text-right"></div>
<div class="col-xs-1 text-right"></div>
</div>
......@@ -32,66 +32,65 @@
<!--item lista, una consulta pendiente-->
<div class="pointer " >
{# <a href="{{ url('consultas-nutricionista-detalle/update/'~recipe.id) }}">#}
<div class="row item-list-style">
<div class="col-xs-10">
<div class="col-md-6">
<p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
</div>
<div class="col-md-3">
<p><i class="fa fa-calendar"></i> 12/04/2019</p>
</div>
<div class="col-md-3">
<p class="color-lista-compra"><i class="fa fa-clock-o"></i> Pendiente</p>
<a href="{{ url('consultas-nutricionista/ver')}}">
<div class="row item-list-style">
<div class="col-xs-11">
<div class="col-md-6">
<p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
</div>
<div class="col-md-3">
<p><i class="fa fa-calendar"></i> 12/04/2019</p>
</div>
<div class="col-md-3">
<p class="color-lista-compra"><i class="fa fa-clock-o"></i> Pendiente</p>
</div>
</div>
<div class="col-xs-1 text-right"><i class="fa fa-angle-right"></i></div>
</div>
<div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
</div>
{# </a>#}
</a>
</div>
<!--item lista, una consulta estado leida-->
<div class=" pointer " >
{# <a href="{{ url('consultas-nutricionista-detalle/update/'~recipe.id) }}">#}
<div class="row item-list-style">
<div class="col-xs-10">
<div class="col-md-6">
<p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
</div>
<div class="col-md-3">
<p><i class="fa fa-calendar"></i> 12/04/2019</p>
</div>
<div class="col-md-3">
<p class="color-perfil"><i class="fa fa-check"></i>Leída</p>
<a href="{{ url('consultas-nutricionista/ver')}}">
<div class="row item-list-style">
<div class="col-xs-11">
<div class="col-md-6">
<p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
</div>
<div class="col-md-3">
<p><i class="fa fa-calendar"></i> 12/04/2019</p>
</div>
<div class="col-md-3">
<p class="color-perfil"><i class="fa fa-check"></i>Leída</p>
</div>
</div>
<div class="col-xs-1 text-right"><i class="fa fa-angle-right"></i></div>
</div>
<div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
</div>
{# </a>#}
</a>
</div>
<!--item lista, una consulta estado respondida-->
<div class="pointer " >
{# <a href="{{ url('consultas-nutricionista-detalle/update/'~recipe.id) }}">#}
<div class="row item-list-style">
<div class="col-xs-10">
<div class="col-md-6">
<p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
</div>
<div class="col-md-3">
<p><i class="fa fa-calendar"></i> 12/04/2019</p>
</div>
<div class="col-md-3">
<p class="color-menus-saludables"><i class="fa fa-envelope"></i> Respuesta</p>
<a href="{{ url('consultas-nutricionista/ver')}}">
<div class="row item-list-style">
<div class="col-xs-11">
<div class="col-md-6">
<p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
</div>
<div class="col-md-3">
<p><i class="fa fa-calendar"></i> 12/04/2019</p>
</div>
<div class="col-md-3">
<p class="color-menus-saludables"><i class="fa fa-envelope"></i> Respuesta</p>
</div>
</div>
<div class="col-xs-1 text-right"><i class="fa fa-angle-right"></i></div>
</div>
<div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
</div>
{# </a>#}
</a>
</div>
{# {% endfor %} #}
......
fuel/app/views/consultas/ver.twig 0 → 100644
{% extends 'layout/template.twig' %}
{% block content %}
<!-- barra superior titulo de pagina-->
<div class="div-title bg-color-other">
<div class="container">
<div class="row">
<div class="col-xs-10 col-sm-11">
{{ title }}
</div>
<div class="col-xs-2 col-sm-1 text-right" data-toggle="tooltip-info" data-placement="bottom" title="¿Como funciona?">
<i class="fa fa-info-circle" data-toggle="modal" data-target="#modalInfo"></i>
</div>
</div>
</div>
</div>
<!--contenido-->
<div class="container mt20 pb40" >
<div class="col-container">
{#**********************************************listado de la conversación en formato chat**********************************************#}
<!--CONSULTA CLIENTE INICIAL SE MUESTRA ASUNTO, CUERPO, FECHA Y ESTADO DE CONSULTA-->
<div class="row">
{#contenido#}
<div class="col-xs-12 text-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<p class="font-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p>
<p><i class="fa fa-calendar"></i> 12/04/2019</p>
<p class="color-menus-saludables"><i class="fa fa-envelope"></i> Respuesta</p>
</div>
</div>
<hr>
<!--RESPUESTAS, SOLO SE MUSTRA EL CUERPO DE LA RESPUESTA Y LA FECHA, NO EL ASUNTO QUE SE REPITE-->
<!--respuesta NUTRICIONISTA -->
<div class="row">
{#icono cliente#}
<div class="col-xs-2 text-center">
<img src="assets/img/consultas/nutricionista_sm.png" class="img-responsive-custom img-circle"/>
<p class="mt10">Victoria Fagundez</p>
</div>
{#contenido#}
<div class="col-xs-10">
<p class="font-dark"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p>
<p><i class="fa fa-calendar"></i> 13/04/2019</p>
</div>
</div>
<hr>
<!--respuesta CLIENTE -->
<div class="row">
{#contenido#}
<div class="col-xs-12 text-right">
<p class="font-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p>
<p><i class="fa fa-calendar"></i> 14/04/2019</p>
</div>
</div>
<hr>
<!--respuesta NUTRICIONISTA -->
<div class="row">
{#icono cliente#}
<div class="col-xs-2 text-center">
<img src="assets/img/consultas/nutricionista_sm.png" class="img-responsive-custom img-circle"/>
<p class="mt10">Victoria Fagundez</p>
</div>
{#contenido#}
<div class="col-xs-10">
<p class="font-dark"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p>
<p><i class="fa fa-calendar"></i> 15/04/2019</p>
</div>
</div>
{#**********************************************FORMULARIO RESPUESTA**********************************************#}
<hr>
<div class="row">
<div class="col-xs-11">
<textarea rows="5" class="form-control" name="subject" id="body" value="" placeholder="Responder..."></textarea>
</div>
<div class="col-xs-1">
<div class="mt20">
<a class="btn btn-custom btn-other" title="Enviar"><i class="fa fa-send"></i></a>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
fuel/app/views/layout/menu.twig
......@@ -27,6 +27,7 @@
<li><a href="recetario">Recetario</a></li>
<li><a href="boletin-saludable">Boletín saludable</a></li>
<li><a href="lista-compra">Lista de la compra</a></li>
<li><a href="consultas-nutricionista">Consultas </a></li>
<li><a href="auth/logout" class="color-other">Cerrar Sesión <i class="fa fa-sign-out" style="font-size:20px;"></i></a></li>
</ul>
......
public/assets/css/custom.css
......@@ -13,6 +13,14 @@ body{
padding-top:80px;
}
.font-light{
font-weight: 100;
}
.font-dark{
color:#aaa
}
@media(max-width:768px){
.pt-container-ppal {
padding-top: 40px;
......
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