Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

[WIDGET] 3State_Switch

Réservé à l'utilisation et la création de widgets dans JEEDOM
dvb
Actif
Messages : 1442
Inscription : 15 févr. 2015, 22:50

Re: [WIDGET] 3State_Switch

Message par dvb » 18 juin 2019, 22:38

Moi intuitivement j'ai été très basique. J'attendais :
0, 1, 2 = ordre des boutons à l'écran.
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+ ...

jlpnc
Timide
Messages : 19
Inscription : 27 mars 2017, 21:27

Re: [WIDGET] 3State_Switch

Message par jlpnc » 07 juil. 2019, 21:15

@Salvialf est t'il possible d'avoir une version quadruple état ?
SYNOLOGY DS216+II 6.2
clef ZW aeotec
Docker Jeedom+Mysql mode bridge

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

Re: [WIDGET] 3State_Switch

Message par dvb » 07 août 2019, 22:43

Bonsoir Salvialf,

Y a-t-il possibilité de paramétrer en mode 2 états ?

J'ai une série de commandes qui me permettent de neutraliser chaque volet :
Image

Ton widget donnerait un rendu à la fois plus lisible et plus classe.
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+ ...

Naboleo
Actif
Messages : 746
Inscription : 20 janv. 2017, 09:57

Re: [WIDGET] 3State_Switch

Message par Naboleo » 07 août 2019, 22:55

Tiens j'avais pas vu celui-là. Bravo !
Si les devs de jeedom veulent s'inspirer de ça pour faire un beau widget pour le plugin mode... 😏
Pi4/4Go +SSD 32Go (Wifi et bluetooth actifs) + Clé USB Z-Wave Everspring + rfxcom (RTS) + Google Home
7 Danfoss LC-13
2 velux module DIO
7 volets RTS
3 Sonoff
IFTTT
Capteur porte, de présence, et prise intelligente...

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

Re: [WIDGET] 3State_Switch

Message par dvb » 10 août 2019, 22:22

dvb a écrit :
07 août 2019, 22:43
Bonsoir Salvialf,

Y a-t-il possibilité de paramétrer en mode 2 états ?

J'ai une série de commandes qui me permettent de neutraliser chaque volet :
Image

Ton widget donnerait un rendu à la fois plus lisible et plus classe.
Merci.
Up :-)
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 : 1334
Inscription : 24 févr. 2018, 09:37
Contact :

Re: [WIDGET] 3State_Switch

Message par Salvialf » 13 août 2019, 21:24

dvb a écrit :
07 août 2019, 22:43
Bonsoir Salvialf,

Y a-t-il possibilité de paramétrer en mode 2 états ?

Ton widget donnerait un rendu à la fois plus lisible et plus classe.
Merci.
Hello @dvb,

Tu peux essayer ce code:

Code : Tout sélectionner

<!-- ** Forked from https://codepen.io/yaseeno/pen/YMMmrO ** -->
<div class="cmd cmd-widget" data-type="action" data-subtype="slider" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
  <center><div style="font-weight:bold;font-size:12px;#hideCmdName#">#name_display#</div>
    <div class="switch_3_ways_v2#uid#">
    <div id="monthly2#uid#" class="switch2#uid# monthly#uid#"></div>
    <div id="semester2#uid#" class="switch2#uid# semester#uid#"></div>
    <div id="selector#uid#" class="selector#uid#"></div>
  </div></center>
