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 :

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 16 avr. 2019, 23:07

OK j'ai réussi: à la prochaine mise à jour vous aurez aussi la possibilité de sélectionner la police de votre choix indépendamment sur la date et/ou sur l'heure ! Pour ceux qui ne connaissent pas vous pouvez sélectionner des polices d'écriture sur ce site par exemple sachant que le widget n'accepte que les fichiers *.ttf. Pensez bien à vérifier que les chiffres sont inclus dans la police que vous choisirez !

Je vais sûrement aussi inclure la possibilité de modifier la taille de la date et de l'heure pour avoir le contrôle sur la présentation de l'horloge en fonction de la police d'écriture choisie.

Il va donc falloir être un peu patient car j'ai encore pas mal de tests à faire et de code à écrire et à remettre en forme... Ce widget est bien plus compliqué qu'un widget ordinaire !

PS: du coup mes effets de flammes, néon et autres je me les garde ou ça vous intéresse de les avoir à disposition via un paramètre dans le widget ?
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, 23:17

Good news !
(Prends ton temps, rien ne presse).

Pour ma part pas fan des effets, je laisse la communauté s'exprimer :)
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, 23:19

Pour le moment elle s'est exprimé comme toi la communauté :lol:
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)

jpty
Timide
Messages : 321
Inscription : 01 juin 2018, 10:54
Localisation : Nancy

Re: [WIDGET] Digital_Clock_Vue

Message par jpty » 17 avr. 2019, 10:29

Bonjour,
Merci pour le widget.

Avoir la possibilité d'afficher un autre fuseau horaire que celui du PC.
Pour cela, les fonctions javascript toLocaleString, toLocaleDateString et toLocaleTimeString acceptent des arguments sur certains navigateurs

Code : Tout sélectionner

var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', timeZone: 'UTC', timeZoneName: 'short' };
cd.toLocaleString("fr-FR", options);
Affiche: mercredi 17 avril 2019 à 08:25:14 UTC

Plus d'info ( avec compatibilité browser ) là:
https://developer.mozilla.org/en-US/doc ... caleString

Je vous ai fait un PR sur votre GitHub pour simplifier votre javascript.
Jp

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

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 17 avr. 2019, 11:06

jpty a écrit :
17 avr. 2019, 10:29
Je vous ai fait un PR sur votre GitHub pour simplifier votre javascript.
Bonjour et merci beaucoup !
Commit merged ! J'en étais pas encore arrivé là donc ça m'a fait gagner un temps précieux et effectivement quel allègement du javascript c'est parfait avec tout ce que je viens d'y ajouter. encore merci.
jpty a écrit :
17 avr. 2019, 10:29
Avoir la possibilité d'afficher un autre fuseau horaire que celui du PC.
Pour cela, les fonctions javascript toLocaleString, toLocaleDateString et toLocaleTimeString acceptent des arguments sur certains navigateurs

Code : Tout sélectionner

var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', timeZone: 'UTC', timeZoneName: 'short' };
cd.toLocaleString("fr-FR", options);
Affiche: mercredi 17 avril 2019 à 08:25:14 UTC
Je ne vais pas m'attaquer tout de suite à la possibilité d'afficher d'autres fuseaux horaires mais j'ai intégré en commentaire dans le code pour y revenir plus tard.

Une nouvelle fois merci pour les infos et le coup de main !

Au plaisir
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
hansc
Timide
Messages : 133
Inscription : 16 févr. 2017, 20:14
Localisation : Belgique

Re: [WIDGET] Digital_Clock_Vue

Message par hansc » 17 avr. 2019, 12:49

Encore un super wigget :)

et adopté merci salvialf
PS: du coup mes effets de flammes, néon et autres je me les garde ou ça vous intéresse de les avoir à disposition via un paramètre dans le widget ?
--> via paramètres ce serait bien de ne pas les avoir par défaut :)
PC Debian Stretch / Raspberry PI 3
SIGMA DESIGNS Contrôleur Z-Wave Plus USB
Fibaro Wall Plug FGWPF-102 ZW5
philips hue | netatmo weather | netatmo Welcome
Google Home | Xiaomi | SONOS | Awtrix | Shelly

Avatar de l’utilisateur
Antoinekl1
Actif
Messages : 3925
Inscription : 23 mai 2015, 08:14

Re: [WIDGET] Digital_Clock_Vue

Message par Antoinekl1 » 18 avr. 2019, 12:25

Merci pour ce plugin, j'ai du ajouter une balise DIV au début pour qu'il soit compatible DESIGN
JEEDOM Smart Ultimate + 40 modules zwave
A vendre ; pack POWER jeedom - Jeedom Mini+ - Console Clazio sous Android 6

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

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 18 avr. 2019, 12:40

