88 lines
4.2 KiB
HTML
88 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
|
xmlns:f="http://xmlns.jcp.org/jsf/core"
|
|
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
|
xmlns:p="http://primefaces.org/ui"
|
|
template="/templates/main-template.xhtml">
|
|
|
|
<ui:param name="page" value="#{personnelBean}"/>
|
|
<ui:define name="title">Mon Agenda - UnionFlow</ui:define>
|
|
|
|
<ui:define name="content">
|
|
<!-- En-tête -->
|
|
<ui:include src="/templates/components/layout/page-header.xhtml">
|
|
<ui:param name="icon" value="pi pi-calendar text-blue-500" />
|
|
<ui:param name="title" value="Mon Agenda" />
|
|
<ui:param name="description" value="Organisez votre planning et ne manquez aucun événement important" />
|
|
<ui:define name="actions">
|
|
<h:form id="formActions">
|
|
<div class="flex gap-2">
|
|
<ui:include src="/templates/components/buttons/button-secondary.xhtml">
|
|
<ui:param name="value" value="Synchroniser" />
|
|
<ui:param name="icon" value="pi pi-sync" />
|
|
<ui:param name="outlined" value="true" />
|
|
</ui:include>
|
|
<ui:include src="/templates/components/buttons/button-primary.xhtml">
|
|
<ui:param name="value" value="Nouvel Événement" />
|
|
<ui:param name="icon" value="pi pi-plus" />
|
|
<ui:param name="onclick" value="PF('nouvelEvenementDialog').show();" />
|
|
</ui:include>
|
|
</div>
|
|
</h:form>
|
|
</ui:define>
|
|
</ui:include>
|
|
|
|
<!-- Statistiques agenda -->
|
|
<div class="grid">
|
|
<ui:include src="/templates/components/cards/stat-card.xhtml">
|
|
<ui:param name="value" value="7" />
|
|
<ui:param name="label" value="Cette Semaine" />
|
|
<ui:param name="subLabel" value="Événements" />
|
|
<ui:param name="icon" value="pi pi-calendar" />
|
|
<ui:param name="bgColor" value="blue" />
|
|
</ui:include>
|
|
|
|
<ui:include src="/templates/components/cards/stat-card.xhtml">
|
|
<ui:param name="value" value="3" />
|
|
<ui:param name="label" value="Aujourd'hui" />
|
|
<ui:param name="subLabel" value="Rendez-vous" />
|
|
<ui:param name="icon" value="pi pi-clock" />
|
|
<ui:param name="bgColor" value="green" />
|
|
</ui:include>
|
|
|
|
<ui:include src="/templates/components/cards/stat-card.xhtml">
|
|
<ui:param name="value" value="#{personnelBean.statistiques.evenementsParticipes}" />
|
|
<ui:param name="label" value="Ce Mois" />
|
|
<ui:param name="subLabel" value="Total" />
|
|
<ui:param name="icon" value="pi pi-calendar-times" />
|
|
<ui:param name="bgColor" value="purple" />
|
|
</ui:include>
|
|
|
|
<ui:include src="/templates/components/cards/stat-card.xhtml">
|
|
<ui:param name="value" value="#{personnelBean.statistiques.tauxParticipation}%" />
|
|
<ui:param name="label" value="Taux Présence" />
|
|
<ui:param name="subLabel" value="Moyenne" />
|
|
<ui:param name="icon" value="pi pi-chart-bar" />
|
|
<ui:param name="bgColor" value="orange" />
|
|
</ui:include>
|
|
</div>
|
|
|
|
<!-- Calendrier -->
|
|
<div class="card">
|
|
<h5>Calendrier Mensuel</h5>
|
|
<p:schedule value="#{evenementsBean.evenementsCalendrier}"
|
|
widgetVar="scheduleWidget"
|
|
view="month"
|
|
locale="fr"
|
|
timeZone="Africa/Dakar"
|
|
styleClass="w-full"
|
|
height="600">
|
|
<p:ajax event="dateSelect" listener="#{evenementsBean.onDateSelect}" />
|
|
<p:ajax event="eventSelect" listener="#{evenementsBean.onEventSelect}" />
|
|
</p:schedule>
|
|
</div>
|
|
</ui:define>
|
|
|
|
</ui:composition>
|