Configuration de l'interface homme-machine

L'opérateur du système d'archivage configure la présentation de l'application aux utilisateurs et l'interface homme-machine en adaptant des valeurs de directives de configuration de la couche de présentation. Ces directives sont placées dans la section correspondante dans le fichier de configuration :

[presentation.maarchRM]
... directives de configuration de la présentation ...

Menu

Maarch RM est livré avec un menu de base qui conviendra à la plupart des applications, et qui est adapté selon les droits fonctionnels de l'utilisateur connecté. Cependant, l'opérateur peut souhaiter ajouter ou enlever des points de menus pour permettre ou au contraire restreindre les accès directs par le menu autorisés aux utilisateurs. La directive "menu" permet à l'opérateur de gérer la structure du menu utilisé.

La configuration par défaut est livrée dans un fichier séparé inclus à la configuration par un mot-clé "@include" :

@include menu.ini

La directive "menu" accepte une structure composite de type tableau dérivée du JSON qui utilise au maximum trois niveaux d'imbrication. Cette valeur NE DEVRAIT PAS être modifiée sans assistance de l'éditeur.

Chaque élément du menu comporte l'information suivante :

• label : libellé affiché à l'écran. Si omis, seule l'icône apparaîtra
• title : intitulé de l'élément qui apparaîtra dans l'attribut 'title' du point de menu
• class : classe CSS de l'élément. Ceci permet notamment d'ajouter une icône avec une syntaxe FontAwesome
• href : lien hypertexte vers la cible de l'élément de menu. Si l'élément comporte un sous-menu, cette valeur doit être #
• submenu : structure de sous-menu sous la forme d'un tableau JSON

Logo

La directive "logo" indique l'URI d'un fichier de type image qui sera affiché dans divers écrans de l'interface, notamment la page principale et l'invite de connexion.

logo = "/presentation/img/RM_MNCHM.svg"

L'URI est relative par rapport à la couche de présentation indiquée dans la configuration de l'instance. L'exemple ci-dessus va chercher le fichier dans le chemin réel "/presentation/maarchRM/Resources/img/RM_MNCHM.svg"

Intitulé

La directive "title" définit l'intitulé de l'application utilisé par les navigateurs internet pour leurs onglets et fenêtres. Cet intitulé ne doit pas être confondu avec le nom de l'hôte Http.

title = "Maarch RM"

Logo

La directive "logo" indique l'URI d'un fichier de type image qui sera affiché dans divers écrans de l'interface, notamment la page principale et l'invite de connexion.

logo = "/presentation/img/RM_MNCHM.svg"

L'URI est relative par rapport à la couche de présentation indiquée dans la configuration de l'instance. L'exemple ci-dessus va chercher le fichier dans le chemin réel "/presentation/maarchRM/Resources/img/RM_MNCHM.svg"

Logo alternatif

La directive "altLogo" indique l'URI d'un fichier de type image qui sert d'alternative au logo dans certains écrans, notamment l'invite de connexion.

altLogo = "/presentation/img/RM.svg"

Arrière-plan de connexion

La directive "loginBackground" permet de définir le style CSS de la page de connexion.

Pour modifier par exemple l'image de fond, il faut changer la valeur de "background-image" par une url d'image.

loginBackground = ".modal-backdrop {
    background-image: url('http://media.giphy.com/media/A06UFEx8jxEwU/giphy.gif');
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fff;
    background-size: cover;
    opacity: 1 !important;
}"

Intitulé de navigation

La directive "navbarTitle" définit un morceau de code http utilisé comme titre d'application dans l'écran principal, à côté du logo Il peut être omis si le logo comporte déjà le nom adéquat.

navbarTitle = "My App"

Un style peut être ajouté en définissant une structure complexe de tableau de noeuds Html qui contiennent une valeur de texte et une valeur d'attribut "style" :

navbarTitle = "[
  {
       'style' : 'font-size:44px;',
        'value' : 'm'
  },
  {
       'style' : 'font-size:32px; font-weight:bold;',
        'value' : 'aarch R'
  },
  {
       'style' : 'font-size:44px;',
        'value' : 'm'
  }
]"

Feuille de style

La directive "css" définit la feuille de style utilisée pour la mise en forme de l'application. Par défaut, le fichier css utilisé est style.css.

css = "/presentation/css/style.css"

Il est possible d'ajouter une nouvelle feuille de style en allant sur l'URL monApplicationNom/RegenerateCss.php et en indiquant un nom de fichier. Une fois le fichier créé , il faut modifier la variable css .

css = "/public/css/nouveauStyle.css"

Icône web

La directive "favicon" définit l'icône utilisée par les navigateurs internet pour leurs onglets et fenêtres. Elle précise l'URI d'un fichier au format icône '.ico', par exemple :

favicon = "/presentation/img/rm.ico"

L'URI est relative par rapport à la couche de présentation indiquée dans la configuration de l'instance. L'exemple ci-dessus va chercher le fichier dans le chemin réel "/presentation/maarchRM/Resources/img/rm.ico"

Nombre de résultat de recherche

La directive "maxResults" définit le nombre de résultat qui sera retourné pour une recherche :

maxResults = 200

Mode archivage publique

La directive "publicArchives" définit si l'affichage est adapté pour l'archivage de données publiques (true) ou non :

publicArchives = false

Menu des échanges

La directive "menu" de la section "medona" permet de gérer les points de menu disponibles dans l'écran des échanges de données d'archive.

[medona]
menu = "[
    {
        'label' : 'Transferts entrants',
        'href'  : '#',
        'class' : 'fa fa-sign-in fa-fw',
    ...

La structure des options de menu est identique à celle décrite pour le menu principal de l'application.