Salut la communauté ! ![]()
Ça fait plus de 10 ans que je squatte vos posts, que je pompe vos idées, vos scénarios, vos scripts, vos widgets… et je n’avais encore jamais rien partagé en retour
. Alors pour une fois, je rends un peu la pareille.
Grâce à un coup de main de ChatGPT (ok, soyons honnêtes : j’ai surtout regardé bosser l’IA pendant que je faisais du café
), j’ai réussi à sortir 2 widgets dashboard plutôt sympas :
- Version ON/OFF (style interrupteur futuriste avec glow et animations)
- Version OUVERT/FERMÉ (spéciale portails/portes de garage, avec gestion d’un spinner d’attente pendant la manœuvre)
Les deux widgets sont full CSS/JS, paramétrables (échelle, largeur du thumb, textes custom…), et très fortement inspiré du magnifique travail de Matthew JedrzejewskI ici (Switch Button<!-- --> by <!-- -->matthew.jedrzejewskI<!-- --> - made with Rive)
Je vous mets les deux widgets + les captures GIF que j’ai faites pour montrer le rendu en action.
Désolé, mais même ce post sur Community a été rédigé par l’IA… oui j’ai honte.
Amusez-vous bien avec, et n’hésitez pas à améliorer/adapter !
Version ON/OFF :

cmd.action.other.Switch_On_Off_Bleu_Rouge_Thumb_v6.html.txt (19,7 Ko)
Version GARAGE / PORTAIL

cmd.action.other.Switch_Garage_Portail_v1.html.txt (22,4 Ko)
Fichiers à renommer en .html et à placer dans /html/data/customTemplates/dashboard
Appliquer le widget sur 2 commandes actions antagonistes (ex: On et Off / Ouvrir et Fermer / …) qui doivent avoir un nom dans cette liste :
- Pour ON/OFF :
on|activer|ouvrir|start|up|marche
off|désactiver|desactiver|fermer|stop|down|arrêt|arret
- Pour OUVERT/FERMÉ :
on|ouvrir|ouvre|ouverture|open|up|monter|activer|démarrer|débuter|lancer|start|marche|enable
off|fermer|ferme|close|fermeture|down|descendre|stop|arr[éêe]t|arrêter|stopper|stop|shut|desactiver|disable
Les commandes doivent être liées à la commande d’Etat (de la lampe, du portail, de la porte de garage, etc.) qui aura la valeur 0 ou 1.
Cheers ![]()
widget-tiers #vibecoding #chatgpt