[WIDGET] IconInfo

[Salvialf]

Salut @ tous,

Le widget est disponible sur le market sous le nom "IconInfo". Il inclut les icônes de 139 appareils + 1 visuel par défaut.

• Documentation

• Liste appareils intégrés

• Les Icônes

• Templates icônes

Il s'agit d'un widget permettant d'affecter une icône "on" ou "off" à un périphérique spécifique en fonction d'un état "0" ou "1" (ou "autre").

Après avoir appliqué le widget sur la commande Info/binaire, l'attribution des icônes s'effectue par l'ajout d'un paramètre optionnel "type" dans les 'Paramètres optionnels du widget' dans l'onglet 'Affichage' de la configuration de la commande.

La liste des différents types d'équipements inclus dans le widget est inscrite au début du code et est consultable ici.

Il est également possible de spécifier la hauteur et la largeur des icônes par l'ajout de paramètres optionnels "hauteur" & "largeur" ayant pour valeur la dimension souhaitée (exemple: hauteur=120 - largeur=90 -> icône de 120px*90px).
Si aucun paramètre taille n'est défini les icônes seront à 80px*80px par défaut.

Pour afficher les informations de temps depuis le dernier allumage/extinction, il suffit d'ajouter un paramètre optionnel "time" avec la valeur suivante au choix::
* 'duree': affiche la durée depuis le dernier allumage/extinction.
* 'heure': affiche l'heure de dernier allumage extinction.
* 'date': affiche la date et l'heure de dernier allumage/extinction.




Le paramètre 'extension' permet de choisir le format des icônes (par exemple: 'gif', 'jpg', etc.....)


Ce widget offre la possibilité d'être une base générique universelle pour toutes les infos binaire ce qui évite la démultiplication des widgets.

Il est proposé par défaut avec des icônes style 'Eedomus' dans un souci d'uniformité cependant il est conseillé d'ajouter vos propres icônes en respectant le nommage 'type_off.png' et 'type_on.png'.
Pour ajouter vos icônes, sur la page du Widget, cliquer sur le bouton "Fichiers" tout en haut puis "choisir un fichier" et ajouter vos images une par une:


Lien Github

[Salvialf]

Le widget est également disponible en version "mobile" présentant de légères différences:

- La taille des icônes peut être modifiée via 2 paramètres "hauteur2" et largeur2" afin d'être en mesure d'agir indépendamment sur la présentation des icônes sur chaque portail.
- Les icônes sont reprises à partir de la version dashboard qui doit donc obligatoirement être installée et sur laquelle doivent être ajoutées les nouvelles icônes.

FICHIERS POUR V4:
Les fichiers pour utiliser IconInfo en V4 sont disponibles dans un fichier zippé à cette adresse:
https://github.com/Salvialf/JEEDOM-Widg ... onInfo.zip

Le fichier cmd.info.binary.IconInfo.html et le dossier cmd.info.binary.IconInfo sont à copier dans le répertoire html\data\customTemplates\dashboard à l'aide du plugin Jeexplorer.
(exemple identique avec IconAction):



Tous les paramètres optionnels fonctionnent.
Le widget peut être sélectionné à partir de l'onglet Affichage de la configuration de la commande, en choisissant Customtemp/IconInfo dans le menu déroulant.
(Exemple de rendu IconAction sur la droite IconInfo à gauche):

[coke]

@Salvialf testé et marche nikel

[Salvialf]

@Salvialf testé et marche nikel

Cool! Alors par rapport à PingMedia c'est plus facile à utiliser ?

Je le teste encore un peu chez moi, éventuellement d'autres retours et je le mettrais à disposition sur le market des widget...

[coke]

Je dirais que oui.. on pourrait mergé les 2 widget pour n'en faire qu'un. en revanche moi j'utilise en version numerique et non bianire pour gerer une valeur autre que 0 ou 1 pour la veille.. mais on pourrait faire les 2 versions..

[Salvialf]

Normalement en modifiant "binary" par "numeric" au début du code et dans le menu "sous-type" du widget ça doit fonctionner. Le widget est codé pour mettre on sur 1, off sur 0 et wrn sur tous les autres retours. Il semble quand même plus adapté aux binaires pour le moment mais à voir selon les cas particuliers (pour les valeurs numériques à inclure surtout)

[kerdale]

Bonjour,
comme je ne trouve pas PingMedia c'est forcément plus facile à utiliser Ceci dit ça fonctionne nickel, facile à utiliser, il suffit d'etre rationnel dans le nomage des commandes pour tomber sur une des images stockée. L'image par défaut est une bonne idée, cela permet facilement par exemple de mettre une image spécifique pour une commande on et rien pour OFF. Je garde donc.
Merci pour le taf et le partage

[Salvialf]

Merci à vous pour les retours !

Pour info j'ai mis le code à jour dans le premier post avec quelques petites améliorations visuelles ça me parait plus propre. (Attention dans l'archive c'est l'ancien code encore)

Je prépare une fournée d'images et le widget sera bientôt disponible sur le market (d'ici quelques jours je pense).

Edit: Nouvelle MAJ du code
Il est possible de spécifier un paramètre optionnel "name" au lieu de changer le nom de la commande. C'est au choix, par exemple chez moi la commande s'appelle "Statut Power", j'ajoute le paramètre "name" avec pour valeur "tv" et c'est l'icône tv qui s'affiche.
Il est également possible de choisir la taille des icônes par l'ajout d'un paramètre "taille" ayant un chiffre en valeur (90 par exemple ce qui affichera une icône de 90px*90px).

