[SALVIALF] Widget DigitalClock (Info/Autre)

Tags: #<Tag:0x00007f385dd4b768>

Bonjour @ tous,

Aujourd’hui réécriture du widget Digital_Clock_Vue qui a perdu la vue.js au passage pour devenir DigitalClock en V4 :grin:

Pour rappel ce widget permet d’afficher une horloge entièrement personnalisable incluant la date et l’heure.


Installer et appliquer le widget :

  • Télécharger les fichiers: Widget DigitalClock.zip

  • Copier les répertoires dashboard et mobile dans le dossier data/customTemplates à l’aide du plugin Jeexplorer.

:warning: Important : le plugin Virtuel doit être installé et activé.

  • Créer une commande virtuelle de type Info/Autre, décocher la case historiser et sauvegarder.
    Virtualclock

  • Appliquer le widget sur cette commande virtuelle Info/Autre à partir de l’onglet Affichage de la configuration de la commande, en choisissant Customtemp/Digitalclock dans le menu déroulant.


Les 8 paramètres optionnels :

  • datefont

Permet de personnaliser la police d’écriture de la date (Police Jeedom par défaut).

  • timefont

Permet de personnaliser la police d’écriture de l’heure (Police Jeedom par défaut).

:information_source: 38 polices sont incluses et directement sélectionnables dans le widget:

alarm, arcade1, arcade2, arcade3, astronomic, atomic, clubland, digit, digital7, digital7dot, digital7led, digitaldust, dismay, frida1, frida2, frida3, grapam, habesha1, habesha2, habesha3, identification, label, lcd14, lcdmu, lcdpixel, ledboard, ledboard2, monochrome, prisma, segment, shmup, squarecurved, squareforced, squarehead, starfish, taurus, tesla, verily.

  • datesize

Taille de la police d’écriture de la date en pixels (20 par défaut).

  • timesize

Taille de la police d’écriture de l’heure en pixels (40 par défaut).

  • secondes

Permet de cacher l’affichage des secondes (off | on par défaut).

  • color

Couleur de l’horloge (en fonction du thème Jeedom par défaut).

  • disposition

Permet d’afficher l’horloge sur 3 lignes au lieu de 2 avec l’affichage du nom du jour et du mois en toutes lettres (complet | compact par défaut).

  • halo

Active un halo lumineux autour de l’horloge (on | off par défaut).


Astuces:

:information_source:
Il est possible d’intégrer vos propres polices d’écriture, pour se faire il suffit d’ajouter le fichier *.ttf correspondant à votre police dans le répertoire data/customTemplates/dashboard/cmd.info.string.DigitalClock.

le nom du fichier ne doit pas comporter d’espaces et l’extension *.ttf doit être en minuscule.
les fichiers avec l’extension *.otf peuvent être modifiés en *.ttf.

:information_source:
Régler le paramètre datesize à 0 fera disparaître l’affichage de la date et mettre le paramètre timesize à 0 fera disparaître l’affichage de l’heure. :face_with_monocle:


:grey_exclamation: Exemples :


Il s’agit là d’un premier jet qui permet de s’amuser un peu avec. J’ai déjà commencé à le modifier de mon côté afin d’afficher une pastille en weekend ou lors d’un jour férié ainsi que le saint du jour.

Au plaisir de lire vos avis :wink:

11 J'aimes

Salut,
Merci pour toutes les options.
Je vais pouvoir enlever les secondes sur la page de veille de mon design qui est dans mon salon.
Madame en avait marre des secondes qui défilent à côté d’elle dans le canapé :sweat_smile::sweat_smile:

Salut @noulo,

Oui ça a été beaucoup demandé la possibilité d’enlever les secondes :sweat_smile:

Tout vient à point à qui sait attendre :smiley:

Merci pour le retour !!

1 J'aime

:+1: :beer: yes

Santé !!
:beers: :beers: :beers:

2 J'aimes

Excellent.
Bon, je garde ton ancienne base, je l’ai un peu trop tuné pour avoir envie de recommencer :slight_smile:
Mais c’est de plus en la classe, ton truc…

Ps : y’a pas moyen de le passer en plugin pour ne pas avoir à se taper la création du virtuel… Et on mets les options dans la page de config.
Oui, je sais, je suis un peu chiant ^^

