Couche de présentation
La mise en œuvre du Sisal Web Server a introduit l'usage des Feuilles de Styles en Cascade ( « Cascading Steel Sheet » CSS3) conformément aux normes HTML et CSS.
Cela permet d'offrir pour un même contenu de page Html une présentation totalement différente en fonction des souhaits des concepteurs de site et même des utilisateurs finaux.
Sur les sites SWS, le style utilisé par l'utilisateur peut être défini par un cookie « style » qui est par défaut à la valeur « sisal ». Généralement on offre la possibilité à l'utilisateur d'en sélectionner un autre en utilisant une page comme Paramètres.html.
Lors de la préparation de toute page html, envoyé à l'usager, Sisal substitue la séquence <?sisal style?> par le nom du style défini dans le cookie.
Si la page source contient
<link rel="stylesheet" type="text/css" media="screen" href="<?sisal style?>.css" />
et le cookie style vaut « blue » SWS generera
<link rel="stylesheet" type="text/css" media="screen" href="blue.css" />
L'utilisateur ne verra plus que du bleu.
La version 5 élargit l'usage des CSS en y intégrant des données de présentation utilisées dans la préparation des vues de Sisal, l'exemple le plus significatif est celui de l'échelle des graphiques.
Sisal introduit deux identifiants de division .graphic et .scale, le premier permet de définir au moins la couleur de fond de graphique et le second la couleur de fond d'échelle et la couleur de texte sur l'échelle.
|
.graphic |
background-color |
Une couleur franche ou un dégradé linéaire |
#ccc // un gris argent rgba(192,192,0,0.3); // Un jaune transparent linear-gradient( #ff0, #880) |
|
.scale |
background-color |
Une couleur franche ou un dégradé linéaire à appliquer dans l'échelle |
idem |
|
Color |
La couleur du texte à appliquer dans l'échelle |
idem |
Par exemple
/* class scale pour les echelles des graphiques */
.scale {
background-color : #202020;
color : #ffffff;
}
.graphic {
background-color: #c0c0c0;
color: #ffffff;
}
De la même manière la version 5.0 introduit la prise en compte des CSS dans la définition des synoptiques d'un client Sisal.
Le fichier de style est dans ce cas unique, sisal.css. Ce fichier doit se trouver dans le répertoire des scripts et synoptiques, et peut contenir les champs définis ci-dessus.