Listo lo de los sobregiros, falta implementarlos

bank-ejb/src/java/entities/LineaSobregiro.java

@@ -2,6 +2,7 @@ package entities;
 
 import java.io.Serializable;
 import java.time.LocalDateTime;
+import java.util.ArrayList;
 import java.util.List;
 import javax.persistence.Column;
 import javax.persistence.Entity;
@@ -43,6 +44,7 @@ public class LineaSobregiro implements Serializable {
   @PrePersist
   public void onPersist() {
     this.insertedAt = LocalDateTime.now();
+    this.sobregiro = 0;
   }
 
   public Integer getId() {
@@ -70,6 +72,8 @@ public class LineaSobregiro implements Serializable {
   }
 
   public List<CuentaCorriente> getCuentaCorrienteList() {
+    if(cuentaCorrienteList == null)
+      cuentaCorrienteList = new ArrayList<>();
     return cuentaCorrienteList;
   }
 
@@ -84,6 +88,8 @@ public class LineaSobregiro implements Serializable {
   }
 
   public List<TarjetaCredito> getTarjetaCreditoList() {
+    if(tarjetaCreditoList == null)
+      tarjetaCreditoList = new ArrayList<>();
     return tarjetaCreditoList;
   }
 

bank-war/src/java/bean/CuentaCorrienteBean.java

@@ -28,6 +28,14 @@ public class CuentaCorrienteBean implements Serializable{
     return "admin_cliente_view";
   }
   
+  public String gotoContratarLineaSobregiro() {
+    FacesContext context = FacesContext.getCurrentInstance();
+    LineaSobregiroBean lineaSobregiroBean = context.getApplication().evaluateExpressionGet(context, "#{lineaSobregiroBean}", LineaSobregiroBean.class);
+    lineaSobregiroBean.setCuentaCorriente(cuentaCorriente);
+    return "admin_linea_sobregiro_corriente_contratar";
+  }
+
+  
   public String gotoDepositar() {
     FacesContext context = FacesContext.getCurrentInstance();
     DepositoBean db = context.getApplication().evaluateExpressionGet(context, "#{depositoBean}", DepositoBean.class);

bank-war/src/java/bean/LineaSobregiroBean.java

@@ -0,0 +1,107 @@
+package bean;
+
+import beans.CuentaCorrienteFacadeLocal;
+import beans.LineaSobregiroFacadeLocal;
+import beans.TarjetaCreditoFacadeLocal;
+import entities.CuentaCorriente;
+import entities.LineaSobregiro;
+import entities.TarjetaCredito;
+import java.io.Serializable;
+import javax.ejb.EJB;
+import javax.enterprise.context.SessionScoped;
+import javax.faces.application.FacesMessage;
+import javax.faces.context.FacesContext;
+import javax.inject.Named;
+
+@Named(value = "lineaSobregiroBean")
+@SessionScoped
+public class LineaSobregiroBean implements Serializable {
+  @EJB
+  private LineaSobregiroFacadeLocal lineaSobregiroFacade;
+  @EJB
+  private TarjetaCreditoFacadeLocal tarjetaCreditoFacade;
+  @EJB
+  private CuentaCorrienteFacadeLocal cuentaCorrienteFacade;
+  
+  private TarjetaCredito tarjetaCredito;
+  private CuentaCorriente cuentaCorriente;
+  
+  private LineaSobregiro lineaSobregiro;
+  
+  private int limite;
+  
+  
+  public String contratarParaTarjetaCredito() {
+    if(limite <= 0) {
+        FacesContext context = FacesContext.getCurrentInstance();
+        context.addMessage(null, new FacesMessage("El limite tiene que ser mayor a 0"));
+        context.validationFailed();
+        return "admin_linea_sobregiro_credito_contratar";
+    }
+    
+    LineaSobregiro lineaSobregiro = new LineaSobregiro();
+    lineaSobregiro.setLimite(limite);
+
+    tarjetaCredito.setLineaSobregiro(lineaSobregiro);
+    
+    lineaSobregiroFacade.create(lineaSobregiro);
+    tarjetaCreditoFacade.edit(tarjetaCredito);
+    
+    return "admin_tarjeta_credito_view";
+  }
+  
+  public String contratarParaCuentaCorriente() {
+    if(limite <= 0) {
+        FacesContext context = FacesContext.getCurrentInstance();
+        context.addMessage(null, new FacesMessage("El limite tiene que ser mayor a 0"));
+        context.validationFailed();
+        return "admin_linea_sobregiro_corriente_contratar";
+    }
+    
+    LineaSobregiro lineaSobregiro = new LineaSobregiro();
+    lineaSobregiro.setLimite(limite);
+
+    cuentaCorriente.setLineaSobregiro(lineaSobregiro);
+    
+    lineaSobregiroFacade.create(lineaSobregiro);
+    cuentaCorrienteFacade.edit(cuentaCorriente);
+    
+    return "admin_cuenta_corriente_view";
+  }
+
+  public TarjetaCredito getTarjetaCredito() {
+    return tarjetaCredito;
+  }
+
+  public void setTarjetaCredito(TarjetaCredito tarjetaCredito) {
+    this.tarjetaCredito = tarjetaCredito;
+  }
+
+  public CuentaCorriente getCuentaCorriente() {
+    return cuentaCorriente;
+  }
+
+  public void setCuentaCorriente(CuentaCorriente cuentaCorriente) {
+    this.cuentaCorriente = cuentaCorriente;
+  }
+
+  
+  public LineaSobregiro getLineaSobregiro() {
+    return lineaSobregiro;
+  }
+
+  public void setLineaSobregiro(LineaSobregiro lineaSobregiro) {
+    this.lineaSobregiro = lineaSobregiro;
+  }
+
+  public int getLimite() {
+    return limite;
+  }
+
+  public void setLimite(int limite) {
+    this.limite = limite;
+  }
+  
+  
+  
+}

bank-war/src/java/bean/TarjetaCreditoBean.java

@@ -42,12 +42,20 @@ public class TarjetaCreditoBean implements Serializable {
     return "admin_cliente_view";
   }
   
+  public String gotoContratarLineaSobregiro() {
+    FacesContext context = FacesContext.getCurrentInstance();
+    LineaSobregiroBean lineaSobregiroBean = context.getApplication().evaluateExpressionGet(context, "#{lineaSobregiroBean}", LineaSobregiroBean.class);
+    lineaSobregiroBean.setTarjetaCredito(tarjetaCredito);
+    return "admin_linea_sobregiro_credito_contratar";
+  }
+
   public String gotoComprar() {
     FacesContext context = FacesContext.getCurrentInstance();
     CompraBean cb = context.getApplication().evaluateExpressionGet(context, "#{compraBean}", CompraBean.class);
     cb.setTarjetaCredito(tarjetaCredito);
     return "cliente_tarjeta_credito_comprar";
   }
+
   public String gotoDeleteCompra(CompraTarjetaCredito compra) {
     FacesContext context = FacesContext.getCurrentInstance();
     CompraBean cb = context.getApplication().evaluateExpressionGet(context, "#{compraBean}", CompraBean.class);

bank-war/web/admin_cliente_view.xhtml

@@ -20,10 +20,10 @@
             <h1 class="f1 tc">Cliente</h1>
 
             <div class="mv3 cf">
-                <h:commandLink class="f5 fl tc link dim br2 ph3 pv2 mb2 dib white bg-red" immediate="true" action="#{userBean.logout()}" style="width: 200px">
+                <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 fr tc link dim br2 ph3 pv2 mb2 dib white bg-blue" immediate="true" action="admin_main" style="width: 200px">
+                <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>

bank-war/web/admin_cuenta_corriente_view.xhtml

@@ -17,28 +17,62 @@
     </h:head>
     <body class="black-70 pa4">
         <h:form rendered="#{userBean.isLogged() and userBean.isAdmin()}">
-            <div class="flex justify-between">
+            <h1 class="f1 tc">Cuenta Corriente</h1>
-                <h1 class="f1">Cuenta Corriente</h1>
 
-                <h:commandLink class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-blue" immediate="true" action="admin_cliente_view" style="margin-top: auto; margin-bottom: auto">
+            <div class="mt3 cf">
+                <h:commandLink class="f5 fr tc link dim br2 ph3 pv2 mb2 dib white bg-green" rendered="#{cuentaCorrienteBean.cuentaCorriente.lineaSobregiro == null}" action="#{cuentaCorrienteBean.gotoContratarLineaSobregiro()}" style="width: 250px">
+                    <li class="fas fa-file-invoice-dollar"></li> Contratar Linea Sobregiro
+                </h:commandLink>
+                <h:commandLink class="f5 fl tc link dim br2 ph3 pv2 mb2 dib white bg-blue" immediate="true" action="admin_cliente_view" style="width: 250px">
                     <li class="fas fa-arrow-left"></li> Volver
                 </h:commandLink>
             </div>
 
-            <div class="mv4 ph2 fl w-33">
+            <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-100" id="id" value="#{cuentaCorrienteBean.cuentaCorriente.id}" readonly="true" label="Id:"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" id="id" value="#{cuentaCorrienteBean.cuentaCorriente.id}" readonly="true" label="Id:"/>
             </div>
-            <div class="mv4 ph2 fl w-33">
+            <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-100" id="saldo" value="#{cuentaCorrienteBean.cuentaCorriente.saldo}" readonly="true" label="Saldo:"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" id="saldo" value="#{cuentaCorrienteBean.cuentaCorriente.saldo}" readonly="true" label="Saldo:"/>
             </div>
-            <div class="mv4 ph2 fl w-33">
+            <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-100" id="fecha_creacion" value="#{cuentaCorrienteBean.cuentaCorriente.insertedAt}" readonly="true" label="Fecha Creacion:"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" id="fecha_creacion" value="#{cuentaCorrienteBean.cuentaCorriente.insertedAt}" readonly="true" label="Fecha Creacion:"/>
             </div>
 
-            <h1 class="f2 ">Depositos</h1>
+            <hr/>
+
+            <h:panelGroup layout="block" class="mv3 w-100" rendered="#{cuentaCorrienteBean.cuentaCorriente.lineaSobregiro != null}">
+            <h1 class="f2 tc">Linea Sobregiro</h1>
+            
+            <div class="mt3 tc">
+                <h:outputLabel class="db fw4 lh-copy f6" value="Id:"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{cuentaCorrienteBean.cuentaCorriente.lineaSobregiro.id}" readonly="true"/>
+            </div>
+            <div class="mt3 tc">
+                <h:outputLabel class="db fw4 lh-copy f6" value="Limite:"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{cuentaCorrienteBean.cuentaCorriente.lineaSobregiro.limite}" readonly="true"/>
+            </div>
+            <div class="mt3 tc">
+                <h:outputLabel class="db fw4 lh-copy f6" value="Sobregiro:"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{cuentaCorrienteBean.cuentaCorriente.lineaSobregiro.sobregiro}" 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="#{cuentaCorrienteBean.cuentaCorriente.insertedAt}" readonly="true"/>
+            </div>
+            </h:panelGroup>
+            
+            <h:panelGroup layout="block" class="mv3 w-100" rendered="#{cuentaCorrienteBean.cuentaCorriente.lineaSobregiro == null}">
+                <h1 class="f2 tc">Linea Sobregiro</h1>
+                <p class="f6 tc">Sin contratar</p>
+            </h:panelGroup>
+            
+            <hr/>
+
+            <h1 class="f2 tc">Transacciones</h1>
+            <h1 class="f3 tc">Depositos</h1>
             <h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{cuentaCorrienteBean.cuentaCorriente.depositoList}" var="deposito">
                 <h:column>
                     <f:facet name="header">
@@ -64,8 +98,8 @@
                     </h:commandLink>
                 </h:column>
             </h:dataTable>
-
+            <hr/>
-            <h1 class="f2">Giros</h1>
+            <h1 class="f3 tc">Giros</h1>
             <h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{cuentaCorrienteBean.cuentaCorriente.giroList}" var="giro">
                 <h:column>
                     <f:facet name="header">
@@ -91,8 +125,8 @@
                     </h:commandLink>
                 </h:column>
             </h:dataTable>
-
+            <hr/>
-            <h1 class="f2">Transferencias Hechas</h1>
+            <h1 class="f3 tc">Transferencias Hechas</h1>
             <h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{cuentaCorrienteBean.cuentaCorriente.transferenciaFromList}" var="transferencia">
                 <h:column>
                     <f:facet name="header">
@@ -124,7 +158,9 @@
                 </h:column>
             </h:dataTable>
 
-            <h1 class="f2">Transferencias Recibidas</h1>
+            <hr/>
+
+            <h1 class="f3 tc">Transferencias Recibidas</h1>
             <h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{cuentaCorrienteBean.cuentaCorriente.transferenciaToList}" var="transferencia">
                 <h:column>
                     <f:facet name="header">

bank-war/web/admin_linea_sobregiro_corriente_contratar.xhtml

@@ -0,0 +1,45 @@
+<?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">Contratar Linea Sobregiro para Cuenta Corriente</h1>
+            <h:messages class="f4 w-40 list tc center white bg-red pa4 "/>
+            <div class="mt3 tc">
+                <h:outputLabel class="db fw4 lh-copy f6" for="limite" value="Limite"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent measure" id="limite_nacional" value="#{lineaSobregiroBean.limite}" required="true" label="Limite"/>
+            </div>
+             <div class="flex mt3 justify-center">
+                 <h:commandLink class="f5 tc link dim br2 ph3 pv2 dib white bg-blue" action="#{lineaSobregiroBean.contratarParaCuentaCorriente()}">
+                    <li class="fas fa-check-circle"></li> Contratar
+                </h:commandLink>
+                <h:commandLink class="f5 tc link dim br2 ph3 pv2 ml2 dib white bg-red" immediate="true" action="admin_cuenta_corriente_view">
+                    <li class="fas fa-times-circle"></li> Volver
+                </h:commandLink>
+            </div>      
+        </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>
+
+

bank-war/web/admin_linea_sobregiro_credito_contratar.xhtml

@@ -0,0 +1,45 @@
+<?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">Contratar Linea Sobregiro para Tarjeta de Credito</h1>
+            <h:messages class="f4 w-40 list tc center white bg-red pa4 "/>
+            <div class="mt3 tc">
+                <h:outputLabel class="db fw4 lh-copy f6" for="limite" value="Limite"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent measure" id="limite_nacional" value="#{lineaSobregiroBean.limite}" required="true" label="Limite"/>
+            </div>
+             <div class="flex mt3 justify-center">
+                 <h:commandLink class="f5 tc link dim br2 ph3 pv2 dib white bg-blue" action="#{lineaSobregiroBean.contratarParaTarjetaCredito()}">
+                    <li class="fas fa-check-circle"></li> Contratar
+                </h:commandLink>
+                <h:commandLink class="f5 tc link dim br2 ph3 pv2 ml2 dib white bg-red" immediate="true" action="admin_tarjeta_credito_view">
+                    <li class="fas fa-times-circle"></li> Volver
+                </h:commandLink>
+            </div>      
+        </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>
+
+

bank-war/web/admin_tarjeta_credito_view.xhtml

@@ -17,14 +17,18 @@
     </h:head>
     <body class="black-70 pa4">
         <h:form rendered="#{userBean.isLogged() and userBean.isAdmin()}">
-            <div class="flex justify-between">
+            <h1 class="f1 tc">Tarjeta Credito</h1>
-                <h1 class="f1">Tarjeta Credito</h1>
             
-                <h:commandLink class="f5 tc link w-20 dim br2 ph3 pv2 mb1 mr2 dib white bg-blue" immediate="true" action="admin_cliente_view" style="margin-top: auto; margin-bottom: auto">
+            <div class="mt3 cf">
+                <h:commandLink class="f5 fr tc link dim br2 ph3 pv2 mb2 dib white bg-green" rendered="#{tarjetaCreditoBean.tarjetaCredito.lineaSobregiro == null}" action="#{tarjetaCreditoBean.gotoContratarLineaSobregiro()}" style="width: 250px">
+                    <li class="fas fa-file-invoice-dollar"></li> Contratar Linea Sobregiro
+                </h:commandLink>
+                <h:commandLink class="f5 fl tc link dim br2 ph3 pv2 mb2 dib white bg-blue" immediate="true" action="admin_cliente_view" style="width: 250px">
                     <li class="fas fa-arrow-left"></li> Volver
                 </h:commandLink>
             </div>
 
+
             <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" id="id" value="#{tarjetaCreditoBean.tarjetaCredito.id}" readonly="true"/>
@@ -50,7 +54,39 @@
                 <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" id="fecha_creacion" value="#{tarjetaCreditoBean.tarjetaCredito.insertedAt}" readonly="true"/>
             </div>
             
-            <h1 class="f3">Compras</h1>
+            <hr/>
+            
+            <h:panelGroup layout="block" class="mv3 w-100" rendered="#{tarjetaCreditoBean.tarjetaCredito.lineaSobregiro != null}">
+            <h1 class="f2 tc">Linea Sobregiro</h1>
+            
+            <div class="mt3 tc">
+                <h:outputLabel class="db fw4 lh-copy f6" value="Id:"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{tarjetaCreditoBean.tarjetaCredito.lineaSobregiro.id}" readonly="true"/>
+            </div>
+            <div class="mt3 tc">
+                <h:outputLabel class="db fw4 lh-copy f6" value="Limite:"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{tarjetaCreditoBean.tarjetaCredito.lineaSobregiro.limite}" readonly="true"/>
+            </div>
+            <div class="mt3 tc">
+                <h:outputLabel class="db fw4 lh-copy f6" value="Sobregiro:"/>
+                <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100 measure" value="#{tarjetaCreditoBean.tarjetaCredito.lineaSobregiro.sobregiro}" 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="#{tarjetaCreditoBean.tarjetaCredito.insertedAt}" readonly="true"/>
+            </div>
+            </h:panelGroup>
+            
+            <h:panelGroup layout="block" class="mv3 w-100" rendered="#{tarjetaCreditoBean.tarjetaCredito.lineaSobregiro == null}">
+                <h1 class="f2 tc">Linea Sobregiro</h1>
+                <p class="f6 tc">Sin contratar</p>
+            </h:panelGroup>
+            
+            <hr/>
+            
+            <h1 class="f2 tc">Transacciones</h1>
+            
+            <h1 class="f3 tc">Compras</h1>
             <h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{tarjetaCreditoBean.tarjetaCredito.compraList}" var="compra">
                 <h:column>
                     <f:facet name="header">
@@ -83,7 +119,7 @@
                 </h:column>
             </h:dataTable>
 
-            <h1 class="f3">Pagos</h1>
+            <h1 class="f3 tc">Pagos</h1>
             <h:dataTable class="w-100 pv3" headerClass="fw6 bb b--black-20 tl pb2 pr3 bg-white" value="#{tarjetaCreditoBean.tarjetaCredito.pagoList}" var="pago">
                 <h:column>
                     <f:facet name="header">

bank-war/web/admin_tarjeta_debito_view.xhtml

@@ -38,7 +38,7 @@
                 <h:inputText class="pa2 input-reset ba b--black-20 bg-transparent w-100" id="fecha_creacion" value="#{tarjetaDebitoBean.tarjetaDebito.insertedAt}" readonly="true" label="Fecha Creacion:"/>
             </div>
             
-            <h1 class="f2 ">Depositos</h1>
+            <h1 class="f2 tc">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">
@@ -65,7 +65,8 @@
                 </h:column>
             </h:dataTable>
 
-            <h1 class="f2">Giros</h1>
+            <hr/>
+            <h1 class="f2 tc">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">
@@ -92,7 +93,8 @@
                 </h:column>
             </h:dataTable>
 
-            <h1 class="f2">Transferencias Hechas</h1>
+            <hr/>
+            <h1 class="f2 tc">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">
@@ -124,7 +126,8 @@
                 </h:column>
             </h:dataTable>
 
-            <h1 class="f2">Transferencias Recibidas</h1>
+            <hr/>
+            <h1 class="f2 tc">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">
@@ -156,7 +159,7 @@
                 </h:column>
             </h:dataTable>
             <hr/>
-            <h1 class="f2">Compras</h1>
+            <h1 class="f2 tc">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">