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] Digital_Clock_Vue

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

[WIDGET] Digital_Clock_Vue

Message par Salvialf » 15 avr. 2019, 21:02

Bonjour @ tous,

Widget pour Jeedom permettant d'afficher, à partir d'un virtuel, une horloge digitale intégrant la date et l'heure avec affichage des secondes.

Image
Important: le plugin "Virtuel" doit être installé et activé.
INSTALLATION:
Après avoir téléchargé le widget il est nécessaire de créer un nouveau virtuel en cliquant sur le bouton "+Ajouter", de lui donner un nom ("Horloge" par exemple) et de valider en cliquant sur la case "D'accord":
Image


Sélectionner un "Objet parent" dans l'onglet "Equipement" et cocher les cases "Activer" et "Visible" puis enregistrer en cliquant sur le bouton "Sauvegarder":
Image


Passer sur l'onglet "Commandes" et cliquer sur "Ajouter une info virtuelle":
Image


Donner un nom à la commande nouvellement créée ("horloge" par exemple) et sélectionner le Sous-type: "Autre" puis décocher la case "Historiser". Enregistrer en cliquant sur "Sauvegarder":
Image


Cliquer sur le bouton représentant une roue crantée pour accéder à la configuration de la commande puis sélectionner le widget "Digital_Clock_Vue" dans l'onglet "Affichage" - rubrique "Widget" puis cliquer sur "Enregistrer":
Image


Sauvegarder le virtuel, l'horloge est à présent installée et fonctionnelle.


J'espère que vous apprécierez ce nouveau widget et comme d'habitude je suis ouvert aux retours, suggestions, demande d'évolutions ou d'informations, etc...

Lien GitHub
Lien Market - catégorie: Vie
Dernière édition par Salvialf le 20 avr. 2019, 16:01, édité 5 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 : 1323
Inscription : 24 févr. 2018, 09:37
Contact :

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 15 avr. 2019, 21:03

PARAMETRES OPTIONNELS:
De nombreux paramètres optionnels sont inclus afin d'être en mesure de générer une horloge unique en fonction des goûts de chacun. L'ensemble des paramètres est rappelé au début du code du widget.

Date:
datefont: permet de sélectionner la police d'écriture (ou "font") pour la date.
datesize: choix de la taille de la date en pixels. ('20' par défaut)
dateweight: choix de l'épaisseur du texte de la date - normal ou bold. ('bold' par défaut)
Astuce: une datesize à 0 fait disparaître la date.
Heure:
timefont: permet de sélectionner la police d'écriture (ou "font") pour l'heure.
timesize: choix de la taille de l'heure en pixels. ('45' par défaut)
timeweight: choix de l'épaisseur du texte de l'heure - normal ou bold. ('bold' par défaut)
Astuce: une timesize à 0 fait disparaître l'heure.
38 polices d'écritures différentes sont d'ores et déjà intégrées dans le widget. La liste de ces polices est consultable ici et est rappelée au début du code dans le widget.
Il est également possible d'intégrer vos propres polices d'écriture, pour se faire il suffit d'ajouter le fichier *.ttf au widget via le bouton "Fichiers".
Astuce: les fichiers avec l'extension *.otf peuvent être modifiés en *.ttf.
Attention: le nom du fichier ne doit pas comporter d'espaces et l'extension *.ttf doit être en minuscule.
Horloge:
halo: permet de faire apparaître ou disparaître le halo lumineux autour de l'horloge. ('on' par défaut)

PERSONNALISATION AVANCEE:
Il est possible de choisir la couleur d'affichage de l'horloge.

Pour se faire cliquer sur le bouton "Configuration avancée" du virtuel afin d'accéder à la configuration de l'équipement et aller sur l'onglet "Affichage". Dans la rubrique "Widget" à la ligne "Couleur du texte" vous pouvez sélectionner la couleur de l'horloge indépendamment sur le Dashboard, le Design ou sur une Vue:
Image
Exemples de rendu:

Image

Le paramètre optionnel halo inclut également différents styles tels que:
flame: effet flamme.
rainbow: effet arc-en-ciel.
neon: effet néon animé.
Exemples de rendu:

