Section · Préfabriqués
Vues
Écrans-type préfabriqués composés uniquement de composants DS, rendus en Svelte, React
et Vue via le même pipeline NodeSpec. Chaque vue = une définition → 3
rendus + 3 snippets copiables.
Disponibles
App Shell
Header + nav latérale + fil d'Ariane + zone de contenu (titre + cartes) + footer : le squelette réutilisé par toutes les vues.
Paramètres / Administration
SideNav de sous-sections + onglets de catégories + form/form-group (select, input, toggle, switch) + barre d'enregistrement : le patron admin master-détail.
Facture client
Fil d'Ariane + en-tête (n° + badge de statut + actions) + champs structurés + table des lignes + liste des totaux : une déclinaison de la page objet.
Pipeline CRM
Colonnes par étape (Nouveau/Qualifié/Proposition/Gagné) de cartes d'opportunités (montant + avatar + barre de probabilité) : une déclinaison du kanban.
File de tickets
Recherche + barre de filtres + table de tickets paginée (sujet, priorité, SLA, assigné, statut) + légende des agents : une déclinaison de la liste rapport.
Liste rapport
Header + nav latérale + recherche + barre de filtres + table paginée triable : le patron des vues liste de gestion.
Page objet
Fil d'Ariane + en-tête d'entité + onglets + rangée KPI + champs structurés + table liée : le patron de toutes les fiches.
Tableau Kanban
Colonnes de cartes avec badge, avatar et progression : la vue pipeline CRM emblématique.
Import / mappage de données
Stepper + import de fichier + table d'aperçu + mappage colonne→champ + alerte de validation : le flux d'import des outils BI.
Maître-détail
Liste sélectionnable à gauche + panneau détail (champs, KpiCard, mini table) à droite : le patron Fiori split-view.
Assistant multi-étapes
Stepper + formulaire de l'étape courante + boutons Précédent/Suivant + récapitulatif structuré : onboarding et configuration.
Connexion / Auth
Carte centrée + formulaire avec e-mail, mot de passe, case « se souvenir », bouton, alerte d'erreur et liens : le quick-win universel.
Catalogue de gabarits de vue
Grille ConfigItemCard de gabarits ViewSpec par domaine — copier, éditer, réinitialiser, supprimer. Illustre le format ViewSpec et les patterns ConfigItemCard/FieldCard/ScoreCard.
Rétention par cohorte
Analyse de rétention en grille type heatmap : chaque ligne est une cohorte d'acquisition, chaque colonne une période de suivi, l'intensité de la cellule traduit le taux de rétention. Sélecteurs de mesure et de granularité, cartes de synthèse et badges de seuil. Pour mesurer la fidélisation dans le temps.
Entonnoir de conversion
Visualisation d'entonnoir étape par étape construite sur des barres décroissantes, avec taux de passage et taux de chute affichés entre chaque palier. Cartes KPI de conversion globale, filtres de segment et table de détail par étape. Pour diagnostiquer les pertes du parcours utilisateur.
Analyse de corrélation
Exploration de la relation entre deux métriques via un nuage de points (scatter), avec sélecteurs d'axes X et Y, dimension de couleur et plage de dates. Cartes de score de corrélation, filtres avancés et table des points aberrants. Pour repérer les liens entre indicateurs.
Annuaire des contacts
Repertoire filtrable des contacts avec recherche, segments et table dense. Avatar, role et compte rattache pour chaque ligne, avec actions rapides d'edition.
Fiche opportunite
Vue 360 d'une opportunite : etape du cycle, montant pondere, contacts et activites. Stepper de progression, KPI de deal et onglets devis/historique.
Suivi des devis
Suivi des devis par statut (envoye, accepte, expire) avec totaux et taux d'acceptation. Filtres par periode, alertes d'echeance et table avec montants.
Scoring des leads
Qualification des leads par score : carte de score, repartition par source et liste priorisee. Combine ScoreCard, repartition camembert et table des leads chauds.
Vue d'ensemble du stock
Cartes KPI (valeur du stock, ruptures, taux de rotation) + courbe d'évolution + camembert par entrepôt + table des articles sous seuil. Pour piloter la santé globale des stocks d'un coup d'oeil.
Ordre d'achat
Formulaire de création d'ordre d'achat : sélection fournisseur, date de livraison, lignes d'articles éditables avec quantités et prix, totaux. Combine entêtes en cartes et grille de saisie pour passer commande à un fournisseur.
Réception de marchandises
Assistant de réception en étapes : rappel de l'ordre d'achat, contrôle des quantités reçues vs attendues, signalement d'écarts par alerte, dépôt du bon de livraison. Pour enregistrer l'entrée physique des articles en entrepôt.
Transfert entre entrepôts
Gestion des transferts entre entrepôts : sélection origine/destination, panier d'articles à déplacer avec niveaux de stock, fil d'avancement par onglets (préparation, expédition, réception) et historique. Pour orchestrer les mouvements inter-sites.
Balance comptable
Grille de la balance générale par compte avec totaux débit/crédit, filtres par période et export. Pour la revue de la balance avant clôture.
Factures fournisseurs
Liste filtrable des factures fournisseurs avec statut de validation, échéances et téléversement de pièces. Pour le traitement et l'approbation des factures à payer.
Lot de paiements
Assistant pas-à-pas pour préparer un lot de paiements : sélection des factures, choix du compte bancaire, validation et exécution. Pour ordonnancer les règlements fournisseurs.
Rapprochement bancaire
Vue en deux volets confrontant les lignes du relevé bancaire aux écritures comptables, avec suggestions de correspondance et solde résiduel. Pour lettrer et rapprocher les opérations.
Annuaire des employes
Liste filtrable des employes : recherche, filtres par departement et statut, table dense avec avatar, badge de statut et pagination. Pour parcourir et qualifier l'effectif.
Fiche employe
Fiche detaillee d'un employe : en-tete avatar et identite, cartes KPI (anciennete, solde de conges), onglets Informations / Contrat / Documents avec champs et historique. Pour consulter et editer un dossier individuel.
Conges et presences
Suivi des conges et presences : KPI de solde et taux de presence, graphiques de repartition et tendance, table des demandes a valider avec badges de statut et selecteur de periode. Pour piloter absences et approbations.
Backlog de sprint
Liste priorisee des stories du sprint avec capacite d'equipe, estimation en points et progression. En-tete avec selecteur de sprint et barre de capacite, suivie d'un tableau de stories ordonnancees et glissables avec badges de statut et de priorite.
Feuille de route
Vue chronologique des epics et jalons par trimestre avec filtres d'equipe et de statut. Stepper de jalons en tete, cartes d'epics avec barres d'avancement et graphique de velocite cumulee.
Suivi des SLA
Tableau de bord de conformite SLA des tickets : KPI de respect des delais, repartition par severite et grille des tickets a risque ou en depassement. Alertes pour les violations imminentes et filtres par file et priorite.
Ordres de fabrication
Liste filtrable des ordres de fabrication avec avancement, statut et priorite. KPI d'atelier en tete, filtres par ligne et periode, table dense avec barres de progression. Pour piloter le carnet de production au quotidien.
Gamme operatoire
Editeur de gamme operatoire pour un article : sequence d'operations en liste ordonnee, poste de charge, temps et outillage par etape. Onglets entete / operations / nomenclature, fiches de configuration editables. Pour definir le processus de fabrication.
Controle qualite
Releve de controle qualite en plusieurs etapes : selection du lot, saisie des mesures, verdict conforme / non-conforme et piece jointe du certificat. Score de conformite, repartition des defauts et alerte de non-conformite. Pour valider la qualite en fin d'operation.
Centre de notifications
Inbox unifiee : onglets par categorie, liste de notifications avec avatar et badge de statut, filtres et actions groupees (tout marquer comme lu). Pour centraliser alertes, mentions et evenements systeme.
Preferences utilisateur
Page de preferences : carte profil avec avatar, reglages langue/fuseau/format via selects, canaux de notification par categorie et fiches de configuration. Pour personnaliser compte et notifications.