98 lines
3.8 KiB
HTML
98 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
|
xmlns:f="http://xmlns.jcp.org/jsf/core"
|
|
xmlns:p="http://primefaces.org/ui">
|
|
|
|
<h:head>
|
|
<title>UnionFlow - Accueil</title>
|
|
<style>
|
|
body {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
min-height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
}
|
|
.container {
|
|
background: white;
|
|
border-radius: 10px;
|
|
padding: 40px;
|
|
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
|
|
min-width: 500px;
|
|
}
|
|
.logo {
|
|
text-align: center;
|
|
font-size: 48px;
|
|
margin-bottom: 20px;
|
|
}
|
|
h1 {
|
|
text-align: center;
|
|
color: #333;
|
|
margin-bottom: 30px;
|
|
}
|
|
</style>
|
|
</h:head>
|
|
|
|
<h:body>
|
|
<div class="container">
|
|
<div class="logo">🦁</div>
|
|
<h1>UnionFlow</h1>
|
|
|
|
<h:form id="mainForm">
|
|
<p:panel header="Bienvenue sur UnionFlow" style="margin-bottom: 20px;">
|
|
<h:panelGrid columns="2" cellpadding="10">
|
|
<h:outputText value="#{helloView.message}" style="font-weight: bold; color: #667eea;"/>
|
|
</h:panelGrid>
|
|
</p:panel>
|
|
|
|
<p:panel header="Test Interactif">
|
|
<h:panelGrid columns="3" cellpadding="5">
|
|
<p:outputLabel for="nameInput" value="Votre nom:"/>
|
|
<p:inputText id="nameInput" value="#{helloView.name}"
|
|
placeholder="Entrez votre nom"/>
|
|
<p:commandButton value="Dire Bonjour"
|
|
action="#{helloView.sayHello}"
|
|
update="greetingPanel"
|
|
icon="pi pi-user"/>
|
|
</h:panelGrid>
|
|
|
|
<p:panel id="greetingPanel" style="margin-top: 20px;">
|
|
<h:outputText value="#{helloView.greeting}"
|
|
style="font-size: 18px; color: #764ba2;"
|
|
rendered="#{not empty helloView.greeting}"/>
|
|
</p:panel>
|
|
</p:panel>
|
|
|
|
<p:panel header="Informations Système" style="margin-top: 20px;">
|
|
<h:panelGrid columns="2" cellpadding="5">
|
|
<h:outputText value="Framework:" style="font-weight: bold;"/>
|
|
<h:outputText value="Quarkus + PrimeFaces"/>
|
|
|
|
<h:outputText value="Version PrimeFaces:" style="font-weight: bold;"/>
|
|
<h:outputText value="14.0.5"/>
|
|
|
|
<h:outputText value="Thème:" style="font-weight: bold;"/>
|
|
<h:outputText value="Freya Blue Light"/>
|
|
|
|
<h:outputText value="Port:" style="font-weight: bold;"/>
|
|
<h:outputText value="8082"/>
|
|
</h:panelGrid>
|
|
</p:panel>
|
|
|
|
<div style="text-align: center; margin-top: 20px;">
|
|
<p:button value="Documentation" icon="pi pi-book"
|
|
href="https://www.primefaces.org/showcase"
|
|
target="_blank"
|
|
style="margin-right: 10px;"/>
|
|
<p:button value="GitHub" icon="pi pi-github"
|
|
href="https://github.com/quarkiverse/quarkus-primefaces"
|
|
target="_blank"/>
|
|
</div>
|
|
</h:form>
|
|
</div>
|
|
</h:body>
|
|
|
|
</html> |