ImageImage

Pour aller plus loin dans la personnalisation, il est tout à fait possible de créer 2 commandes dans le virtuel dont le widget serait appliquée sur chacune et de cacher la date sur l'une et l'heure sur l'autre (datesize = 0 & timesize = 0).

---------------------------------------------------------------------------------------

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

Le fichier cmd.action.other.Digital_Clock_Vue.html et le dossier cmd.action.other.Digital_Clock_Vue sont à copier dans le répertoire html\data\customTemplates\dashboard à l'aide du plugin Jeexplorer.
(exemple avec le widget IconAction):
Image


Tous les paramètres optionnels fonctionnent + ajout du paramètre "color" pour choisir la couleur de l'horloge depuis la disparition de l'option en V4.
Le widget peut être sélectionné à partir de l'onglet Affichage de la configuration de la commande, en choisissant Customtemp/Digital_Clock_Vue dans le menu déroulant.
Dernière édition par Salvialf le 11 sept. 2019, 22:10, édité 2 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
Theking31
Actif
Messages : 1182
Inscription : 21 sept. 2017, 11:13
Localisation : Toulouse - Le Vernet

Re: [WIDGET] Digital_Clock_Vue

Message par Theking31 » 15 avr. 2019, 21:18

Superbe

Merci
Jeedom 4.0.23 sur Intel NUC 6CAYH | Linux 4.9.0-11-amd64 | Debian 9.11
Rfxcom | Z-Wave Plus Z-Stick GEN5 | Conbee 2 | => sur hub alimenté
Blea| Brodlink | Xiaomi |ESPeasy | Wifilightv2

Avatar de l’utilisateur
domoggvad
Actif
Messages : 1876
Inscription : 29 avr. 2015, 16:02
Localisation : Seine-Saint-Denis (Villepinte)

Re: [WIDGET] Digital_Clock_Vue

Message par domoggvad » 15 avr. 2019, 21:21

Même si je ne l'utilise pas, juste pour dire merci pour tout ton travail et le coup de pouce que tu donnes à tous.

Envoyé de mon Redmi S2 en utilisant Tapatalk

3 Odroid C2 (Prod - secours - test) Z83 tests: rfxcom + Z-wave- Clims DAIKIN - espeasy - thekey - Xiaomi - Telinfo - broadlink... widget V3 :viewtopic.php?f=29&t=44183&p=717810#p717810

Avatar de l’utilisateur
Theduck38
Helper
Messages : 2703
Inscription : 22 févr. 2015, 17:32
Localisation : Près de Grenoble
Contact :

Re: [WIDGET] Digital_Clock_Vue

Message par Theduck38 » 15 avr. 2019, 22:53

Hello,

Superbe widget. Facile à utiliser en plus. Merci !

Une idée d'amélioration : ce serait top que le 'glow' autour du texte soit cohérent avec la couleur choisie (j'ai mis du orange mais j'ai un halo bleu).
-- TD38 --
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté

Networks514
Actif
Messages : 578
Inscription : 02 sept. 2016, 22:22

Re: [WIDGET] Digital_Clock_Vue

Message par Networks514 » 15 avr. 2019, 22:59

Theduck38 a écrit :
15 avr. 2019, 22:53
Hello,

Superbe widget. Facile à utiliser en plus. Merci !

Une idée d'amélioration : ce serait top que le 'glow' autour du texte soit cohérent avec la couleur choisie (j'ai mis du orange mais j'ai un halo bleu).
Et de gérer la luminosité produite par le glow. Sinon, vraiment chouette , simple à mettre en œuvre et efficace !
Networks514
Jeedom / Synology DS411j / Synology DS916+8G / Rpi3 / Zibase
Zwave / Enocean / Rflink / Xiaomi / Bluetooth

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

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 15 avr. 2019, 23:10

Rrraaah vous êtes dur ! ;) J'ai passé 1 heure à essayer de récupérer automatiquement la couleur du texte sur le halo juste avant de mettre le widget sur le market mais c'est pas si simple en css en gardant la trasnparence (peut-être même impossible?!).

Je ré-essayerai demain... au pire je vois à peu près comment y parvenir en javascript.