Antoinekl1 a écrit :
18 avr. 2019, 12:25
j'ai du ajouter une balise DIV au début pour qu'il soit compatible DESIGN
??? :shock: pas compris !? Les copies d'écran ont été réalisées à partir de mon design.
Et j'ai reçu plusieurs shoot écrans d'autres utilisateurs qui ont intégré ce widget à leur design, j'ai donc l'audace de croire qu'il est bien déjà "compatible Design" sans ajouter quoi que ce soit. Bref...

Par contre il manquait la fermeture de la div principale à la fin ce qui n'avait rien de gênant.
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
Antoinekl1
Actif
Messages : 3925
Inscription : 23 mai 2015, 08:14

Re: [WIDGET] Digital_Clock_Vue

Message par Antoinekl1 » 18 avr. 2019, 13:08

Salvialf a écrit :
18 avr. 2019, 12:40
Antoinekl1 a écrit :
18 avr. 2019, 12:25
j'ai du ajouter une balise DIV au début pour qu'il soit compatible DESIGN
??? :shock: pas compris !? Les copies d'écran ont été réalisées à partir de mon design.
Et j'ai reçu plusieurs shoot écrans d'autres utilisateurs qui ont intégré ce widget à leur design, j'ai donc l'audace de croire qu'il est bien déjà "compatible Design" sans ajouter quoi que ce soit. Bref...

Par contre il manquait la fermeture de la div principale à la fin ce qui n'avait rien de gênant.
si tu l'ajout en tant que commande, alors il n'est pas déplacable

une div non fermée, ca peut générer des problèmes d'affichage mais je l'avais aussi ajoutée
JEEDOM Smart Ultimate + 40 modules zwave
A vendre ; pack POWER jeedom - Jeedom Mini+ - Console Clazio sous Android 6

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

Re: [WIDGET] Digital_Clock_Vue

Message par Salvialf » 18 avr. 2019, 13:13

C'est possible y'a pas mal de bug sur l'ajout de commandes seules sur le design de toute façon (comme le texte qui reste en gris)...
...mais bon j'ai du mal à comprendre l'intérêt vu que c'est censé être la seule commande de l'équipement donc autant ajouter l'équipement.
Dernière édition par Salvialf le 18 avr. 2019, 13:44, édité 3 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 » 18 avr. 2019, 13:20

Hello,

Toutes les modifications effectuées ces derniers jours sont elles uniquement en bêta ou en dev chez toi ? Pour pouvoir tester sans le halo 😀
Et concernant l’ajout de polices, la police Digital (digital-7.ttf) bien évidemment, comme échangé en mp 👍🏻
A+
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 » 18 avr. 2019, 13:27

Networks514 a écrit :
18 avr. 2019, 13:20
Hello,
Toutes les modifications effectuées ces derniers jours sont elles uniquement en bêta ou en dev chez toi ? Pour pouvoir tester sans le halo 😀
Et concernant l’ajout de polices, la police Digital (digital-7.ttf) bien évidemment, comme échangé en mp 👍🏻
A+
Salut,

Pour le moment c'est en dev chez moi car il y a un problème de décalage de l'heure que je n'arrive pas à résoudre avec les polices qui n'ont pas une chasse fixe.
Étant donné que je ne trouve pas de solutions pour résoudre ce problème je pense intégrer plusieurs polices à chasse fixe d'office dans le widget et ensuite envoyer 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)

Avatar de l’utilisateur
Antoinekl1
Actif
Messages : 3925
Inscription : 23 mai 2015, 08:14

Re: [WIDGET] Digital_Clock_Vue

Message par Antoinekl1 » 18 avr. 2019, 19:36

Salvialf a écrit :
18 avr. 2019, 13:13
C'est possible y'a pas mal de bug sur l'ajout de commandes seules sur le design de toute façon (comme le texte qui reste en gris)...
...mais bon j'ai du mal à comprendre l'intérêt vu que c'est censé être la seule commande de l'équipement donc autant ajouter l'équipement.
Oui c'est sur mais c'est une habitude que j'ai prise pour éviter les soucis quand je rajoute des commandes sur les virtuels
JEEDOM Smart Ultimate + 40 modules zwave
A vendre ; pack POWER jeedom - Jeedom Mini+ - Console Clazio sous Android 6

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

Re: [WIDGET] Digital_Clock_Vue

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

*** MAJ DISPONIBLE ***

Salut @ tous,

Je viens d'envoyer la mise à jour et de mettre la doc à jour sur GitHub et sur les 2 premiers posts de ce fil.

