You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

54 lines
2.2 KiB

<?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.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:h="http://xmlns.jcp.org/jsf/html">
<body>
<ui:composition template="./template/templatePlantilla.xhtml">
<ui:define name="top">
INVENTARIO
</ui:define>
<ui:define name="left">
</ui:define>
<ui:define name="content">
<img src="resources/images/inventario.jpg" alt="Imagen de prueba" />
<h5 style="font-size: 18px; text-align: center;">MENÚ DE OPCIONES</h5>
<h:form id="form">
<p:carousel id="carousel" value="#{carouselView.options}" var="option1" numVisible="3" numScroll="1" circular="true" styleClass="custom-carousel">
<div class="p-col">
<div class="custom-card">
<div class="card-content">
<div style="text-align: center;"> <!-- Center the image -->
<p:graphicImage value="#{option1.image}" />
</div>
<div style="align-content: center;" class="card-text">
<h4 style="text-align: center;" class="card-title">#{option1.title}</h4>
<p class="card-description">#{option1.description}</p>
</div>
<div style="align-content: center;" class="card-action">
<p:commandButton icon="pi pi-arrow-right" styleClass="rounded-button ui-button-outlined" ajax="false" action="#{test.pagina(option1.action)}" />
</div>
</div>
</div>
</div>
</p:carousel>
</h:form>
</ui:define>
</ui:composition>
</body>
</html>