[WIDGET] PresenceData
[WIDGET] PresenceData
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.
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
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.
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] PresenceData
** 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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] PresenceData
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
Je pense que tu apporteras des améliorations quand tu auras un peu de temps
Merci mille fois
Jeedom 4.0.31 - 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
BLEA - XIAOMI - ZWAVE - ALARME - CAMERA - THERMOSTAT - SIGRI LINKY - TELEINFO- SUIVI CONSO - APP MOBILE - DIALOG FLOW - METEO - GSH - IFTTT - GCAST - WEBOS TV - DYNDNS - WIFILIGHT V2
Re: [WIDGET] PresenceData
Si quand tu as le temps tu peux faire la version mobile ce serait top
Re: [WIDGET] PresenceData
vraiment si tu as le temps car il ne manque que la version mobile et c'est le kiff total
Jeedom 4.0.31 - 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
BLEA - XIAOMI - ZWAVE - ALARME - CAMERA - THERMOSTAT - SIGRI LINKY - TELEINFO- SUIVI CONSO - APP MOBILE - DIALOG FLOW - METEO - GSH - IFTTT - GCAST - WEBOS TV - DYNDNS - WIFILIGHT V2
Re: [WIDGET] PresenceData
Bon, ça devient pénible de devoir se répéter Super widget encore une fois !
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)
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.
Re: [WIDGET] PresenceData
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.)
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.)
Re: [WIDGET] PresenceData
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 :
Bref, si quelqu'un sait ce qu'il faut changer pour que ça fonctionne aussi sur iPhone ?
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";
}
Re: [WIDGET] PresenceData
Bonjour Salvialf,
merci pour ton widget, sur iPad avec safari j'ai aussi un problème d'affichage en version web
Bonne journée
merci pour ton widget, sur iPad avec safari j'ai aussi un problème d'affichage en version web
Bonne journée
Jeedom Smart Zwave+ et dongle USB Bluetooth 4.0
Mon matos
Mon matos
Re: [WIDGET] PresenceData
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
Gestion filtration piscine
Divers éclairages
Et tout plein d'autres choses ...
JEEDOM NUC 3.3.33 ULTIMATE
Mon matériel ici
Re: [WIDGET] PresenceData
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 :
par :
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.
@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);
Code : Tout sélectionner
var date = new Date(_options.valueDate.replace(' ','T'));
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.
Re: [WIDGET] PresenceData
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.
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.
Re: [WIDGET] PresenceData
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...
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] PresenceData
Super, toujours plus fort !
Re: [WIDGET] PresenceData
Je ne sais pas quoi dire à part merci à toi
Envoyé de mon ONEPLUS A5000 en utilisant Tapatalk
Envoyé de mon ONEPLUS A5000 en utilisant Tapatalk
Jeedom 4.0.31 - 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
BLEA - XIAOMI - ZWAVE - ALARME - CAMERA - THERMOSTAT - SIGRI LINKY - TELEINFO- SUIVI CONSO - APP MOBILE - DIALOG FLOW - METEO - GSH - IFTTT - GCAST - WEBOS TV - DYNDNS - WIFILIGHT V2
Re: [WIDGET] PresenceData
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.
[WIDGET] PresenceData
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 !
Je pense avoir trouvé une solution : je la poste rapidement !
Dernière édition par noodom le 14 juin 2019, 08:01, édité 1 fois.
Re: [WIDGET] PresenceData
@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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] PresenceData
@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).
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);
}
Re: [WIDGET] PresenceData
*** 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.
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 12 invités