<script>
  jeedom.cmd.update['#id#'] = function(_options){
    var value0 = ('#texte0#' !='#'+'texte0#') ? "#texte0#":"OFF";
    var value1 = ('#texte1#' !='#'+'texte1#') ? "#texte1#":"ON";
    var color0 = ('#color0#' !='#'+'color0#') ? "#color0#":"red";
    var color1 = ('#color1#' !='#'+'color1#') ? "#color1#":"green";

  var monthly = document.getElementById("monthly2#uid#");
  var semester = document.getElementById("semester2#uid#");
  var selector = document.getElementById("selector#uid#");
    monthly.innerHTML = value0;
    semester.innerHTML = value1;
    
    if ('#vertical#' == "1"){
    if (_options.display_value == 0){
    selector.style.top = 0;
    selector.style.width = monthly.clientWidth + "px";
    selector.style.backgroundColor = color0;
    selector.innerHTML = value0;
    }else if (_options.display_value == 1){
    selector.style.top = monthly.clientHeight + "px";
    selector.style.width = semester.clientWidth + "px";
    selector.innerHTML = value1;
    selector.style.backgroundColor = color1;
  	}else {
    monthly.innerHTML = "*";
    selector.style.top = monthly.clientHeight + "px";
    selector.style.width = semester.clientWidth + "px";
    selector.innerHTML = "ERROR";
    selector.style.backgroundColor = "orange";
    }}
    
    else {
    $('.switch_3_ways_v2#uid#').css('height','2em');
    $('.switch2#uid#').css('float','left');
    if (_options.display_value == 0){
    selector.style.left = 0;
    selector.style.width = monthly.clientWidth + "px";
    selector.style.backgroundColor = color0;
    selector.innerHTML = value0;
    }else if (_options.display_value == 1){
    selector.style.left = monthly.clientWidth + "px";
    selector.style.width = semester.clientWidth + "px";
    selector.innerHTML = value1;
    selector.style.backgroundColor = color1;
  	}else {
    monthly.innerHTML = "*";
    selector.style.left = monthly.clientWidth + "px";
    selector.style.width = semester.clientWidth + "px";
    selector.innerHTML = "ERROR";
    selector.style.backgroundColor = "orange";
    }}
    
    $('.monthly#uid#').on('click', function() {
      jeedom.cmd.execute({id: '#id#', value: ('0')});});
    $('.semester#uid#').on('click', function() {
      jeedom.cmd.execute({id: '#id#', value: ('1')});});
  }
  jeedom.cmd.update['#id#']({display_value:'#state#'});
</script>
  <style>
.switch_3_ways_v2#uid#{
  margin:5px 5px 15px 5px;
  color:#D0D0D0;
  border:solid 1px #5B5B5B;
  font-size:1em;
  font-weight:bold;
  line-height:2em;
  border-radius:0.3em;
  background:grey;
  position:relative;
  display:block;
  box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.75) inset,0px 2px 2px 0px rgba(255, 255, 255, 0.5);
}
.switch2#uid#.monthly#uid#,
.switch2#uid#.semester#uid#{
  cursor:pointer;
  position:relative;
  display:block;
  -webkit-transition: 300ms ease-out;
  -moz-transition: 300ms ease-out;
  transition: 300ms ease-out;
  padding: 0 1em;
}
.selector#uid#{
  text-align:center;
  position:absolute;
  width:0;
  box-sizing:border-box;
  -webkit-transition: 300ms ease-out;
  -moz-transition: 300ms ease-out;
  transition: 300ms ease-out;
  border-radius:0.3em;
  border:solid 0.5px white;
  color:white;
  text-shadow: 1px 1px 3px #000;
  box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.75),0px 2px 13px 0px #9b9b9b,0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;
}
  </style>
</div>

Fonctionne avec les mêmes paramèteres optionnels: texte0 & texte1, color0 & color1 et vertical

Je ne l'ai quasiment pas testé donc j'espère ne pas avoir oublié un truc... tu me diras si ça fonctionne bien ;)

@+
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 : 1442
Inscription : 15 févr. 2015, 22:50

Re: [WIDGET] 3State_Switch

Message par dvb » 16 août 2019, 10:08

Hi Salvialf,

Je viens d'implémenter ça sur mes 8 commandes de neutralisations de volets.
Tout fonctionne parfaitement => Tu as bien fait de ne pas tester ton code :D

Merci beaucoup !
@+

[EDIT]
Tu vas le publier sur le market ?
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 : 1334
Inscription : 24 févr. 2018, 09:37
Contact :

Re: [WIDGET] 3State_Switch

Message par Salvialf » 16 août 2019, 19:37

Content que ça fonctionne!

Je vais voir à mon retour si je parviens à faire une version sur laquelle on puisse choisir de 2 à 5 éléments par exemple... ou même + pourquoi pas.

Si j'y arrive je mettrais à jour le widget directement.
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 : 1442
Inscription : 15 févr. 2015, 22:50

Re: [WIDGET] 3State_Switch

Message par dvb » 16 août 2019, 23:30

Très bonne idée !
A suivre alors...

