[WIDGET] 3State_Switch
Re: [WIDGET] 3State_Switch
Moi intuitivement j'ai été très basique. J'attendais :
0, 1, 2 = ordre des boutons à l'écran.
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+ ...
- 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] 3State_Switch
@Salvialf est t'il possible d'avoir une version quadruple état ?
SYNOLOGY DS216+II 6.2
clef ZW aeotec
Docker Jeedom+Mysql mode bridge
clef ZW aeotec
Docker Jeedom+Mysql mode bridge
Re: [WIDGET] 3State_Switch
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 :
Ton widget donnerait un rendu à la fois plus lisible et plus classe.
Merci.
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 :
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+ ...
- 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] 3State_Switch
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...
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...
7 Danfoss LC-13
2 velux module DIO
7 volets RTS
3 Sonoff
IFTTT
Capteur porte, de présence, et prise intelligente...
Re: [WIDGET] 3State_Switch
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+ ...
- 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] 3State_Switch
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] 3State_Switch
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
Merci beaucoup !
@+
[EDIT]
Tu vas le publier sur le market ?
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
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+ ...
- 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] 3State_Switch
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.
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] 3State_Switch
Très bonne idée !
A suivre alors...
@+
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+ ...
- 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] 3State_Switch
PS : si tu peux prévoir les versions "mobile", ce serait parfait.
Envoyé de mon MHA-L29 en utilisant Tapatalk
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+ ...
- 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] 3State_Switch
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
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
Re: [WIDGET] 3State_Switch
Salut,Pixou a écrit : ↑30 août 2019, 18:55bonjour 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
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] 3State_Switch
Ce widget est super. Si on pouvait en avoir une version pour mobile ce serait génial
Re: [WIDGET] 3State_Switch
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 !
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] 3State_Switch
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 !!
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 !!
Re: [WIDGET] 3State_Switch
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
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)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: [WIDGET] 3State_Switch
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)
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)
Re: [WIDGET] 3State_Switch
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
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
Re: [WIDGET] 3State_Switch
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 chauffagesam38 a écrit : ↑09 nov. 2019, 06:44Bonjour
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
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 5 invités