c’est pas le même combat …

Salut @axelpg,

T’as raison ça me permettra de me faire la main sur les plugins …à voir ce que ça rendra

PS: j’ai ajouté les locales FR-fr partout au passage :wink:

Zyva, met le payant en plus, que tu sois récompensé de ta peine !

Bonjour,
Un peut de télé travail pour ce Dimanche
j’ai une erreur récurrente :

http://192.168.0.158/index.php?v=d&p=dashboard&object_id=10 line 2 > scriptElement	38	TypeError: document.getElementById(...) is null

je pense qu’elle et liée au widget.
bonne journée bize au banbins

ps ; ici dupondT j’ai demandé a duponD d’investigué sur la chose :wink:

Hello Salvialf,

Tout comme Olive dès que j’applique ton widget j’ai un beau petit triangle qui apparait avec le code suivant:

http://192.168.1.54/index.php?v=d&p=dashboard&object_id=22 line 2 > scriptElement	38	TypeError: document.getElementById(...) is null

Ah ah ah duponD confirme que si il remet l’ancien Digital Clock Vue il n’a plus d’erreur :slight_smile:

Ca sent le is empty or is null :wink:

Sur certaine font l’inter ligne est vraiment trop collé

Capture d’écran du 2020-04-19 07-46-39

j’ai vu que tu avait en prévision de mette le nom du jour en entier ?

Salut les Dupont,

Ça sent surtout le doublon je trouve !
Vous avez l’ancien widget digital_clock_vue d’installé ? Si oui à mon avis l’erreur vient de là c’est mieux en l’enlevant?

Pour l’interligne tu peux jouer sur la taille des éléments pour les décoller. C’est un point que je dois étudier mais c’est la contrepartie du choix de la police.

Pour avoir les noms en entier c’est le paramètre disposition qui est déjà disponible

Pas mieux
repertoire de l’ancien supprimer
en partant du dashboard
click sur le bandeau
dés l’arrivé sur l’ecran équipement
des erreurs se produisent …
Capture d’écran du 2020-04-19 08-43-28

OK @iPapy & @olive,

Je viens de mettre à jour les fichiers si vous pouvez les télécharger à nouveau et me dire si c’est mieux ?

J’ai également fait une petite modif pour mieux gérer l’interligne entre la date t l’heure au passage :wink:

Edit: C’est pas encore tout à fait ça erreur de diagnostic !! En fait l’erreur s’affiche quand l’horloge n’est plus affichée à l’écran

1 J'aime

Super widget, Bravo ! :+1:

Merci @domotech74

Salut @Salvialf,

Merci pour le partage, de mon côté j’ai une autre erreur que celle des Dupont à l’ouverture du virtuel (idem avec les nouveaux fichiers) :
Annotation 2020-04-19 100836
Annotation 2020-04-19 100901

Hello Salvialf,

Alors pour ma part même erreur que @Spine en ligne 39 :wink: sur un jeedom vierge de tout widget non officiel core

http://192.168.1.56/index.php?v=d&p=virtual&m=virtual&id=258	39	Uncaught TypeError: Cannot set property 'innerHTML' of null
http://192.168.1.56/index.php?v=d&p=virtual&m=virtual&id=258	39	Uncaught TypeError: Cannot set property 'innerHTML' of null
http://192.168.1.56/index.php?v=d&p=virtual&m=virtual&id=258	39	Uncaught TypeError: Cannot set property 'innerHTML' of null
http://192.168.1.56/index.php?v=d&p=virtual&m=virtual&id=258	39	Uncaught TypeError: Cannot set property 'innerHTML' of null
http://192.168.1.56/index.php?v=d&p=virtual&m=virtual&id=258	39	Uncaught TypeError: Cannot set property 'innerHTML' of null
http://192.168.1.56/index.php?v=d&p=virtual&m=virtual&id=258	39	Uncaught TypeError: Cannot set property 'innerHTML' of null
http://192.168.1.56/index.php?v=d&p=virtual&m=virtual&id=258	39	Uncaught TypeError: Cannot set property 'innerHTML' of null

@olive ça donne quoi de ton coté ?

Ben j’ai planté 5 pousses de butternut j’essaie ca de suite :slight_smile:

1 J'aime