[WIDGET] Digital_Clock_Vue
Re: [WIDGET] Digital_Clock_Vue
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 ?
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] Digital_Clock_Vue
Good news !
(Prends ton temps, rien ne presse).
Pour ma part pas fan des effets, je laisse la communauté s'exprimer
(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+ ...
- 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+ ...
Re: [WIDGET] Digital_Clock_Vue
Pour le moment elle s'est exprimé comme toi la communauté
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] Digital_Clock_Vue
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
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
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);
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
Re: [WIDGET] Digital_Clock_Vue
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.
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.jpty a écrit : ↑17 avr. 2019, 10:29Avoir 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 navigateursAffiche: mercredi 17 avril 2019 à 08:25:14 UTCCode : 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);
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] Digital_Clock_Vue
Encore un super wigget
et adopté merci salvialf
et adopté merci salvialf
--> via paramètres ce serait bien de ne pas les avoir par défautPS: 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 ?
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
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
- Antoinekl1
- Actif
- Messages : 3927
- Inscription : 23 mai 2015, 08:14
Re: [WIDGET] Digital_Clock_Vue
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
A vendre ; pack POWER jeedom - Jeedom Mini+ - Console Clazio sous Android 6
Re: [WIDGET] Digital_Clock_Vue
??? pas compris !? Les copies d'écran ont été réalisées à partir de mon design.Antoinekl1 a écrit : ↑18 avr. 2019, 12:25j'ai du ajouter une balise DIV au début pour qu'il soit compatible 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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
- Antoinekl1
- Actif
- Messages : 3927
- Inscription : 23 mai 2015, 08:14
Re: [WIDGET] Digital_Clock_Vue
si tu l'ajout en tant que commande, alors il n'est pas déplacableSalvialf a écrit : ↑18 avr. 2019, 12:40??? pas compris !? Les copies d'écran ont été réalisées à partir de mon design.Antoinekl1 a écrit : ↑18 avr. 2019, 12:25j'ai du ajouter une balise DIV au début pour qu'il soit compatible 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.
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
A vendre ; pack POWER jeedom - Jeedom Mini+ - Console Clazio sous Android 6
Re: [WIDGET] Digital_Clock_Vue
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.
...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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
-
- Actif
- Messages : 578
- Inscription : 02 sept. 2016, 22:22
Re: [WIDGET] Digital_Clock_Vue
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+
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
Jeedom / Synology DS411j / Synology DS916+8G / Rpi3 / Zibase
Zwave / Enocean / Rflink / Xiaomi / Bluetooth
Re: [WIDGET] Digital_Clock_Vue
Salut,Networks514 a écrit : ↑18 avr. 2019, 13:20Hello,
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+
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
- Antoinekl1
- Actif
- Messages : 3927
- Inscription : 23 mai 2015, 08:14
Re: [WIDGET] Digital_Clock_Vue
Oui c'est sur mais c'est une habitude que j'ai prise pour éviter les soucis quand je rajoute des commandes sur les virtuelsSalvialf a écrit : ↑18 avr. 2019, 13:13C'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.
JEEDOM Smart Ultimate + 40 modules zwave
A vendre ; pack POWER jeedom - Jeedom Mini+ - Console Clazio sous Android 6
A vendre ; pack POWER jeedom - Jeedom Mini+ - Console Clazio sous Android 6
Re: [WIDGET] Digital_Clock_Vue
*** 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.
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
-
- Actif
- Messages : 578
- Inscription : 02 sept. 2016, 22:22
Re: [WIDGET] Digital_Clock_Vue
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+
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
Jeedom / Synology DS411j / Synology DS916+8G / Rpi3 / Zibase
Zwave / Enocean / Rflink / Xiaomi / Bluetooth
Re: [WIDGET] Digital_Clock_Vue
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
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] Digital_Clock_Vue
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
Rflink, IPX800V3, carte 8 rl IP, IR_V3, Xiaomi gateway, JPI/APK/tel Android dédié, Somfy RTS, Rf433Mhz, Xiaomi, Bm280 , Broadlink,WifiLights
- ThrashER187
- Timide
- Messages : 49
- Inscription : 31 mars 2018, 20:38
Re: [WIDGET] Digital_Clock_Vue
Merci Salvialf pour ton taf et cette superbe mise à jour
au top ce widjet sur mon design
au top ce widjet sur mon design
Re: [WIDGET] Digital_Clock_Vue
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 ?
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 ?
Re: [WIDGET] Digital_Clock_Vue
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+
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+ ...
- 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+ ...
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 11 invités