Merci @ tous pour vos retours et remerciements 8-)
Dernière édition par Salvialf le 16 avr. 2019, 08:58, é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)

Networks514
Actif
Messages : 578
Inscription : 02 sept. 2016, 22:22

Re: [WIDGET] Digital_Clock_Vue

Message par Networks514 » 15 avr. 2019, 23:14

Salvialf a écrit :
15 avr. 2019, 23:10
Rrraaah vous êtes dur ! ;) J'ai passé 1 heure à essayer de récupérer automatiquement la couleur du texte sur le halo juste avant de mettre le widget sur le market mais c'est pas si simple en css (peut-être même impossible?!).

Je ré-essayerai demain... au pire je vois à peu près comment y parvenir en javascript.

Merci @ tous pour vos retours et remerciements 8-)
Tu as laissé la porte ouverte, on s’est engouffré :D
Sinon dans un premier temps à travers une option sur le widget pour activer ou désactiver le halo. :?:
Networks514
Jeedom / Synology DS411j / Synology DS916+8G / Rpi3 / Zibase
Zwave / Enocean / Rflink / Xiaomi / Bluetooth

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

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 15 avr. 2019, 23:22

Networks514 a écrit :
15 avr. 2019, 23:14
Sinon dans un premier temps à travers une option sur le widget pour activer ou désactiver le halo. :?:
Oui sans problème via paramètres optionnels tout est faisable. je l'ai mis sur le market brut de décoffrage pour le moment...

...mais rassurez-moi c'est utilisable quand même ?!? :mrgreen:
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)

Networks514
Actif
Messages : 578
Inscription : 02 sept. 2016, 22:22

Re: [WIDGET] Digital_Clock_Vue

Message par Networks514 » 15 avr. 2019, 23:34

Oui , sans pb , ne tkt pas il va trouver preneur ! Et il a trouvé sa place dans mon design. Je te l’envoie en mp :D
Dernière édition par Networks514 le 16 avr. 2019, 13:31, édité 1 fois.
Networks514
Jeedom / Synology DS411j / Synology DS916+8G / Rpi3 / Zibase
Zwave / Enocean / Rflink / Xiaomi / Bluetooth

Catmar
Timide
Messages : 219
Inscription : 18 janv. 2017, 21:38

Re: [WIDGET] Digital_Clock_Vue

Message par Catmar » 16 avr. 2019, 10:23

Bonjour à tous, et surtout à toi Salvialf

Installé avec succès.
Surtout un grand MERCI pour tout ce que tu fais pour nos widgets. Je les ai tous adoptés, et viré les anciens.

Bravo à toi et respect pour ton dévouement, ta disponibilité et ton soutien.
Catmar, débutant, inculte en Linux, python, ssh et autres... mais volontaire
Lyon
Mini+ & Smart avec Zwave,Broadlink et rfxcom avec divers modules
Merci à toute l'équipe et à tous les forumeurs pour vos conseils !

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

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 16 avr. 2019, 13:54

Hommage à Notre-Dame: :cry: :twisted:
flamingclock.jpg
flamingclock.jpg (13.27 Kio) Consulté 1219 fois
Theduck38 a écrit :
15 avr. 2019, 22:53
Une idée d'amélioration : ce serait top que le 'glow' autour du texte soit cohérent avec la couleur choisie (j'ai mis du orange mais j'ai un halo bleu).
Networks514 a écrit :
15 avr. 2019, 23:14
Sinon dans un premier temps à travers une option sur le widget pour activer ou désactiver le halo. :?:

Plus sérieusement en javascript j'ai ajouté le halo de la couleur du texte ainsi que la possibilité de supprimer le halo via un paramètre optionnel.

Je continues de jouer avec les halos pour éventuellement proposer des effets (flammes, néons, arc-en-ciel, etc...) via ce même paramètre optionnel, vous en pensez quoi ? Pas trop kéké ?

Je regardes aussi pour changer la police d'écriture... Peut-être proposer aussi différents styles de police ?!?
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)

romanais
Actif
Messages : 1991
Inscription : 21 août 2014, 21:36
Localisation : Drôme

Re: [WIDGET] Digital_Clock_Vue