@+
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+ ...

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

Re: [WIDGET] 3State_Switch

Message par dvb » 16 août 2019, 23:32

PS : si tu peux prévoir les versions "mobile", ce serait parfait.

Envoyé de mon MHA-L29 en utilisant Tapatalk

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+ ...

Pixou
Timide
Messages : 20
Inscription : 11 août 2019, 23:27

Re: [WIDGET] 3State_Switch

Message par Pixou » 30 août 2019, 18:55

bonjour messieur,

j'aurais besoin d'un coup de main.
j'ai essayé de mettre ce widget sur une action mais le curseur ne bouge pas et l'etat qui est remonté c'est 1 ou 0 (pas 0, 1 ou 2). ca reste sur le milieu ("vacances")

j'ai créé mon action dans un virtuel: Image
et j'ai laissé l'info telle quelle: Image
j'ai ajouté le texte et le mode vertical Image
(l'ajout du texte et du mode vertical n'a rien modifié au problème déjà présent)

je suis passé par les propriétés de l'action pour ajouter le widget (selection dans dashboard).

merci d'avance d'un coup de pouce

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

Re: [WIDGET] 3State_Switch

Message par Salvialf » 30 août 2019, 20:52

Pixou a écrit :
30 août 2019, 18:55
bonjour messieur,

j'aurais besoin d'un coup de main.
j'ai essayé de mettre ce widget sur une action mais le curseur ne bouge pas et l'etat qui est remonté c'est 1 ou 0 (pas 0, 1 ou 2). ca reste sur le milieu ("vacances")

j'ai créé mon action dans un virtuel:
et j'ai laissé l'info telle quelle:
j'ai ajouté le texte et le mode vertical
(l'ajout du texte et du mode vertical n'a rien modifié au problème déjà présent)

je suis passé par les propriétés de l'action pour ajouter le widget (selection dans dashboard).

merci d'avance d'un coup de pouce
Salut,

Sur la ligne de ta commande Action/curseur "test curseur", il faut que tu mettes ta commande info liée dans le menu déroulant à gauche sous le nom de la commande donc "test".

C'est ok ?
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)

SdLF
Timide
Messages : 3
Inscription : 30 mars 2019, 14:17

Re: [WIDGET] 3State_Switch

Message par SdLF » 30 août 2019, 22:49

Ce widget est super. Si on pouvait en avoir une version pour mobile ce serait génial :-)

Pixou
Timide
Messages : 20
Inscription : 11 août 2019, 23:27

Re: [WIDGET] 3State_Switch

Message par Pixou » 30 août 2019, 22:53

Salvialf a écrit :
30 août 2019, 20:52

Salut,

Sur la ligne de ta commande Action/curseur "test curseur", il faut que tu mettes ta commande info liée dans le menu déroulant à gauche sous le nom de la commande donc "test".

C'est ok ?
Ohh punaise je suis passé à côté.
Merci beaucoup 😊

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

Re: [WIDGET] 3State_Switch

Message par Salvialf » 17 sept. 2019, 22:24

Salut @ ceux qui utilisent ce widget,

Les fichiers V4 sont dispo sur le 1er post du topic: viewtopic.php?f=29&t=45713&p=736434#p736434

Pour info en V4 mes widgets action utilisent aussi le paramètre "time" comme les commandes info en V3 avec les 3 valeurs au choix pour afficher soit la durée, la date ou l'heure du dernier changement.

Je commence à être pas mal sur les V4 de mes widgets... Je vais essayer d'avancer sur un éventuel futur plugin pour simplifier tout ça. Le widget 3State_switch aura bien une version mobile + une version avec un nombre de valeurs différentes paramètrables... A suivre au prochain épisode !
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)

sam38
Timide
Messages : 16
Inscription : 22 mars 2017, 08:33

Re: [WIDGET] 3State_Switch

Message par sam38 » 24 oct. 2019, 13:57

Bonjour et merci pour ce widget !
Je suis en train de le tester sur Jeedom V4 et j'ai une petite question.
Dans un virtuel, j'avais avant 3 actions, chacune d'elle étant associée à une valeur de retour (0, 1, 2). A chaque action , j'avais associé une commande à exécuter (panneau de configuration de la commande, section "Action après exécution de la commande")

