Concept

Un widget contient un grand nombre d'options ( couleur du texte, taille du texte, affichage des icônes, etc. ).

Une interface d'édition pour chaque type est donc nécessaire pour satisfaire la disparité de configuration des widgets.

Dans cette page, se trouve une explication du comportement des différents types de propriétés : 

  • Champ de type texte,
  • Champ de type radio,
  • Champ de type sélecteur,
  • etc.

Et donnera une explication sur la prévisualisation de la configuration

Accéder au menu de configuration

La roue crantée ( ) disponible en mode édition ( voir la page NEW_PAGE - 003.7 - SEF-11413 - Edition VISUEL - Météo - Shinken Entreprise V02.08.02 - Confluence  ) sur les widgets permet d'accéder à l'interface de configuration des widgets.

La roue crantée est disponible sur les widgets lors d'une sélection simple et multiple. L'édition n'est actuellement possible qu'un widget à la fois ( un mode d'édition de masse des widgets est en cours d'étude).

Le formulaire sera différent pour chaque type de widget ( météo, séparateur et titre ).




Fonctionnement général


Regroupement par dossier escamotable

Pour une facilité d'édition, les propriétés, portant sur le même sujet, sont regroupés par dossier escamotable.

Les dossiers escamotables ont un titre qui permet de cacher le contenu si on clique dessus

Les dossiers escamotables ont donc deux états possibles : 

  • ouvert ( par défaut )
  • fermé


Dans l'exemple ci-contre :

  • les deux zones "Affichage" et "Zone de gauche" sont fermés
  • la zone "Zone en haut à droite" est ouverte

Valeurs par défaut

Les valeurs par défaut vous permettent de définir des comportements communs aux widgets.

Ils sont définis par type de widget ( météo, séparateur et titre ) et proviennent de deux éléments par ordre de priorité, les layouts que l'on retrouve dans le fichier JSON et les cfg qui sont accessibles par votre administrateur Shinken. 

Si un layout existe, il aura la priorité sur les cfg sur la définition des valeurs par défaut. 

Définition des valeurs par défaut par les layouts

Chaque type de widget possède son propre layout, se trouvant dans le JSON ( grids > layouts )








Définition des valeurs par défaut par les cfg


Les différents types de propriété

Propriété de type texte

Permet de rentrer une valeur manuellement au clavier.

Certain champ texte auront des restrictions : 

  • caractère interdit,
  • valeur numérique obligatoire,
  • etc.

Propriété de type sélecteur

Permet de rentrer une valeur prédéfinie.

  • Le clic sur le champ ouvre un sélecteur avec les valeurs possibles.
  • Cliquer sur une option remplace la valeur précédente.

Un champ de recherche est disponible pour filtrer la liste des éléments proposés dans le sélecteur.

Propriété de type radio

Permet de rentrer une valeur prédéfinie parmi un nombre restreint de valeurs ( en général des booléens ).

  • Cliquer sur une option remplace la valeur précédente.

Propriété de type radio et sélecteur

Permet de rentrer une valeur prédéfinie en mettant plus en valeur la séparation en une valeur par défaut et une valeur configurée consciemment par l'utilisateur.

  • Cliquer sur une option remplace la valeur précédente.

La mode prévisualisation

Concept


Interactions


En bas de cette fenêtre ( ici en rouge ), se trouve une prévisualisation du type de widget en configuration.

Cette prévisualisation est générique, elle prendra toutes les configurations en compte en temps réel, afin d'aider à la configuration.

Une fois la configuration validée, les changements effectués sur la prévisualisation seront répercutés sur le widget configuré.

Les widgets avec configuration de zone

Certains widgets possèdent une configuration de zone qui permet d'afficher ou non les zones configurables sur la prévisualisation ( ici en vert ).

Les radios bouton, présent au-dessus de la prévisualisation, permettent de configurer l'affichage ou non de ces zones. 

Si la zone est sélectionnée en afficher, une roue crantée apparait sur la zone dans la prévisualisation et disparait, ainsi que la zone, si on le cache.


La configuration d'une zone

En cliquant sur une roue crantée, la configuration possible de cette zone apparait sous le widget de prévisualisation ( ici en bleu ).

Les champs qui apparaissent en dessous, permettent de configurer la zone sélectionnée.


Après clique sur route crantée

Après clique sur route crantée

La configuration des différents types de widgets

Chaque type de widget possédant ses propres particularités =, les options différeront :