Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

[WIDGET] PresenceData

Réservé à l'utilisation et la création de widgets dans JEEDOM
Avatar de l’utilisateur
Salvialf
Helper
Messages : 1321
Inscription : 24 févr. 2018, 09:37
Contact :

[WIDGET] PresenceData

Message par Salvialf » 31 mai 2019, 22:32

Salut @ tous,

Suite à plusieurs demandes, je partage mon petit widget d'affichage des infos de présence incluant une icône ainsi que l'heure d'arrivée et de départ et la durée de présence ou d'absence. Le tout à partir d'une commande info/binaire.

Image


Pour passer le texte sous l'icône et donc opter pour une présentation verticale, il faut mettre le paramètre ayant pour nom "vertical" à la valeur "1".

Pour cacher l'affichage de la durée, il faut positionner le paramètre ayant pour nom "duree" à la valeur "0".

Il est également possible de spécifier la hauteur et la largeur de l'icône par l'ajout de paramètres optionnels "hauteur" & "largeur" ayant pour valeur la dimension souhaitée.

Le widget inclus un visuel par défaut de couleur verte en cas de présence ainsi qu'un autre visuel de couleur rose.
La sélection de l'icône rose passe par l'ajout d'un paramètre optionnel ayant pour nom "qui" et pour valeur 'femme'.

Il est possible et même recommandé d'ajouter ses propres icônes dans le widget telles que les photos des membres du foyer (la même photo en couleur en cas de présence et en noir & blanc en cas d'absence par exemple).
Le nommage des icônes est normalisé et doit respecter le format suivant: "qui_off.png"=Absence & "qui_on.png"=Présence.
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.

J'ai fait en sorte de le partager au plus vite mais je suis pas mal occupé en ce moment donc n'hésitez pas à faire vos demandes et retours. Je ferai en sorte de faire une doc plus complète.

Lien Github
Lien Market - catégorie: Présence
Dernière édition par Salvialf le 16 juin 2019, 21:10, édité 1 fois.
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1321
Inscription : 24 févr. 2018, 09:37
Contact :

Re: [WIDGET] PresenceData

Message par Salvialf » 31 mai 2019, 22:34

** Réservé **
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

Avatar de l’utilisateur
Fabe
Timide
Messages : 327
Inscription : 05 déc. 2016, 09:56

Re: [WIDGET] PresenceData

Message par Fabe » 31 mai 2019, 23:45

Salut et merci pour ce widget qui me convient parfaitement.
Je pense que tu apporteras des améliorations quand tu auras un peu de temps
Merci mille fois
Jeedom 4.0.21 - Mini PC Z83II - Clé ZWave GEN5 - Gateway Xiaomi
BLEA - XIAOMI - ZWAVE - ALARME - CAMERA - THERMOSTAT - SIGRI LINKY - TELEINFO- SUIVI CONSO - APP MOBILE - DIALOG FLOW - METEO - GSH - IFTTT - GCAST - WEBOS TV - DYNDNS - WIFILIGHT V2

Avatar de l’utilisateur
Poumi
Actif
Messages : 660
Inscription : 21 mars 2019, 22:41

Re: [WIDGET] PresenceData

Message par Poumi » 31 mai 2019, 23:47

Si quand tu as le temps tu peux faire la version mobile ce serait top :)

Avatar de l’utilisateur
Fabe
Timide
Messages : 327
Inscription : 05 déc. 2016, 09:56

Re: [WIDGET] PresenceData

Message par Fabe » 01 juin 2019, 08:27

Poumi a écrit :
31 mai 2019, 23:47
Si quand tu as le temps tu peux faire la version mobile ce serait top :)
vraiment si tu as le temps car il ne manque que la version mobile et c'est le kiff total :D :D
Jeedom 4.0.21 - Mini PC Z83II - Clé ZWave GEN5 - Gateway Xiaomi
BLEA - XIAOMI - ZWAVE - ALARME - CAMERA - THERMOSTAT - SIGRI LINKY - TELEINFO- SUIVI CONSO - APP MOBILE - DIALOG FLOW - METEO - GSH - IFTTT - GCAST - WEBOS TV - DYNDNS - WIFILIGHT V2

