171 lines
10 KiB
HTML
171 lines
10 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="#{demandesAideBean}"/>
|
|
<ui:define name="title">Documentation Complète - UnionFlow</ui:define>
|
|
|
|
<ui:define name="content">
|
|
<div class="ui-fluid">
|
|
|
|
<!-- En-tête -->
|
|
<div class="grid mb-4">
|
|
<div class="col-12">
|
|
<div class="card surface-0 hover:surface-100 border-round-lg transition-all transition-duration-200">
|
|
<div class="flex align-items-center justify-content-between mb-4">
|
|
<div>
|
|
<h2 class="text-900 font-bold text-4xl mb-2">
|
|
<i class="pi pi-info-circle text-blue-500 mr-3"></i>
|
|
Documentation Complète
|
|
</h2>
|
|
<p class="text-600 text-lg mb-0">
|
|
Documentation technique et fonctionnelle d'UnionFlow
|
|
</p>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<p:commandButton value="Version PDF"
|
|
styleClass="p-button-outlined"
|
|
icon="pi pi-file-pdf" />
|
|
<p:commandButton value="API Docs"
|
|
styleClass="p-button-info p-button-outlined"
|
|
icon="pi pi-code" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Statistiques -->
|
|
<div class="grid">
|
|
<div class="col-12 lg:col-3">
|
|
<div class="surface-100 border-round-lg p-4 text-center" style="min-height: 9rem">
|
|
<div class="text-2xl font-bold text-blue-500 mb-2">45</div>
|
|
<div class="text-900 font-semibold mb-1">Articles</div>
|
|
<div class="text-600 text-sm">Documentation complète</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 lg:col-3">
|
|
<div class="surface-100 border-round-lg p-4 text-center" style="min-height: 9rem">
|
|
<div class="text-2xl font-bold text-green-500 mb-2">12</div>
|
|
<div class="text-900 font-semibold mb-1">Mis à Jour</div>
|
|
<div class="text-600 text-sm">Ce mois-ci</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 lg:col-3">
|
|
<div class="surface-100 border-round-lg p-4 text-center" style="min-height: 9rem">
|
|
<div class="text-2xl font-bold text-purple-500 mb-2">6</div>
|
|
<div class="text-900 font-semibold mb-1">Catégories</div>
|
|
<div class="text-600 text-sm">Thématiques</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 lg:col-3">
|
|
<div class="surface-100 border-round-lg p-4 text-center" style="min-height: 9rem">
|
|
<div class="text-2xl font-bold text-orange-500 mb-2">3</div>
|
|
<div class="text-900 font-semibold mb-1">Langages</div>
|
|
<div class="text-600 text-sm">API supportées</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Catégories de documentation -->
|
|
<div class="grid">
|
|
<div class="col-12 lg:col-6 xl:col-4">
|
|
<div class="surface-100 hover:surface-200 border-round-lg p-4 cursor-pointer transition-all transition-duration-200 h-full">
|
|
<div class="flex align-items-center mb-3">
|
|
<i class="pi pi-book text-2xl mr-3 text-blue-500"></i>
|
|
<p:tag value="GUIDE" severity="success" styleClass="text-xs" />
|
|
</div>
|
|
<h5 class="text-900 font-bold mb-2">Guide Utilisateur</h5>
|
|
<p class="text-600 text-sm mb-3">Documentation complète pour l'utilisation d'UnionFlow</p>
|
|
<div class="flex justify-content-between">
|
|
<span class="text-600 text-xs"><i class="pi pi-clock mr-1"></i>15 min</span>
|
|
<span class="text-600 text-xs"><i class="pi pi-eye mr-1"></i>250</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 lg:col-6 xl:col-4">
|
|
<div class="surface-100 hover:surface-200 border-round-lg p-4 cursor-pointer transition-all transition-duration-200 h-full">
|
|
<div class="flex align-items-center mb-3">
|
|
<i class="pi pi-code text-2xl mr-3 text-green-500"></i>
|
|
<p:tag value="API" severity="info" styleClass="text-xs" />
|
|
</div>
|
|
<h5 class="text-900 font-bold mb-2">API REST</h5>
|
|
<p class="text-600 text-sm mb-3">Documentation complète de l'API REST UnionFlow</p>
|
|
<div class="flex justify-content-between">
|
|
<span class="text-600 text-xs"><i class="pi pi-clock mr-1"></i>25 min</span>
|
|
<span class="text-600 text-xs"><i class="pi pi-eye mr-1"></i>180</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 lg:col-6 xl:col-4">
|
|
<div class="surface-100 hover:surface-200 border-round-lg p-4 cursor-pointer transition-all transition-duration-200 h-full">
|
|
<div class="flex align-items-center mb-3">
|
|
<i class="pi pi-cog text-2xl mr-3 text-orange-500"></i>
|
|
<p:tag value="CONFIG" severity="warning" styleClass="text-xs" />
|
|
</div>
|
|
<h5 class="text-900 font-bold mb-2">Configuration</h5>
|
|
<p class="text-600 text-sm mb-3">Guide de configuration et paramétrage du système</p>
|
|
<div class="flex justify-content-between">
|
|
<span class="text-600 text-xs"><i class="pi pi-clock mr-1"></i>20 min</span>
|
|
<span class="text-600 text-xs"><i class="pi pi-eye mr-1"></i>95</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 lg:col-6 xl:col-4">
|
|
<div class="surface-100 hover:surface-200 border-round-lg p-4 cursor-pointer transition-all transition-duration-200 h-full">
|
|
<div class="flex align-items-center mb-3">
|
|
<i class="pi pi-wrench text-2xl mr-3 text-red-500"></i>
|
|
<p:tag value="DEPANNAGE" severity="danger" styleClass="text-xs" />
|
|
</div>
|
|
<h5 class="text-900 font-bold mb-2">Dépannage</h5>
|
|
<p class="text-600 text-sm mb-3">Solutions aux problèmes courants et dépannage</p>
|
|
<div class="flex justify-content-between">
|
|
<span class="text-600 text-xs"><i class="pi pi-clock mr-1"></i>30 min</span>
|
|
<span class="text-600 text-xs"><i class="pi pi-eye mr-1"></i>340</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 lg:col-6 xl:col-4">
|
|
<div class="surface-100 hover:surface-200 border-round-lg p-4 cursor-pointer transition-all transition-duration-200 h-full">
|
|
<div class="flex align-items-center mb-3">
|
|
<i class="pi pi-link text-2xl mr-3 text-purple-500"></i>
|
|
<p:tag value="INTEGRATION" severity="success" styleClass="text-xs" />
|
|
</div>
|
|
<h5 class="text-900 font-bold mb-2">Intégrations</h5>
|
|
<p class="text-600 text-sm mb-3">Intégration avec des systèmes tiers et webhooks</p>
|
|
<div class="flex justify-content-between">
|
|
<span class="text-600 text-xs"><i class="pi pi-clock mr-1"></i>35 min</span>
|
|
<span class="text-600 text-xs"><i class="pi pi-eye mr-1"></i>75</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 lg:col-6 xl:col-4">
|
|
<div class="surface-100 hover:surface-200 border-round-lg p-4 cursor-pointer transition-all transition-duration-200 h-full">
|
|
<div class="flex align-items-center mb-3">
|
|
<i class="pi pi-shield text-2xl mr-3 text-indigo-500"></i>
|
|
<p:tag value="SECURITE" severity="info" styleClass="text-xs" />
|
|
</div>
|
|
<h5 class="text-900 font-bold mb-2">Sécurité</h5>
|
|
<p class="text-600 text-sm mb-3">Bonnes pratiques de sécurité et authentification</p>
|
|
<div class="flex justify-content-between">
|
|
<span class="text-600 text-xs"><i class="pi pi-clock mr-1"></i>28 min</span>
|
|
<span class="text-600 text-xs"><i class="pi pi-eye mr-1"></i>120</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</ui:define>
|
|
|
|
</ui:composition>
|