Avec ton widget, je ne vois pas comment faire du coup. Il faut créer autre chose qui va interpréter la valeur de retour de ton widget ? J'ai bien testé avec un scénario mais le temps de réponse est quand même plus long...
Si tu as une idée, je suis preneur !!

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

Re: [WIDGET] 3State_Switch

Message par Salvialf » 24 oct. 2019, 16:19

Salut,

Pour ma part j'utilises ce widget pour gérer le fonctionnement des radiateurs des chambres de l'étage (ON (confort), OFF (arrêt) et AUTO (programmation).

Qu'on soit bien d'accord tu appliques ce widget sur une commande action/curseur elle même liée à une commande info/numérique !? C'est donc sur la valeur de la commande info/numérique que tout se joue... Dans mon cas le changement de position du switch déclenche le scénario qui selon la valeur de la commande info/numérique engendrera d'autres actions (valeur "0" arrêt du chauffage, valeur "1" chauffage en confort et "2" parti programmation horaire du chauffage par scénario.

Tout ça pour dire que je pense effectivement qu'avec autant de possibilité il doit falloir passer par un scénario... J'essayes d'y regarder de plus près ce soir quand même.

PS: Je dis peut-être une bêtise mais j'ai l'impression que @Loïc a récemment dit sur le forum que l'utilisation des actions avant/après la commande n'était pas le plus optimal en terme de performance. Je crois même qu'il parlait d'éventuellement faire disparaître cette possibilité au profit des scénarios... Faudrait que je retrouve le post
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)

Pixou
Timide
Messages : 20
Inscription : 11 août 2019, 23:27

Re: [WIDGET] 3State_Switch

Message par Pixou » 31 oct. 2019, 13:23

Bonjour bonjour.
J'ai utilisé le code pour avoir 2 états (On OFF).
Sur pc impeccable par contre sur mobile le texte de droite (OFF dans mon cas) passe sous le On lorsque le curseur est sur ON et est bien placé quand curseur sur OFF.
Des idées de comment résoudre ça?
(je n' ai pas ce problème sur un curseur 3 etats)

sam38
Timide
Messages : 16
Inscription : 22 mars 2017, 08:33

Re: [WIDGET] 3State_Switch

Message par sam38 » 09 nov. 2019, 06:44

Bonjour

Je continue à modifier mes designs en intégrant ce widget très sympa et pratique. Je me pose 2 questions :
* est-il prévu qu'il y ait une version dans laquelle on puisse intégrer plus que 3 positions (Actuellement, j'en aurai besoin de 5) ?

pour la 2e question, le contexte est le suivant. J'utilise plusieurs fois ce widget pour commander des chauffages (un widget par chauffage). J'ai une commande globale qui permet de commander un groupe de chauffages (via un scenario). Tout fonctionne à merveille. La seule chose qui manque est que lorsque j'actionne le widget de la commande globale, j'aimerai que les widgets des chauffages individuels se mettent à jour (automatiquement, sans que je clique dessus). Comment pourrai-je faire cela ?

Merci

Sam

Pixou
Timide
Messages : 20
Inscription : 11 août 2019, 23:27

Re: [WIDGET] 3State_Switch

Message par Pixou » 12 nov. 2019, 07:54

sam38 a écrit :
09 nov. 2019, 06:44
Bonjour

Je continue à modifier mes designs en intégrant ce widget très sympa et pratique. Je me pose 2 questions :
* est-il prévu qu'il y ait une version dans laquelle on puisse intégrer plus que 3 positions (Actuellement, j'en aurai besoin de 5) ?

pour la 2e question, le contexte est le suivant. J'utilise plusieurs fois ce widget pour commander des chauffages (un widget par chauffage). J'ai une commande globale qui permet de commander un groupe de chauffages (via un scenario). Tout fonctionne à merveille. La seule chose qui manque est que lorsque j'actionne le widget de la commande globale, j'aimerai que les widgets des chauffages individuels se mettent à jour (automatiquement, sans que je clique dessus). Comment pourrai-je faire cela ?

Merci

Sam
Un scénario par exemple avec comme élément déclencheur la changement de statut de ton général et dans ton scénario tu mets par exemple si valeur du général = 1 alors et là tu mets un event pour changer ta valeur de chaque chauffage

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

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