Avatar de l’utilisateur
noodom
Actif
Messages : 980
Inscription : 13 juil. 2014, 17:25
Contact :

Re: [WIDGET] PresenceData

Message par noodom » 01 juin 2019, 09:32

Bon, ça devient pénible de devoir se répéter ;) Super widget encore une fois ! 8-)
Aussitôt, vu, aussitôt installé !
Je vais réfléchir pour d'éventuelles évolutions !

Allez quelques suggestions en vrac (juste des idées à chaud, pas forcément bonnes/utiles et donc pas à implémenter directement ;) ) :
- (Hors code plugin) Prévoir un template de png avec une pour le on off avec une couche pour la photo et une couche pour le On/Off
- Donner la possibilité en paramètre de mettre une couleur spécifique au texte pour le On et Off pour un visuel direct (A voir pour l'heure)
Dernière édition par noodom le 03 juin 2019, 22:45, édité 1 fois.

guims78
Actif
Messages : 504
Inscription : 30 sept. 2017, 13:00

Re: [WIDGET] PresenceData

Message par guims78 » 01 juin 2019, 13:22

Hello, Tip Top !

Comme suggestion, je dirais :
- paramétrage de la largeur / hauteur de l'icône
- possibilité de mettre les infos (arrivée / durée) sur 2 lignes ou 1 ligne
- possibilité de mettre les infos sur 1 ligne sous l'icône
- possibilité de masquer une partie des infos via paramétrage (durée par ex.)

aureil6
Timide
Messages : 18
Inscription : 28 janv. 2018, 19:26

Re: [WIDGET] PresenceData

Message par aureil6 » 11 juin 2019, 22:30

Merci Salvialf pour ce widget que j'ai installé et qui fonctionne très bien.
Sur le mobile, on peut l'utiliser en passant par un design. En revanche, alors que la durée s'affiche bien, la date et l'heure d'arrivée/départ ne fonctionnent pas sur iPhone (j'obtiens des NaN et undefined). Il semble que le mobile ne considère pas la date comme une date valide :
var date = new Date(_options.valueDate);
J'obtiens invalid date si j'utilise la variable date au lieu de la variable format dans l'affichage.
Et donc le formatage de la date échoue avec des NaN (Not a Number)
var format = $.datepicker.formatDate('D d M', date);
Comme je ne suis pas très doué avec ce type de code, j'ai juste enlevé l'affichage de la date et de l'heure et je n'ai laissé que la durée, ce qui donne :

Code : Tout sélectionner

        if (parseInt(_options.display_value) == 1) {
 <!--       $('.cmd[data-cmd_id=#id#] .datecmd#uid#').html('Arrivée:'+'<br>'+format+'<br>'+time); -->
		$('.cmd[data-cmd_id=#id#] .datecmd#uid#').html('Arrivée il y a :'+'<br>');	
   		valueState = "on";
		}
        if (parseInt(_options.display_value) == 0) {
 <!--       $('.cmd[data-cmd_id=#id#] .datecmd#uid#').html('Départ:'+'<br>'+format+'<br>'+time); -->
		$('.cmd[data-cmd_id=#id#] .datecmd#uid#').html('Départ il y a :'+'<br>');
   		valueState = "off";
		}
Bref, si quelqu'un sait ce qu'il faut changer pour que ça fonctionne aussi sur iPhone ?

Avatar de l’utilisateur
Freddy38
Timide
Messages : 182
Inscription : 11 avr. 2017, 10:54
Localisation : 38730
Contact :

Re: [WIDGET] PresenceData

Message par Freddy38 » 12 juin 2019, 11:13

Bonjour Salvialf,

merci pour ton widget, sur iPad avec safari j'ai aussi un problème d'affichage en version web
Image

Bonne journée
Jeedom Smart Zwave+ et dongle USB Bluetooth 4.0
Mon matos

Avatar de l’utilisateur
Claude69
Actif
Messages : 2088
Inscription : 04 avr. 2015, 07:57
Localisation : Nord de Lyon

Re: [WIDGET] PresenceData

Message par Claude69 » 12 juin 2019, 17:11

Freddy38 a écrit :
12 juin 2019, 11:13
Bonjour Salvialf,

merci pour ton widget, sur iPad avec safari j'ai aussi un problème d'affichage en version web
Image

Bonne journée
Salut
Si tu lit le message juste avant le tien, tu verrais que c'est lié à la pomme ;)
Gestion d'ouverture / fermeture Portail et garage
Gestion filtration piscine
Divers éclairages
Et tout plein d'autres choses ...
JEEDOM NUC 3.3.33 ULTIMATE

Mon matériel ici

Avatar de l’utilisateur
noodom
Actif
Messages : 980
Inscription : 13 juil. 2014, 17:25
Contact :

Re: [WIDGET] PresenceData

Message par noodom » 12 juin 2019, 20:38

Salut à tous,

@salvialf, après quelques recherches, j'ai trouvé le problème de la date sous Safari qui doit respecter le format "2019-06-04T20:35:30".
La solution suivante fonctionne donc sous Safari mais aussi sous Chrome.
Il faudrait donc valider la compatibilité générale (sous Android, que je n'ai pas sous la main)
sinon, mais je ne pense pas que ça soit nécessaire, ajouter un test de la date avec isNan(date).

Il faudrait donc remplacer la ligne actuelle suivante dans tes widgets :

Code : Tout sélectionner

var date = new Date(_options.valueDate);
par :

Code : Tout sélectionner

var date = new Date(_options.valueDate.replace(' ','T'));
Il faudrait donc le faire pour les widgets presenceData et iconInfo (je n'ai peut-être pas fait le tour des widgets à modifier.

Pour les utilisateurs, après modification des widgets, il faut ensuite re-sauvegarder la configuration des commandes liées aux widgets pour sa prise en compte.

Idaho947
Actif
Messages : 1267
Inscription : 30 mai 2017, 21:36

Re: [WIDGET] PresenceData

Message par Idaho947 » 12 juin 2019, 22:39

Bonjour,

Super boulot c'est exactement ce que je voulais !
Question probablement simpliste mais comment ajouté le nom de l'équipement sous ou dessus le widget ?
J'ai mes deux équipements dans un seul virtuel et je voudrais savoir lequel est lequel.

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1321
Inscription : 24 févr. 2018, 09:37
Contact :

Re: [WIDGET] PresenceData

Message par Salvialf » 13 juin 2019, 09:12

Bonjour @ tous,

Désolé je ne suis pas très dispo en ce moment mais je suis le fil quand même...

Donc dans la prochaine mise à jour il y aura beaucoup de choses du coup:
- possibilité de passer le widget en vertical (texte sous l'icône)
- choix de la taille de l'icône
- formatage différent de la date pour compatibilité avec la marque à la pomme
- version mobile
- possibilité de masquer la durée

J'espère avoir le temps de poster dans le week-end...
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

guims78
Actif
Messages : 504
Inscription : 30 sept. 2017, 13:00

Re: [WIDGET] PresenceData

Message par guims78 » 13 juin 2019, 10:02

Super, toujours plus fort !

Avatar de l’utilisateur
Fabe
Timide
Messages : 327
Inscription : 05 déc. 2016, 09:56

Re: [WIDGET] PresenceData

Message par Fabe » 13 juin 2019, 12:47

Je ne sais pas quoi dire à part merci à toi

Envoyé de mon ONEPLUS A5000 en utilisant Tapatalk

Jeedom 4.0.21 - Mini PC Z83II - Clé ZWave GEN5 - Gateway Xiaomi
BLEA - XIAOMI - ZWAVE - ALARME - CAMERA - THERMOSTAT - SIGRI LINKY - TELEINFO- SUIVI CONSO - APP MOBILE - DIALOG FLOW - METEO - GSH - IFTTT - GCAST - WEBOS TV - DYNDNS - WIFILIGHT V2

aureil6
Timide
Messages : 18
Inscription : 28 janv. 2018, 19:26

Re: [WIDGET] PresenceData

Message par aureil6 » 13 juin 2019, 21:08

Merci pour l'astuce concernant la date. En revanche, la date et l'heure s'affichent maintenant sur iPhone, mais avec un décalage de deux heures. Au lieu de 18:15, par exemple, il s'affiche 20:15.

Avatar de l’utilisateur
noodom
Actif
Messages : 980
Inscription : 13 juil. 2014, 17:25
Contact :

[WIDGET] PresenceData

Message par noodom » 14 juin 2019, 08:01

Oui en effet j'ai constaté après coup le même problème de décalage.
Je pense avoir trouvé une solution : je la poste rapidement !
Dernière édition par noodom le 14 juin 2019, 08:01, édité 1 fois.

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1321
Inscription : 24 févr. 2018, 09:37
Contact :

Re: [WIDGET] PresenceData

Message par Salvialf » 14 juin 2019, 08:18

@noodom: ne t'embête pas je sais comment formater l'heure pour que ça fonctionne avec Apple.... je l'ai déjà fait sur la version mobile d'IconInfo!
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

Avatar de l’utilisateur
noodom
Actif
Messages : 980
Inscription : 13 juil. 2014, 17:25
Contact :

Re: [WIDGET] PresenceData

Message par noodom » 14 juin 2019, 09:39

@salvialf
Bon, vu que j'ai trouvé une solution hier soir, je la mets ici au cas où pour inspiration (peut-être identique à ta solution ;) )
Je me suis inspiré de ça : https://developer.mozilla.org/fr/docs/W ... caleString

L'intérêt, c'est qu'il y aurait facilement moyen de pousser la customisation du widget pour le format d'affichage à l'aide des paramètres optionsFormat et optionsTime (mais ça reste super anecdotique).

Code : Tout sélectionner

      else if (valUptime == 'date') {
      	var date = new Date(_options.valueDate.replace(' ','T').concat('Z'));
		var optionsFormat = {timeZone: 'UTC', weekday:'short', month: 'numeric', day: 'numeric'};
		var optionsTime = {timeZone: 'UTC', hour:'2-digit', minute:'2-digit'};
		var format = date.toLocaleString('fr-FR', optionsFormat);
        var time = 'à ' + date.toLocaleString('fr-FR', optionsTime);
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(format + '<br/>' + time);
      	}
      else if (valUptime == 'heure') {
        var date = new Date(_options.valueDate.replace(' ','T').concat('Z'));
		var optionsTime = {timeZone: 'UTC', hour:'2-digit', minute:'2-digit', second:'2-digit'};
        var time = 'à ' + date.toLocaleString('fr-FR', optionsTime);
        $('.cmd[data-cmd_id=#id#] .timeCmd#id#').empty().html(time);
      	}
      
      $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
    } 

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1321
Inscription : 24 févr. 2018, 09:37
Contact :

Re: [WIDGET] PresenceData

Message par Salvialf » 16 juin 2019, 21:06

*** MISE À JOUR ***

Bonjour,

J'ai fait au plus vite surtout pour cette histoire de formatage de la date et de l'heure sur Apple. Je vous remercie d'avance pour vos retours sur ce point svp

Donc les nouveautés:
- Nouvelle manière d'afficher la date et l'heure.
- Paramètre "vertical" à mettre à "1" pour passer le texte sous l'icône.
- Paramètre "duree" à mettre à "0" pour cacher l'affichage de la durée.
- ajout de paramètres "hauteur" & "largeur" pour personnaliser la taille de l'icône

La version mobile devrait arriver dans la semaine si je me débrouille bien :) ...Ainsi que la possibilité d'afficher le nom de la commande que j'ai complètement zappé dans mon empressement.
Dernière édition par Salvialf le 17 juin 2019, 14:28, édité 1 fois.
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités