200 lines
9.6 KiB
HTML
200 lines
9.6 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.isClient()}">
|
|
<div class="flex justify-between">
|
|
<h1 class="f1">Tarjeta Debito</h1>
|
|
|
|
<h:commandLink class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-blue" immediate="true" action="cliente_main" style="margin-top: auto; margin-bottom: auto">
|
|
<li class="fas fa-arrow-left"></li> Volver
|
|
</h:commandLink>
|
|
</div>
|
|
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db fw4 lh-copy f6" for="id" value="Id:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-60" id="id" value="#{tarjetaDebitoBean.tarjetaDebito.id}" readonly="true" label="Id:"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db fw4 lh-copy f6" for="saldo" value="Saldo:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-60" id="saldo" value="#{tarjetaDebitoBean.tarjetaDebito.saldo}" readonly="true" label="Saldo:"/>
|
|
</div>
|
|
<div class="mt3 tc">
|
|
<h:outputLabel class="db fw4 lh-copy f6" for="fecha_creacion" value="Fecha Creacion:"/>
|
|
<h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-60" id="fecha_creacion" value="#{tarjetaDebitoBean.tarjetaDebito.insertedAt}" readonly="true" label="Fecha Creacion:">
|
|
<f:convertDateTime pattern="dd/MM/yyyy"/>
|
|
</h:inputText>
|
|
</div>
|
|
|
|
<div class="flex mt3 justify-center">
|
|
<h:commandLink class="f5 tc link dim br2 ph3 pv2 w-20 dib white bg-green" action="#{tarjetaDebitoBean.gotoDepositar()}">
|
|
<li class="fas fa-piggy-bank"></li> Depositar
|
|
</h:commandLink>
|
|
<h:commandLink class="f5 tc link dim br2 ph3 pv2 ml2 w-20 dib white bg-red" action="#{tarjetaDebitoBean.gotoGirar()}">
|
|
<li class="fas fa-hand-holding-usd"></li> Girar
|
|
</h:commandLink>
|
|
<h:commandLink class="f5 tc link dim br2 ph3 pv2 ml2 dib w-20 white bg-blue" action="#{tarjetaDebitoBean.gotoTransferir()}">
|
|
<li class="fas fa-comments-dollar"></li> Transferir
|
|
</h:commandLink>
|
|
<h:commandLink class="f5 tc link dim br2 ph3 pv2 ml2 dib w-20 white bg-purple" action="#{tarjetaDebitoBean.gotoComprar()}">
|
|
<li class="fas fa-shopping-basket"></li> Comprar
|
|
</h:commandLink>
|
|
</div>
|
|
|
|
<h1 class="f1">Depositos</h1>
|
|
<h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{tarjetaDebitoBean.tarjetaDebito.depositoList}" var="deposito">
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Fecha"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{deposito.insertedAt}">
|
|
<f:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
|
|
</h:outputLabel>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Comentario"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{deposito.comentario}"/>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Monto"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{deposito.monto}"/>
|
|
</h:column>
|
|
</h:dataTable>
|
|
|
|
<h1 class="f1">Giros</h1>
|
|
<h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{tarjetaDebitoBean.tarjetaDebito.giroList}" var="giro">
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Fecha"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{giro.insertedAt}">
|
|
<f:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
|
|
</h:outputLabel>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Comentario"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{giro.comentario}"/>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Monto"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{giro.monto}"/>
|
|
</h:column>
|
|
</h:dataTable>
|
|
|
|
<h1 class="f1">Transferencias Hechas</h1>
|
|
<h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{tarjetaDebitoBean.tarjetaDebito.transferenciaFromList}" var="transferencia">
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Fecha"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{transferencia.insertedAt}">
|
|
<f:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
|
|
</h:outputLabel>
|
|
</h:column><h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Destinatario"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{transferencia.tarjetaDebitoTo.id}"/>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Comentario"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{transferencia.comentario}"/>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Monto"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{transferencia.monto}"/>
|
|
</h:column>
|
|
</h:dataTable>
|
|
|
|
<h1 class="f1">Transferencias Recibidas</h1>
|
|
<h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{tarjetaDebitoBean.tarjetaDebito.transferenciaToList}" var="transferencia">
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Fecha"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{transferencia.insertedAt}">
|
|
<f:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
|
|
</h:outputLabel>
|
|
</h:column><h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Emisor"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{transferencia.tarjetaDebitoFrom.id}"/>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Comentario"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{transferencia.comentario}"/>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Monto"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{transferencia.monto}"/>
|
|
</h:column>
|
|
</h:dataTable>
|
|
</h:form>
|
|
|
|
<h1 class="f1">Compras</h1>
|
|
<h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{tarjetaDebitoBean.tarjetaDebito.compraList}" var="compra">
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Fecha"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{compra.insertedAt}">
|
|
<f:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
|
|
</h:outputLabel>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Comentario"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{compra.comentario}"/>
|
|
</h:column>
|
|
<h:column>
|
|
<f:facet name="header">
|
|
<h:outputLabel value="Monto"/>
|
|
</f:facet>
|
|
<h:outputLabel value="#{compra.monto}"/>
|
|
</h:column>
|
|
</h:dataTable>
|
|
|
|
|
|
<h:form rendered="#{!userBean.isLogged()}">
|
|
<div class="tc">
|
|
<h1 class="f1 tc">Acceso no autorizado</h1>
|
|
<h:commandLink 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>
|
|
|
|
|