Nouveautés:
- Ajouts de 6 paramètres optionnels permettant de choisir la police, la taille et l'épaisseur de la date et/ou de l'heure.
- Intégration de 38 polices d'écriture + possibilité d'ajouter vos propres polices.
- Halo lumineux de la couleur du texte.
- paramètre optionnel permettant de désactiver le halo ou d'appliquer un des 3 effets intégrés.

Tous les paramètres et les différentes polices d'écriture incluses sont rappelés au début du code.

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 » 20 avr. 2019, 19:59

Hello

Merci pour cette mise à jour et tous les choix !!! C’est vraiment top, avant je chargeai du code sur chaque page de mon design et c’etait chia... à chaque modifs

J’ai un pb, c’est mais peut être juste chez moi. En prenant la police digital7, ça s’affiche bien dans chrome mais dans edge j’ai
{{ date }}
{{ time }}
Les polices sont bien installées sinon ça ne marcherait pas dans chrome. J’ai pris ta police pour la mettre dans mon code et ça fonctionne .. (j’entends déjà ceux qui disent mais pk edge !! 😂)
A voir avec le retour des autres

J’ai testé pas mal d’options, et tu as fait un gros boulot qui doit contenter la plupart d’entre nous

Sinon, je n’ai pas vu dans le code l’interligne mis entre la date et l’heure. Penses tu que cela soit changeable ? (Je le ferai dans le code directement, les goûts et les couleurs ... 😀)

Merci pour tout !
A+
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 » 20 avr. 2019, 20:42

Salut @Networks,

Effectivement ça a été pas mal de boulot au point que j'en ai même un peu marre de cette horloge pour le moment ;) !

Pour ma part j'ai testé sur Opéra et sur chrome donc je pourrais pas te dire concernant edge que je n'utilises pas... sûrement une manière de présenter le code différemment pour ce navigateur comme d'habitude mais je ne pouvais pas prendre en compte chaque spécificité pour chaque navigateur ça rendrait le code trop lourd.

Du fait des différentes présentations des polices j'ai du faire sauter l'interligne car avec certaines polices les écritures pouvaient se chevaucher. C'est donc 2 blocs <div> l'un en dessous de l'autre.
Si tu connais un peu le code tu peux voir ce que ça donne en ajoutant style="display:inline-block;" dans les 2 div "date" et "time" au début...?!
Sinon tu as la possibilité de créer 2 virtuels avec l'horloge: 1 sur lequel tu cache l'heure (timesize:0) et l'autre où tu caches la date (datesize:0) comme ça tu les positionnes comme tu veux sur ton design.

Si il y a plusieurs remontées concernant l'interligne je pourrais revoir le code à l'avenir.

Merci pour ton retour ça fait plaisir :)

Dernière édition par Salvialf le 20 avr. 2019, 20:42, é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
kerdale
Actif
Messages : 1639
Inscription : 25 sept. 2016, 11:38
Localisation : Penn-ar-Bed

Re: [WIDGET] Digital_Clock_Vue

Message par kerdale » 20 avr. 2019, 23:33

Super widget 5 étoiles bravo pour le temps passé
1 NUC & 1 RPI3/Msata V3.3.31, EnOcean, Z-wave,
Rflink, IPX800V3, carte 8 rl IP, IR_V3, Xiaomi gateway, JPI/APK/tel Android dédié, Somfy RTS, Rf433Mhz, Xiaomi, Bm280 , Broadlink,WifiLights

Avatar de l’utilisateur
ThrashER187
Timide
Messages : 49
Inscription : 31 mars 2018, 20:38

Re: [WIDGET] Digital_Clock_Vue

Message par ThrashER187 » 21 avr. 2019, 10:35

Merci Salvialf pour ton taf et cette superbe mise à jour

au top ce widjet sur mon design

JPLP
Timide
Messages : 207
Inscription : 22 nov. 2017, 13:28

Re: [WIDGET] Digital_Clock_Vue

Message par JPLP » 21 avr. 2019, 10:44

Bonjour et merci pour ce super widget.
J'ai une petite question, car sur mon pc, il affiche la date et l'heure sans pb.
Par contre, sur mon ipad, l'heure s'affiche avec "UTC+2" à la fin.
Sauriez vous comment supprimer l'information du fuseau ?

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

Re: [WIDGET] Digital_Clock_Vue

Message par dvb » 21 avr. 2019, 17:21

Merci pour cette nouvelle version.

Tu es arrivé à un truc polyvalent qui s'adapte à tous les goûts.
C'est top ! Et dire que les versions mobiles sont dans les tuyaux :-)

A+
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 1 invité