[romanais]

Superbe !

[Salvialf]

Merci @romanais !

@coke a bien testé le widget cet aprem et tout à l'air de fonctionner parfaitement.

Je vais donc faire une grosse sélection d'icônes pour le mettre sur le market au plus vite. Je vais peut-être aussi mettre une taille par défaut pour les icônes si le paramètre "taille" n'est pas renseigné plutôt que d'avoir la taille originale... Ça donnera de l'uniformité direct à mon avis. Vous en pensez quoi?

Sinon il faut que je lui trouve un nom aussi parce que StatutBin c'est pas terrible non? Sachant qu'il y aura sûrement le même principe sur un autre widget info numérique et un autre d'action ça fera au moins 3 widgets permettant de choisir ses icônes du coup les 3 noms devront peut-être être en lien?

J'ai pas trop d'idées... "MultiIcons" peut-être? Bref petit brainstorming autour du nom si vous voulez bien?!

[JAG]

Salut
se serait bien de pouvoir paramétrer la taille de l'image
si cela peut d'aider voici 2 exemples que j'ai fait sur mes widgets, j'ai quand même figé une taille en l'absence de valeur sur les variables

• Widget Action

J'ai mis après la balise <script>

Code : Tout sélectionner

            // Paramètre "sizehw" : à déclarer en pixels - 92 maxi
                    var srcImgHeight	= (is_numeric('#sizeh#')) ? parseFloat('#sizeh#') : 80;
                    var srcImgWidth 	= (is_numeric('#sizew#')) ? parseFloat('#sizew#') : 80;

• Widget Information

Code : Tout sélectionner

	<script>
		jeedom.cmd.update['#id#'] = function(_options){
               // Paramètre "sizehw" : à déclarer en pixels - 80 maxi
                      var srcImgHeight 	= (is_numeric('#sizeh#')) ? parseFloat('#sizeh#') : 80;
                      var srcImgWidth	= (is_numeric('#sizew#')) ? parseFloat('#sizew#') : 80;
               

J'ai mis 2 ou 3 widgets sur le market si tu veux voir le code
Bonne soirée

[Salvialf]

Salut
se serait bien de pouvoir paramétrer la taille de l'image

Code : Tout sélectionner

var srcImgHeight	= (is_numeric('#sizeh#')) ? parseFloat('#sizeh#') : 80;

Salut JAG,

Super !! T'avais pas du faire attention mais j'avais déjà ajouté la possibilité de paramétrer la taille de l'image via un paramètre "taille".

Par contre je voulais effectivement ajouter une valeur par défaut pour uniformiser l'affichage du widget et ton code ci-dessus est exactement ce que je cherchais. Du coup maintenant on peut choisir la taille des icônes et si aucun paramètre n'est saisi toutes les icônes font 70px*70px.

Merci encore tu as vraiment été d'une grande aide sur ce coup et vraiment au moment idéal (juste qu'en j'allais m'y coller) !!

[coke]

quel beau travail d’équipe...

[Salvialf]

News du soir:

Le code a été légèrement remanié et mis à jour sur le premier post et sur le github.

Ajout de 330 icônes préformatées en 128*128px sur le github et sur le partage Piwigo (catégorie StatutBin).

Bientôt sur le market...

[Salvialf]

Salut !

Le widget est sur le market !!! Vu l'engouement suscité par ma proposition de brainstorming le nom du widget est "IconInfo" (dashboard.info.binary.IconInfo)

Je vous invite à le télécharger directement sur le market, le code ayant en plus bien évolué ces dernières heures avec notamment la suppression de 2 variables finalement inutiles.

Toutes les infos utiles sont sur le 1er post.

Enjoy !

[hansc]

merci pour le widget : )
petite erreur --> synow_on --> il n'a pas le bon nom --> syno_on

[Salvialf]

Salut et merci,

Quand j'ai renommé les icônes je pense que je devais en avoir marre arrivé aux 'S' du coup j'ai renommé "synow" et "synob" au lieu de "syno" & "syno2". Merci en tout cas j'ai corrigé chez moi je vais mettre à jour au plus vite.

Si besoin tu peux renommer le fichier en local ou le récupérer sur le partage ou sur GitHub.

Je vais surement ajouter des équipements dans le widget (par exemple: four, hystou, etc...) alors si y'a des demandes spécifiques C'est le moment!

[romanais]

Impeccable, et doc très claire

[hansc]

Salut et merci,

Quand j'ai renommé les icônes je pense que je devais en avoir marre arrivé aux 'S' du coup j'ai renommé "synow" et "synob" au lieu de "syno" & "syno2". Merci en tout cas j'ai corrigé chez moi je vais mettre à jour au plus vite.

Si besoin tu peux renommer le fichier en local ou le récupérer sur le partage ou sur GitHub.

Je vais surement ajouter des équipements dans le widget (par exemple: four, hystou, etc...) alors si y'a des demandes spécifiques C'est le moment!

thanks
j'avais déjà adapter

[kenshirohokuto]

Excellente création.
d'ailleurs je parcourais justement le fil d'un autre widget qui ne semble plus maintenu par Milva.
celui ci : dashboard.info.binary.pingMedia_DB

j'aurais aimé retrouvé les icones pour les Echo d'amazon comme créés là :
download/file.php?id=60240

qq pourrait il les intégrer car je n'arrive pas à la récupérer qqpart ?
merci