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
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">
|
|
<link href="resources/css/carrusel.css" rel="stylesheet" type="text/css"/>
|
|
<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 class="card-text">
|
|
<h4 class="card-title">#{option1.title}</h4>
|
|
<p class="card-description">#{option1.description}</p>
|
|
</div>
|
|
<div 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>
|
|
|