Skip to main content
Skip table of contents

Exemples paramétrage portail

Exemple de paramétrage de portail simple

Pour obtenir le portail suivant :

1. Définition de la requête d’extraction : (partie représentant la création d’une occurrence de la liste)

2. Paramétrage de la rubrique

  • Définition de la rubrique

  • Définition des actions

  • Définition de l’affichage de la rubrique

  • Définition formulaire de la rubrique

3. Paramétrage portail

  • Définition du portail

  • Définition d’une ergonomie du portail

  • Définition du formulaire du portail

Exemple de paramétrage de FID

Exemple de tableau

  • Définition FID

  • Définition Structure

  • Requête d’alimentation IS_TAB

Remarques :

  • WfResRubrique.Attributs contient la liste chainée des classes permettant de personnaliser les cellules. Cette liste doit être donnée de la forme : RefCol=Classe. Chaque classe utilisée doit être renseignée dans l’une des feuilles de style rattachées au FID lors de sa définition. CHR(59) est le séparateur des colonnes. Dans cet exemple, la couleur de fond de toutes les cellules de la deuxième colonne sera personnalisée.

  • WfResRubrique.NumOrdLig donne l’ordre d’affichage des lignes du tableau.

Autre possibilité de définir la structure et/ou de surcharger la structure du tableau dans la requête :

  • WfResRubrique.TEn doit contenir *STRUCTURE

  • WfResRubrique.RubLib doit contenir la liste ordonnée des libellés des colonnes

  • WfResRubrique.Cl1 doit contenir la liste ordonnée des formats des colonnes de la forme C/n ou E/n …..

  • WfResRubrique.Cl2 doit contenir la liste ordonnée des champs de WfresRubrique correspondant aux colonnes de la forme WfResRubrique.champ

  • WfResRubrique.Cl3 doit contenir la liste des classes définissant les attributs des colonnes

  • WfResRubrique.Attributs doit contenir la liste des classes définissant les attributs des titres des colonnes

Le séparateur des ces liste étant : CHR(26).

  • Feuille de style personnalisée : HTML_PERSO

Renseignée lors de la définition du FID, la feuille de style HTML_PERSO, met à disposition des classes applicables à chaque élément de rubrique si on les attribue au champ de liste WfResRubrique Attributs. Voir requêtes ci-dessus.

.couleurCOL1 {

background-color: COU_FOND_22 ;

}

.couleurCOL2 {

background-color: COU_FOND_23 ;

}

Remarque : Les couleurs peuvent être données de la forme :

  • COU_FOND_numéro de couleur Diapason (voir liste des couleurs dans « A propos »)

  • COU_TEXTE_ numéro de couleur Diapason (voir liste des couleurs dans « A propos »)

Exemple de Diagramme Simple Empilé

  • Définition FID

  • Définition Structure

  • Requête d’alimentation : IS_HIS_E

Si WfResRubrique.Attributs n’est pas renseigné les couleurs utilisées automatiquement sont les couleurs défaut définies par le paramètre utilisateur « PARAM-GEN / PARAMETRES / POR-COU-DEF ».

Remarques :

  • WfResRubrique.Cl1 contient toujours pour les graphiques empilés les valeurs des catégories.

  • WfResRubrique.Cl2 contient toujours pour les graphiques empilés les valeurs des classes.

  • WfResRubrique.Cl3 contient toujours pour les graphiques empilés les valeurs des séries.

  • WfResRubrique.Attributs contient la liste des classes permettant de personnaliser la série. Les classes utilisées doivent être renseignée dans l’une des feuilles de style rattachées au FID lors de sa définition. Le séparateur entre les classes est l’espace.

  • WfResRubrique.NumOrdLig donne l’ordre de lecture de WfResRubrique.

Exemple de Diagramme Animé

  • Définition FID

  • Définition Structure

  • Définition règle d’extraction : IS_LIG

Remarques :

Définition Structure du diagramme :

  • WfResRubrique.TEn doit contenir *STRUCTURE

  • WfResRubrique.Cl1 doit contenir la liste ordonnée des valeurs en abscisse

  • WfResRubrique.Cl2 doit contenir la liste des valeurs des séries qui sera aussi la liste des libellés pour la légende

  • WfResRubrique.Cl3 doit contenir la liste des libellés à afficher en abscisse si différents de WfResRubrique.Cl1 .

  • WfResRubrique.Attributs doit contenir la liste des attributs associés aux séries (une feuille de style JS par série)

  • Données du Diagramme :

    • WfResRubrique.Cl1 contient toujours les valeurs des catégories.

    • WfResRubrique.Cl2 contient toujours le libellé des classes qui apparaît dans la légende.

    • WfResRubrique.Cl3 n’est pas utilisé pour les histogrammes animés.

    • WfResRubrique.Attributs contient la feuille de style permettant de personnaliser la classe.

Si WfResRubrique.Attributs n’est pas renseigné les couleurs utilisées automatiquement sont les couleurs défaut définies par le paramètre utilisateur « PARAM-GEN / PARAMETRES / POR-COU-DEF ».

