Tableaux: Difference between revisions

From Documentation de la solution web de gestion OpenFlyers
Jump to navigation Jump to search
imported>Ltremblet
imported>Ltremblet
mNo edit summary
 
(113 intermediate revisions by 2 users not shown)
Line 1: Line 1:
__TOC__
__TOC__
=Présentation=
=Présentation=
L'objet de cette page est de présenter l'utilisation des '''tableaux''' de la [[UserDoc4|version 4 d'OpenFlyers]].
L'objet de cette page est de présenter les tableaux de la [[Accueil|version 4 d'OpenFlyers]].


=Aspect général=
=Affichage sur smartphone=
*Un tableau présente un ensemble de données réparties sur des '''lignes aux couleurs alternées'''.
Sur smartphone, et plus généralement sur les écrans de largeur inférieure à 768px, l'affichage des tableaux est optimisé afin de tenir compte de la surface d'écran visible. Ainsi, chaque ligne de tableau se présente sous forme d'un bloc distinct. D'autre part, les cellules vides n'apparaissent pas.
*Une '''colonne de gauche foncée''' comporte des informations et outils :
**Titre du tableau (facultatif).
**[[#D.C3.A9placement|Déplacement de ligne]].
**[[#Ajout.2Fsupression_de_ligne|Ajout/suppression de ligne]].
**Titre de ligne (facultatif).


[[File:Table4-1-generic.png]]
=Entrée désactivée=
Lorsque qu'une entrée du tableau est '''désactivée''', le texte de la ligne correspondante, ainsi que sa couleur de fond prennent la couleur grise.  


=Déplacement=
Pour '''réactiver''' l'entrée, il faut cliquer sur le [[#Pictogramme de réactivation d'une entrée|pictogramme de réactivation d'une entrée]].


=Ajout/supression de ligne=
Exemple : [[Paramétrage-des-validités#Supprimer-ou-désactiver-un-type-de-validité|type de validité désactivé]].


=Édition des données=
=Pictogrammes=
==Principes généraux==
==Pictogrammes d'alertes==
*Pour éditer des données, '''cliquer sur la cellule concernée'''. Elles ne nécessitent aucun rechargement de page. La mise à jour est instantanée.
Les pictogrammes d'alertes se présentent sous la forme d'un panneau warning, représentant un point d'exclamation dans un triangle. Associés à une couleur, ils prennent les significations suivantes :
*La touche '''tab''' permet de passer d'une cellule à une autre :
*Alerte rouge : cellule vide qui devrait être remplie, date limite dépassées
**'''tab :''' champ suivant
*Alerte orange : date limite proche du dépassement
**'''shift + tab :''' champ précédent
*Une ligne en cours d'édition prend un '''fond plus foncé'''.
[[File:Table4-2-edit-modify.png]]


==Modes d'édition==
Ces alertes concernent notamment les [[Validités#Alertes-sur-la-page-listant-les-validités-d'un-utilisateur|validités]].
===Dans la cellule===
*'''Champ de texte :''' le champ se met en surbrillance.
[[File:Table4-3-edit-input.png]]
*'''Case à cocher :'''
[[File:Table4-4-edit-checkbox.png]]


===Dans une [[ModalWindow4|fenêtre modale]]===
==Pictogramme de réactivation d'une entrée==
Afin d'éditer certains types de contenus, la saisie s'effectue dans une fenêtre modale.
Le pictogramme de réactivation d'une entrée se compose d'une flèche vers la droite entourée d'un cercle fléché. Il se situe dans la colonne '''Actions'''
 
====Texte long====
Saisir le contenu souhaité dans la zone de texte, puis cliquer sur OK pour valider.
 
[[File:Table4-5-modal-textarea.png]]
 
====Choix unique====
Cliquer sur le choix souhaité dans la liste. La fenêtre se ferme automatiquement.
 
[[File:Table4-6-modal-combobox.png]]
 
====Choix multiples====
*Une série de cases à cocher se présente. Cocher toutes les cases souhaitées et cliquer sur OK pour valider.
*Au-dessus de l'ensemble des choix, une case à cocher globale permet de tout cocher/décocher en même temps.
 
[[File:Table4-7-modal-multicheckbox.png]]
 
=Fonctionnalités particulières=
==Pointage==
Certains tableaux présentent un mode '''Pointage''', qui permet d'enregistrer définitivement des données. Ce mode est inactif par défaut.
 
Exemples de tableaux : comptabilité, activités.
 
===Inactif===
En bas de tableau, un bouton bleu '''Pointer''' est présent. On clique dessus pour entrer dans le mode Pointage.
 
[[File:Of4-ddt-point-1.png]]
 
===Actif===
*Le bouton '''Pointer''' est remplacé par un texte simple à côté duquel on trouve une icône permettant de sortir du mode ''Pointer''.
*Un bouton '''Valider''' apparaît. Il est alors dans un état ''inactif'' : bouton plat gris avec texte en gris, peu de contraste.
 
[[File:Of4-ddt-point-2.png]]
 
*La sélection d'une ou plusieurs lignes du DDT rend le bouton '''Valider''' ''actif''. Il devient vert et légèrement bombé, comme les autres boutons de validation de l'application.
 
[[File:Of4-ddt-point-3.png]]
 
*Dans le tableau, les '''lignes sélectionnées''' deviennent légèrement plus foncées.
 
===Ligne non validée/validée===
*Une ligne '''non validée''' s'affiche en italique.
 
[[File:Table4-ddt-1-pointage.png]]
 
*Lorsque le pointage est effectué, chaque ligne concernée est considérée comme '''validée'''. Son texte s'affiche alors en gras.
 
[[File:Table4-ddt-2-pointage.png]]
 
==Comptabilité==

Latest revision as of 12:42, 20 May 2020

Présentation

L'objet de cette page est de présenter les tableaux de la version 4 d'OpenFlyers.

Affichage sur smartphone

Sur smartphone, et plus généralement sur les écrans de largeur inférieure à 768px, l'affichage des tableaux est optimisé afin de tenir compte de la surface d'écran visible. Ainsi, chaque ligne de tableau se présente sous forme d'un bloc distinct. D'autre part, les cellules vides n'apparaissent pas.

Entrée désactivée

Lorsque qu'une entrée du tableau est désactivée, le texte de la ligne correspondante, ainsi que sa couleur de fond prennent la couleur grise.

Pour réactiver l'entrée, il faut cliquer sur le pictogramme de réactivation d'une entrée.

Exemple : type de validité désactivé.

Pictogrammes

Pictogrammes d'alertes

Les pictogrammes d'alertes se présentent sous la forme d'un panneau warning, représentant un point d'exclamation dans un triangle. Associés à une couleur, ils prennent les significations suivantes :

  • Alerte rouge : cellule vide qui devrait être remplie, date limite dépassées
  • Alerte orange : date limite proche du dépassement

Ces alertes concernent notamment les validités.

Pictogramme de réactivation d'une entrée

Le pictogramme de réactivation d'une entrée se compose d'une flèche vers la droite entourée d'un cercle fléché. Il se situe dans la colonne Actions

Retrieved from "https://doc4-fr-mirror.openflyers.com/index.php?title=Tableaux&oldid=4423"