[SALVIALF] Widget MultiOuvrants Core_V4 (Info/Numérique)

Tags: #<Tag:0x00007f384dfd07c8> #<Tag:0x00007f384dfd04d0> #<Tag:0x00007f384dfd0160>

Bonjour @ tous,

Je vous propose aujourd’hui d’utiliser les possibilités de l’outil Widgets mis à disposition directement au cœur de Jeedom en V4 pour créer un widget semblable à MultiOuvrants.

L’avantage est que le widget suivra chaque évolution de Jeedom à venir sans avoir à y revenir justement :wink: . De plus avec le système de template vous n’aurez qu’à importer le fichier *.json disponible en téléchargement juste après pour l’intégrer à votre Jeedom.

Le(s) Widget(s):

L’idée est de créer un widget info/numérique sur la base du template MultiState pour y renseigner des #tags# qui vont rendre le widget différent en fonction des paramètres optionnels de la commande.

Il y a 2 versions (une fois téléchargé enlever .txt à la fin du nom du fichier):

Ces templates sont à importer dans Outils->Widgets puis bouton ->Importer

Astuce: Il est possible de cacher la durée depuis le dernier changement qui apparait sous l’icône en décochant la case Time widget.

Les images:

J’ai repris le dossier des icônes de MultiOuvrants dont vous pouvez télécharger la version zippée: MultiOuvrants.zip.

Le dossier MultiOuvrants est à copier dans le répertoire data/img/ à l’aide du plugin Jeexplorer.

Les Paramètres optionnels:

3 paramètres optionnels à renseigner impérativement sur chaque commande:

  • type:

correspond au répertoire où se situe l’image à afficher cuve1, volet5, velux3, etc...

  • largeurDesktop:

largeur de l’icône en version Desktop/Dashboard en pixels.

  • largeurMobile:

largeur de l’icône en version Mobile en pixels.

Il est possible de s’affranchir des paramètres largeurDesktop et largeurMobile en spécifiant directement une valeur dans le template du widget.


Voilà j’espère n’avoir rien oublié et que ça profitera au plus grand nombre :smiley: les retours sont toujours les bienvenus :wink:

@+

10 J'aimes

Salut Salviaf,
Merci pour le partage,
je trouve très astucieuse l’utilisation des tags!
pour sur que ça va me resservir!

1 J'aime

Merci Salvialf je teste cela en rentrant tout à l’heure, c’est cool :+1::+1::+1:

1 J'aime

Ho quand ca commence par [TUTO/PARTAGE]… :heart::+1::+1::+1::ok_hand:

1 J'aime

Ce sera juste [WIDGET] finalement car j’en ai d’autres sous le coude :innocent:

Je l’ai déjà renommé MultiPosition chez moi car je compte lui ajouter des séries d’images différentes…

Bonjour,

Merci bonne idée la version “core”. :+1:

Super le coup des #tags# pour les paramètres optionnels, du coup j’en ai profiter pour refaire IconInfo sur le même principe :
Annotation%202020-02-25%20231708
En revanche, ça me paraît plus simple de mettre le chemin complet dans l’outil de création de widget plutôt que dans le paramètre optionnel quand on en a beaucoup à faire, juste un détail. :wink:
Encore merci pour l’astuce.

1 J'aime

Je partage IconAction et IconInfo en version core demain tout est prêt :grin: !!

J’ai revu le nommage :wink:

Au top! :slightly_smiling_face:

Yes je suis passé un peut vite mais oui bien le coup des #tag#

Bonjour

Comme toujours @Salvialf tu nous partages des bijoux :wink:
De mon coté je tente de remettre à jour mes éléments avec le passage à la V4 comme beaucoup.
Sur mes volets je n’arrive pas à trouver le chemin pour les images !!!

55

j’ai mis le répertoire des images ici data/img/MultiOuvrants/
Comment spécifier ce chemin comme il faut ? dans les paramètres ou bien dans les #Tags ?

Il faut renseigner le type dans les paramètres optionnels:

Oui j’ai fait ça
36

Mais le répertoire n’est pas à la racine de data/img il est à :
09

Est-ce que cela joue un rôle ?

J’ai modifié les fichiers hier pour simplifier la gestion de ce paramètre optionnel. Reimportes le *.json si ça a été fait avant.

ça doit apparaitre sous cette forme dans le template:

<img src="data/img/MultiOuvrants/#type#/0.png"/>

Le chemin est renseigné ici, il reste juste à préciser le répertoire final

Sinon il faudrait regarder le message d’erreur en mode DEV du navigateur (F12 sous chrome)

Au top avec le nouveau json :ok_hand:

1 J'aime

Salut à tous,

Impeccable ce petit widget. Facile à mettre en place.
Grâce à lui, j’ai pu intégré sur un même widget l’état de mes volets ET de l’ouverture de mes fenêtres.

J’ai utilisé la technique connue qui consiste à créer un virtuel dot l’état est la formule suivante:

Etat = [Position du volet] + 100*[Etat de l'ouverture de la fenêtre]

Quand ma fenêtre est fermée, la valeur de cet état varie de 0 à 99 et quand elle est ouverte de 100 à 199.

Grâce à ce widget, je peux maintenant utiliser les icônes ci-dessous (récupérées de la V3)
fenetres

Pour ce qui est du Widget, j’ai créé un dossier MonVolet1 pour stocker ces images et utiliser le type adéquate.
Les différents états sont les suivants:
widget

Je vais me contenter de ces icones pour toutes mes fenêtres mais si une âme charitable veut faire des équivalents pour les velux et autres baies vitrées, je suis preneur.

Bref, encore merci pour le boulot, je suis enchanté! Je souhaitais vraiment trouver une solution simple pour afficher à la fois volet et fenêtre sur le même widget et je suis servi!

2 J'aimes

J’utilise aussi cette solution mais je n’ai jamais vu d’équivalent graphiquement pour les velux

Moi aussi je serais preneur.

Pour le moment, j’utilise une série dispo sur le partage de @Salvialf

veluxAll
Il y a aussi une image pour un velux ouvert

VeluxOuvert
mais pas la combinaison des deux, ce qui serait top :slight_smile:

pareil mais pas assez bon en graphisme pour faire ca, faut chercher sur le net

Bonjour,
Juste une question ce n’est pas « levelINV » pour inverser la visu d’un store par exemple, à renseigner dans les paramètres optionnels de la tuile ?
Merci
Thierry