Cette requête peut s’appliquer à un Histogramme animé, une courbe animée ou un radar animé.

  • Feuilles de style associées utilisées dans la requête

Feuille de style : JS_LIG_1 :

  • strokeColor : COU_TEXTE_1;

    • pointColor : COU_TEXTE_1;

    • pointStrokeColor : COU_FOND_1;

  • Feuille de style : JS_LIG_2 :

    • strokeColor :"rgba(151,187,205,0.5)";

    • pointColor : "rgba(151,187,205,1)";

    • pointStrokeColor : "#fff";

  • Feuille de style : JS_LIG_3 :

    • strokeColor : COU_TEXTE_30;

    • pointColor : COU_TEXTE_30;

    • pointStrokeColor : COU_FOND_30;

Les couleurs peuvent être renseignées de la forme : RGB, HEXA, COU_TEXTE_xx ou COU_FOND_xx

Exemple de Jauge

  • Définition FID

  • Définition Structure

  • Requête d’alimentation : IS_JAU

Remarques :

  • WfResRubrique.Cl1 contient la valeur du minimum.

  • WfResRubrique.Cl2 contient la valeur du maximum.

  • WfResRubrique.Cl3 contient le libellé de la jauge.

  • WfResRubrique.RubNum0 contient la valeur de la jauge.

  • WfResRubrique.Attributs contient la feuille de style permettant de personnaliser les couleurs de la jauge.

  • Feuille de style associée : ISJS_JAU (défaut)

gaugeColor: COU_FOND_9;

  • levelColorsGradient: true;

  • levelColors: ["#a9d70b", "#f9c802", "#ff0000"];

  • startAnimationType: "<>";

  • startAnimationTime : 0

Exemple de diagramme secteur

  • Définition FID

  • Définition Structure

  • Requête d’alimentation : ISJS_SEC

Remarques :

  • WfResRubrique.Cl1 contient toujours le libellé des secteurs qui s’affiche dans la légende.

  • WfResRubrique.Cl2 n’est pas utilisée pour les diagrammes secteur.

  • WfResRubrique.Cl3 n’est pas utilisé pour les diagrammes secteur.

  • WfResRubrique.Attributs contient la feuille de style permettant de personnaliser la couleur du secteur.

  • WfResRubrique.NumOrdLig donne l’ordre de lecture de WfResRubrique.

Si WfResRubrique.Attributs n’est pas renseigné les couleurs utilisées automatiquement sont les couleurs défaut définies par le paramètre général utilisateur « PARAM-GEN / PARAMETRES / POR-COU-DEF ».

Cette requête peut s’appliquer à un diagramme secteur Anneau, circulaire ou polaire.

  • Feuille de style associée : JS_SEC_1

color : COU_FOND_1

Exemple de Flux

  • Définition d’un FID

  • Définition Structure

  • Requête d’extraction : ISJS_FLUX

Remarques :

  • WfResRubrique.NumOrgLig contient le numéro d’ordre de la flèche dans le flux.

  • WfResRubrique.Cl1 contient toujours la référence de l’étape correspondante dans le modèle.

  • Feuilles de Style Personnalisée :

De type RUB : HTML_FLU è Gestion du texte

Définie lors de définition d’un FID zone « Prop. Générales ». Elle donne les caractéristiques du texte du diagramme (voir § 5.8.6.1).

  • De type JS : JS_FL_1 è Gestion du dessin

    • couleurFleche : COU_FOND_34 ;

    • couleurFlecheFin : COU_FOND_37 ;

    • couleurBordure : cou_fond_34 ;

    • Définie lors de la définition de la structure (action accessible depuis la définition du FID), elle donne le caractéristique d’une flèche lorsqu’elle est sélectionnée (voir § 5.8.6.2).

Exemple : portail affichant la liste des messages

Nous allons définir une rubrique permettant d’afficher ces informations.

On crée une rubrique de type « Graphique » à laquelle on attache un format indicateur de type « libre » (zone html).

Dans la règle d’extraction d’un format indicateur de type libre, on renseigne la table WfFicTransfert.

Pour récupérer les données de la table IsDiaMes, on utilise la fonction DIALOG « INI-MESSAGES ».

On récupère les messages du portail dans la liste WfResRubrique lors de l’appel de la fonction :

On parcourt ensuite la liste WfResRubrique pour alimenter la liste WfFicTransfert.

On récupère :

  • L’objet du message dans le champ RubAlp0 de WfResRubrique 

  • Le texte du message dans le champ RubAlp1 de WfResRubrique 

  • La date de début du message dans le champ RubDat0 de WfResRubrique 

  • La date de fin du message dans le champ RubDat1 de WfResRubrique 

  • L’heure de début du message dans le champ RubNum0 de WfResRubrique 

  • L’heure de début du message dans le champ RubNum1 de WfResRubrique 

  • Le numéro du message dans le champ RubNum2 de WfResRubrique 

Dans la boucle, on met en forme l’objet et le texte du message.

Une fois la rubrique insérée dans un portail DIAPASON, on obtient le résultat suivant :

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.

Contact Support Close