Message par romanais » 16 avr. 2019, 13:57

Style de police oui, bonne idée (les flammes et compagnie bof lol)
Merci à toute l'équipe pour le taf

Mon matériel

Avatar de l’utilisateur
Theduck38
Helper
Messages : 2703
Inscription : 22 févr. 2015, 17:32
Localisation : Près de Grenoble
Contact :

Re: [WIDGET] Digital_Clock_Vue

Message par Theduck38 » 16 avr. 2019, 19:19

Salvialf a écrit :
16 avr. 2019, 13:54
Hommage à Notre-Dame: :cry: :twisted:
flamingclock.jpg
Mouarf, c'est malin... :D

Je sais pas si beaucoup seront intéressés par des styles arc-en-ciel, mais pour un thème "licorne", pourquoi pas ?
J'ai pas encore testé le glow, mais merci pour l'adaptation !
-- TD38 --
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté

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

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 16 avr. 2019, 19:38

Theduck38 a écrit :
16 avr. 2019, 19:19
Mouarf, c'est malin... :D

Je préfère toujours rire des situations les plus dramatiques... En plus je me suis craqué ça rendait encore mieux avec le texte en orange:
flamingclock2.jpg
flamingclock2.jpg (14.14 Kio) Consulté 1172 fois
Theduck38 a écrit :
16 avr. 2019, 19:19
Je sais pas si beaucoup seront intéressés par des styles arc-en-ciel, mais pour un thème "licorne", pourquoi pas ?
J'ai pas encore testé le glow, mais merci pour l'adaptation !

C'est pas si mal le style arc-en-ciel:
rainbowclock.jpg
rainbowclock.jpg (16.5 Kio) Consulté 1172 fois

Je joues avec les animations css maintenant :D

J'ai pas encore poussé la MAJ sur le market concernant le halo... J'ai testé plusieurs polices d'écritures différentes ça rend vachement bien mais je voudrais aller plus loin pour permettre d'ajouter ses propres polices via un paramètre optionnel + l'ajout d'un fichier *.ttf et là c'est un peu plus complexe mais j'ai pas dit mon dernier mot.
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)

dvb
Actif
Messages : 1432
Inscription : 15 févr. 2015, 22:50

Re: [WIDGET] Digital_Clock_Vue

Message par dvb » 16 avr. 2019, 20:16

Bonsoir Salvialf,

Merci pour ce nouveau cadeau très cool.
Et avec une doc claire, comme habituellement. Nickel !
=> Je suis déjà en train de l'intégrer à mon design...

Propositions d'améliorations... il ne fallait pas demander ;)
- pouvoir choisir le type d'affichage : "mardi" plutôt que "mar.", "avril" plutôt que "04", etc...
- pouvoir choisir la taille de la police.
=> de manière simple pour les débutants (comme largeur et hauteur dans IconInfo) sans aller sous le capot ...

Question :
Si Jeedom est planté ou éteint, si ma tablette est déconnectée du réseau, est-ce que les secondes clignotent ?
J'en doute mais c'est pour savoir si on peut se fier à ça pour vérifier que tout est OK.
DIY 4*2GHz - 4Go RAM - SSD
- ctrl 1-wire Dallas + IPX800 + X880
- ctrl RFXcom + Oregon (température) + Anémomètre
- ctrl Gen5 + Wallplug + fgrm-222 + Benext + Everspring AN157-6 + Aeon Key Fob+ ...

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

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 16 avr. 2019, 21:04

