203 lines
11 KiB
HTML
203 lines
11 KiB
HTML
<?xml version='1.0' encoding='UTF-8' ?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3c.org/1999/xhtml"
|
|
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
|
xmlns:f="http://java.sun.com/jsf/core">
|
|
<h:head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"/>
|
|
<link rel="stylesheet" href="https://unpkg.com/normalize.css@8.0.1/normalize.css"/>
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
|
|
<h:outputStylesheet library="css" name="all.css"/>
|
|
<style>
|
|
body {
|
|
font-family: 'Open Sans', sans-serif;
|
|
}
|
|
</style>
|
|
</h:head>
|
|
<body class="black-70 pa4">
|
|
<h:form rendered="#{userBean.isLogged() and userBean.isAdmin()}">
|
|
<h1 class="f1 tc">Cliente</h1>
|
|
|
|
<div class="mv3 cf">
|
|
<h:commandLink class="f5 fr tc link dim br2 ph3 pv2 mb2 dib white bg-red" immediate="true" action="#{userBean.logout()}" style="width: 200px">
|
|
<li class="fas fa-sign-out-alt"></li> Cerrar sesion
|
|
</h:commandLink>
|
|
<h:commandLink class="f5 fl tc link dim br2 ph3 pv2 mb2 dib white bg-blue" immediate="true" action="admin_main" style="width: 200px">
|
|
<li class="fas fa-arrow-left"></li> Volver
|
|
</h:commandLink>
|
|
</div>
|
|
|
|
<!--
|
|
////////////////////////////////////////////////////////////////////
|
|
///////////////////////////Datos del cliente////////////////////////
|
|
////////////////////////////////////////////////////////////////////
|
|
-->
|
|
<div class="mv3">
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Rut:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.rut}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" for="nombre" value="Nombre:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" id="nombre" value="#{clienteBean.cliente.nombre}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" for="ciudad" value="Ciudad:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" id="ciudad" value="#{clienteBean.cliente.ciudad}" readonly="true"/>
|
|
</div>
|
|
</div>
|
|
|
|
<hr/>
|
|
|
|
<h2 class="f2 tc">Productos</h2>
|
|
|
|
<!--
|
|
////////////////////////////////////////////////////////////////////
|
|
///////////////////////////Cuentas Corrientes///////////////////////
|
|
////////////////////////////////////////////////////////////////////
|
|
-->
|
|
<h:panelGroup layout="block" class="mv3 w-100" rendered="#{clienteBean.cliente.cuentaCorriente != null}">
|
|
<h3 class="f3 tc">Cuenta Corriente</h3>
|
|
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Id:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.cuentaCorriente.id}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Saldo:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.cuentaCorriente.saldo}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Fecha Creacion:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.cuentaCorriente.insertedAt}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:commandLink class="f6 link dim br2 ph3 pv2 mb2 dib white bg-green tc" action="#{clienteBean.gotoAdminViewCuentaCorriente()}" style="width: 200px">
|
|
<li class="fas fa-eye"></li> Ver
|
|
</h:commandLink>
|
|
</div>
|
|
</h:panelGroup>
|
|
|
|
<h:panelGroup layout="block" rendered="#{clienteBean.cliente.cuentaCorriente == null}">
|
|
<h3 class="f3 tc">Cuenta Corriente</h3>
|
|
<p class="f6 tc">Sin contratar</p>
|
|
|
|
<div class="mt3 tc">
|
|
<h:commandLink class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-blue" immediate="true" action="#{clienteBean.gotoContratarCuentaCorriente()}" style="width: 200px">
|
|
<li class="fas fa-wallet"></li> Contratar
|
|
</h:commandLink>
|
|
</div>
|
|
</h:panelGroup>
|
|
|
|
<hr/>
|
|
|
|
<!--
|
|
////////////////////////////////////////////////////////////////////
|
|
///////////////////////////Tarjetas de Debito//////////////////////
|
|
////////////////////////////////////////////////////////////////////
|
|
-->
|
|
|
|
<h:panelGroup layout="block" class="mv3 w-100" rendered="#{clienteBean.cliente.tarjetaDebito != null}">
|
|
<h3 class="f3 tc">Tarjeta Debito</h3>
|
|
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Id:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.tarjetaDebito.id}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db fw4 lh-copy f6" value="Saldo:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.tarjetaDebito.saldo}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db fw4 lh-copy f6" value="Fecha Creacion:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.tarjetaDebito.insertedAt}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:commandLink class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-green" action="#{clienteBean.gotoAdminViewTarjetaDebito()}" style="margin-top: auto; margin-bottom: auto">
|
|
<li class="fas fa-eye"></li> Ver
|
|
</h:commandLink>
|
|
</div>
|
|
</h:panelGroup>
|
|
|
|
<h:panelGroup layout="block" rendered="#{clienteBean.cliente.tarjetaDebito == null}">
|
|
<h3 class="f3 tc">Tarjeta Debito</h3>
|
|
<p class="f6 tc">Sin contratar</p>
|
|
|
|
<div class="mt3 tc">
|
|
<h:commandLink class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-blue" immediate="true" action="#{clienteBean.gotoContratarTarjetaDebito()}" style="width: 200px">
|
|
<li class="fas fa-money-check"></li> Contratar
|
|
</h:commandLink>
|
|
</div>
|
|
</h:panelGroup>
|
|
|
|
<hr/>
|
|
|
|
<!--
|
|
////////////////////////////////////////////////////////////////////
|
|
///////////////////////////Tarjetas de Credito//////////////////////
|
|
////////////////////////////////////////////////////////////////////
|
|
-->
|
|
|
|
<h:panelGroup layout="block" class="mv3 w-100" rendered="#{clienteBean.cliente.tarjetaCredito != null}">
|
|
<h3 class="f3 tc">Tarjeta Credito</h3>
|
|
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Id:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.tarjetaCredito.id}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Limite Nacional:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.tarjetaCredito.limiteNacional}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Deuda Nacional:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.tarjetaCredito.deudaNacional}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Limite Internacional:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.tarjetaCredito.limiteInternacional}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Deuda Internacional:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.tarjetaCredito.deudaInternacional}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db lh-copy f6" value="Fecha Creacion:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{clienteBean.cliente.tarjetaCredito.insertedAt}" readonly="true"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:commandLink class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-green" action="#{clienteBean.gotoAdminViewTarjetaCredito()}" style="width: 200px">
|
|
<li class="fas fa-eye"></li> Ver
|
|
</h:commandLink>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:commandLink class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-blue" action="#{clienteBean.gotoEditTarjetaCredito()}" style="width: 200px">
|
|
<li class="fas fa-edit"></li> Editar
|
|
</h:commandLink>
|
|
</div>
|
|
</h:panelGroup>
|
|
|
|
<h:panelGroup layout="block" rendered="#{clienteBean.cliente.tarjetaCredito == null}">
|
|
<h3 class="f3 tc">Tarjeta Credito</h3>
|
|
<p class="f6 tc">Sin contratar</p>
|
|
|
|
<div class="mt3 tc">
|
|
<h:commandLink class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-blue" immediate="true" action="#{clienteBean.gotoContratarTarjetaCredito()}" style="width: 200px">
|
|
<li class="fas fa-credit-card"></li> Contratar
|
|
</h:commandLink>
|
|
</div>
|
|
</h:panelGroup>
|
|
</h:form>
|
|
|
|
<h:form rendered="#{!userBean.isLogged()}">
|
|
<div class="tc">
|
|
<h1 class="f1 tc">Acceso no autorizado</h1>
|
|
<h:commandButton class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-red" value="Ir al index" action="index"/>
|
|
</div>
|
|
</h:form>
|
|
</body>
|
|
</html>
|
|
|
|
|