dvb a écrit :
16 avr. 2019, 20:16
Bonsoir Salvialf,
Merci pour ce nouveau cadeau très cool.
Et avec une doc claire, comme habituellement. Nickel !
=> Je suis déjà en train de l'intégrer à mon design...
Salut @dvb et merci ;)
dvb a écrit :
16 avr. 2019, 20:16
Propositions d'améliorations... il ne fallait pas demander ;)
- pouvoir choisir le type d'affichage : "mardi" plutôt que "mar.", "avril" plutôt que "04", etc...
- pouvoir choisir la taille de la police.
=> de manière simple pour les débutants (comme largeur et hauteur dans IconInfo) sans aller sous le capot ...
Là tu t'enflammes un peu :D (oui je suis très vannes autour du feu aujourd'hui).
Le choix de l'affichage du jour entier ou du mois entier y'a peu de chances que je m'y mette car ça décalera forcément l'affichage.
Par contre tu peux modifier l'affichage du jour directement dans le code si tu veux.
La taille de la police ou du widget ça peut se faire directement sur le design ("Edition"->Clic droit sur le widget->paramètres d'affichage->taille du widget)... donc à part si y'a vraiment de la demande je ne vais pas m 'y attaquer non plus.
dvb a écrit :
16 avr. 2019, 20:16
Question :
Si Jeedom est planté ou éteint, si ma tablette est déconnectée du réseau, est-ce que les secondes clignotent ?
J'en doute mais c'est pour savoir si on peut se fier à ça pour vérifier que tout est OK.
Heu ça c'est une bonne question... Je dirais que les secondes continuent de défiler car tout doit être chargé dans le navigateur. Tu peux tester et nous dire si tu veux.
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)

dvb
Actif
Messages : 1432
Inscription : 15 févr. 2015, 22:50

Re: [WIDGET] Digital_Clock_Vue

Message par dvb » 16 avr. 2019, 22:11

Salvialf a écrit :
16 avr. 2019, 21:04
Là tu t'enflammes un peu :D (oui je suis très vannes autour du feu aujourd'hui).
Le choix de l'affichage du jour entier ou du mois entier y'a peu de chances que je m'y mette car ça décalera forcément l'affichage.
Par contre tu peux modifier l'affichage du jour directement dans le code si tu veux.
J'ai vu :D
OK je regarderai à l'occasion.
Et le fait de pouvoir afficher/masquer la date à la demande, est-ce envisageable/compliqué ?
Salvialf a écrit :
16 avr. 2019, 21:04
La taille de la police ou du widget ça peut se faire directement sur le design ("Edition"->Clic droit sur le widget->paramètres d'affichage->taille du widget)... donc à part si y'a vraiment de la demande je ne vais pas m 'y attaquer non plus.
Au temps pour moi, évidemment !
Et comme je l'utilise principalement via le design, le sujet est clos !

Salvialf a écrit :
16 avr. 2019, 21:04
Heu ça c'est une bonne question... Je dirais que les secondes continuent de défiler car tout doit être chargé dans le navigateur. Tu peux tester et nous dire si tu veux.

Après réflexion, tu as raison, la page étant chargée et interprétée en local.
Je vous dirai si j'ai l'occasion de tester ...
DIY 4*2GHz - 4Go RAM - SSD
- ctrl 1-wire Dallas + IPX800 + X880
- ctrl RFXcom + Oregon (température) + Anémomètre
- ctrl Gen5 + Wallplug + fgrm-222 + Benext + Everspring AN157-6 + Aeon Key Fob+ ...

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

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 16 avr. 2019, 22:18

dvb a écrit :
16 avr. 2019, 22:11
OK je regarderai à l'occasion.
Tu vas voir c'est très lisble dans le code:

Code : Tout sélectionner

var week = ['DIM.', 'LUN.', 'MAR.', 'MER.', 'JEU.', 'VEN.', 'SAM.'];
Tu remplaces 'LUN.' par 'LUNDI' par exemple et c'est tout.
dvb a écrit :
16 avr. 2019, 22:11
Et le fait de pouvoir afficher/masquer la date à la demande, est-ce envisageable/compliqué ?
Oui tu fais bien de m'y faire penser j'avais prévu d'inclure cette possibilité, ce sera ajouté dans la MAJ.
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)

dvb
Actif
Messages : 1432
Inscription : 15 févr. 2015, 22:50

Re: [WIDGET] Digital_Clock_Vue

Message par dvb » 16 avr. 2019, 22:26

Vu merci !
DIY 4*2GHz - 4Go RAM - SSD
- ctrl 1-wire Dallas + IPX800 + X880
- ctrl RFXcom + Oregon (température) + Anémomètre
- ctrl Gen5 + Wallplug + fgrm-222 + Benext + Everspring AN157-6 + Aeon Key Fob+ ...

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

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