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 dédoublé en 3.2.3

Réservé à l'utilisation et la création de widgets dans JEEDOM
Avatar de l’utilisateur
Theking31
Actif
Messages : 1182
Inscription : 21 sept. 2017, 11:13
Localisation : Toulouse - Le Vernet

Re: Widget dédoublé en 3.2.3

Message par Theking31 » 27 avr. 2018, 18:32

Merci... :)
Jeedom 4.0.23 sur Intel NUC 6CAYH | Linux 4.9.0-11-amd64 | Debian 9.11
Rfxcom | Z-Wave Plus Z-Stick GEN5 | Conbee 2 | => sur hub alimenté
Blea| Brodlink | Xiaomi |ESPeasy | Wifilightv2

Avatar de l’utilisateur
Theduck38
Helper
Messages : 2714
Inscription : 22 févr. 2015, 17:32
Localisation : Près de Grenoble
Contact :

Re: Widget dédoublé en 3.2.3

Message par Theduck38 » 27 avr. 2018, 19:58

Il faudrait trouver un moyen pour réuploader les Widgets modifiés par les utilisateurs qui ne sont pas les auteurs originaux... Histoire de ne pas réinventer la poudre à chaque fois et laisser des trucs inutiles sur le market...
-- TD38 --
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté

Avatar de l’utilisateur
kris1208
Actif
Messages : 661
Inscription : 18 juin 2015, 15:53
Contact :

Re: Widget dédoublé en 3.2.3

Message par kris1208 » 29 avr. 2018, 09:13

J'ai le meme probleme avec aussi un widget développé par l'equipe jeedom je crois, c'est le thermostat, le petit verrouillage du thermostat (cadena).
C'est pas super grave mais pas top non plus.

Avatar de l’utilisateur
Theduck38
Helper
Messages : 2714
Inscription : 22 févr. 2015, 17:32
Localisation : Près de Grenoble
Contact :

Re: Widget dédoublé en 3.2.3

Message par Theduck38 » 03 mai 2018, 19:35

Widget "PowerOnOff" mis à jour sur le market.
-- TD38 --
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté

team18fr
Actif
Messages : 1119
Inscription : 11 oct. 2014, 18:41

Re: Widget dédoublé en 3.2.3

Message par team18fr » 04 mai 2018, 13:26

J'ai bien mis à jour le code pour la lumière mais pour l'application web ça ne marche pas il faut modifier quoi car j'ai d'autre widget comme celui de fibaro qui ne marche plus non plus.
lightIMG mobile:

Code : Tout sélectionner

<div style="width:90px;height:90px;vertical-align: top;" class="cmd #history# tooltips" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
    <center>
        <span style="font-size: 2.5em;" class="action" id="iconCmd#id#"></span>
    </center>
</div>
    <script>
        var stringState = '#name#';  
     	stringState = stringState.toLowerCase(); 
      
      	if ('#state#' == '1' || '#state#' == 1 || '#state#' == '99' || '#state#' == 99 ) {
          	 $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/on.png" />');
            if (stringState.search('on') != -1 ) { 
                $('.cmd[data-cmd_id=#id#]').hide();
            }
        } else {
          	 $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/off.png" />');
            if (stringState.search('off') != -1 ) { 
                $('.cmd[data-cmd_id=#id#]').hide();
            }
        }
        $('.cmd[data-cmd_id=#id#] .action').off();
        $('.cmd[data-cmd_id=#id#] .action').on('click', function() {
            jeedom.cmd.execute({id: '#id#'});
        });
    </script>

Avatar de l’utilisateur
Theduck38
Helper
Messages : 2714
Inscription : 22 févr. 2015, 17:32
Localisation : Près de Grenoble
Contact :

Re: Widget dédoublé en 3.2.3

Message par Theduck38 » 04 mai 2018, 17:33

Networks514 donne la méthode en page1
-- TD38 --
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté

team18fr
Actif
Messages : 1119
Inscription : 11 oct. 2014, 18:41

Re: Widget dédoublé en 3.2.3

Message par team18fr » 04 mai 2018, 19:35

Oui j'avais bien vu mais cela ne marche pas pour la version mobile juste sur le Dashboard de plus il donne le code tout fait mais cela ne me dis pas quoi changer sur les widgets qui ne marche pas.

Avatar de l’utilisateur
kris1208
Actif
Messages : 661
Inscription : 18 juin 2015, 15:53
Contact :

Re: Widget dédoublé en 3.2.3

Message par kris1208 » 05 mai 2018, 08:08

Theduck38 a écrit :
03 mai 2018, 19:35
Widget "PowerOnOff" mis à jour sur le market.
Merci, je vais essayer ça.

gregoire
Timide
Messages : 190
Inscription : 05 mai 2017, 14:46
Localisation : 78

Re: Widget dédoublé en 3.2.3

Message par gregoire » 10 mai 2018, 18:37

Que va t-il se passer pour le widget non fonctionnel? Les auteurs vont devoir les remettre à jour? S'ils ne sont plus mis à jour depuis 2015 - WallPlugFibaro - par exemple, que va t-il se passer? Vont-ils être supprimés pour éviter les erreurs?

Pourquoi un tel changement de comportement technique sur les widgets? Je n'ai rien vu sur le blog et je ne passe que rarement sur le forum. J'ai mis à jour en 3.2.6 et je suis assez surpris de voir la moitié des widgets HS :(
HP MicroServer Gen 8 - VMWare 6.5 HP Custom
VM Debian 9 + Jeedom stable v4

drs
Actif
Messages : 1534
Inscription : 04 nov. 2016, 10:44

Re: Widget dédoublé en 3.2.3

Message par drs » 10 mai 2018, 19:49

gregoire a écrit :
10 mai 2018, 18:37
Que va t-il se passer pour le widget non fonctionnel? Les auteurs vont devoir les remettre à jour? S'ils ne sont plus mis à jour depuis 2015 - WallPlugFibaro - par exemple, que va t-il se passer? Vont-ils être supprimés pour éviter les erreurs?

Pourquoi un tel changement de comportement technique sur les widgets? Je n'ai rien vu sur le blog et je ne passe que rarement sur le forum. J'ai mis à jour en 3.2.6 et je suis assez surpris de voir la moitié des widgets HS :(
La raison a été expliquée par Loic sur un autre post: en théorie, ces widgets n'auraient plus dû fonctionner depuis la V3, mais la rétrocompatibilité a été conservée jusqu'à la 3.2.

Si le widget n'est plus mis à jour, soit tu envoies un mp à son auteur, soit tu poses la question sur le forum widget, il y aura bien quelqu'un qui pourra te filer un coup de main :)

gregoire
Timide
Messages : 190
Inscription : 05 mai 2017, 14:46
Localisation : 78

Re: Widget dédoublé en 3.2.3

Message par gregoire » 10 mai 2018, 21:37

Ok, j'irai jeter un oeil pour voir si je trouve la raison, par simple curiosité technique.

Voici le code du widget
FibaroWallPlug

Code : Tout sélectionner

<div  class="cmd #history# tooltips cmd-widget wallplug#id#" data-type="info" data-subtype="numeric" data-cmd_id="#id#">
    <span class='cmdName' style="font-weight: bold;font-size : 12px;">#valueName#</span>
    <div class="wallplugDisplay#id#">
      <span class="action_wallplug#id#" id="iconWallPlugCmd#id#"></span>
    </div>

<style>

div.wallplug#id# {
   	width: 90px;
  	min-height: 90px;
}

img.WPimg#id# {
  	width: 80px;
  	height: 80px;
} 

div.wallplugDisplay#id# {
  position:relative;
}

span.action_wallplug#id# {
    width: 100%;
  	top: 0px;
    z-index:1;
}
</style>

<script>
	
    if ('#state#' == '1' || '#state#' == 1) {
      	$('#iconWallPlugCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.FibaroWallPlug/FibaroWallPlugOnNew.png" class="WPimg#id#" />');
        if (jeedom.cmd.normalizeName('#name#') == 'on') {
    		$('.cmd[data-cmd_id=#id#]').hide();
        }
    } else {
      	$('#iconWallPlugCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.FibaroWallPlug/FibaroWallPlugOffNew.png" class="WPimg#id#" />');
    	if (jeedom.cmd.normalizeName('#name#') == 'off') {
        	$('.cmd[data-cmd_id=#id#]').hide();
        }
    }
  	if ('#isbig#' == 1) {
    	$('div.wallplug#id#').css('width','140px');
      	$('div.wallplug#id#').css('min-height','120px');
      	$('img.WPimg#id#').css('width','120px');
      	$('img.WPimg#id#').css('height','120px');
    }
    $('.cmd[data-cmd_id=#id#] .action_wallplug#id#').off();
    $('.cmd[data-cmd_id=#id#] .action_wallplug#id#').on('click', function() {
    jeedom.cmd.execute({id: '#id#'});
    });
</script>
</div>
En parallèle, je regarde si je trouve l'auteur et si je peux lui envoyer un MP pour savoir s'il va faire la mise à jour un de ces 4 lorsqu'il aura le temps.

Un nettoyage des widgets non fonctionnel est- il prévu par les équipes de Jeedom?
HP MicroServer Gen 8 - VMWare 6.5 HP Custom
VM Debian 9 + Jeedom stable v4

team18fr
Actif
Messages : 1119
Inscription : 11 oct. 2014, 18:41

Re: Widget dédoublé en 3.2.3

Message par team18fr » 11 mai 2018, 10:49

Essaye ça

Code : Tout sélectionner

<div  class="cmd #history# tooltips cmd-widget wallplug#id#" data-type="info" data-subtype="numeric" data-cmd_id="#id#">
    <span class='cmdName' style="font-weight: bold;font-size : 12px;">#valueName#</span>
    <div class="wallplugDisplay#id#">
      <span class="action_wallplug#id#" id="iconWallPlugCmd#id#"></span>
    </div>

<style>

div.wallplug#id# {
   	width: 90px;
  	min-height: 90px;
}

img.WPimg#id# {
  	width: 68px;
  	height: 68px;
} 

div.wallplugDisplay#id# {
  position:relative;
}

span.action_wallplug#id# {
    width: 100%;
  	top: 0px;
    z-index:1;
}
</style>

<script>
	
    if ('#state#' == '1' || '#state#' == 1) {
      	
        if (jeedom.cmd.normalizeName('#name#') == 'on') {
    		 $('.cmd[data-cmd_id=#id#]').hide();
        }else{
             $('.cmd[data-cmd_id=#id#]').show();
         $('#iconWallPlugCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.FibaroWallPlug/FibaroWallPlugOnNew.png" class="WPimg#id#" />');
        }
    } else {
      	
    	if (jeedom.cmd.normalizeName('#name#') == 'off') {
        	 $('.cmd[data-cmd_id=#id#]').hide();
                }else{
              $('.cmd[data-cmd_id=#id#]').show();
          $('#iconWallPlugCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.FibaroWallPlug/FibaroWallPlugOffNew.png" class="WPimg#id#" />');        
        }
    }
  	if ('#isbig#' == 1) {
    	$('div.wallplug#id#').css('width','140px');
      	$('div.wallplug#id#').css('min-height','120px');
      	$('img.WPimg#id#').css('width','120px');
      	$('img.WPimg#id#').css('height','120px');
    }
    $('.cmd[data-cmd_id=#id#] .action_wallplug#id#').off();
    $('.cmd[data-cmd_id=#id#] .action_wallplug#id#').on('click', function() {
    jeedom.cmd.execute({id: '#id#'});
    });
</script>
</div>

gregoire
Timide
Messages : 190
Inscription : 05 mai 2017, 14:46
Localisation : 78

Re: Widget dédoublé en 3.2.3

Message par gregoire » 12 mai 2018, 12:09

Merci @team18fr ! ça fonctionne parfaitement :)

Je vais regarder la différence de code pour voir si j'arrive à comprendre :)
HP MicroServer Gen 8 - VMWare 6.5 HP Custom
VM Debian 9 + Jeedom stable v4

team18fr
Actif
Messages : 1119
Inscription : 11 oct. 2014, 18:41

Re: Widget dédoublé en 3.2.3

Message par team18fr » 12 mai 2018, 14:33

Si tu en d'autres qui posent problème demande, j'en ai corrigé plusieurs chez moi.

gregoire
Timide
Messages : 190
Inscription : 05 mai 2017, 14:46
Localisation : 78

Re: Widget dédoublé en 3.2.3

Message par gregoire » 12 mai 2018, 15:56

Merci c'est sympa! Je vais faire le tour pour voir ce qui fonctionne et ce qui ne fonctionne plus.
HP MicroServer Gen 8 - VMWare 6.5 HP Custom
VM Debian 9 + Jeedom stable v4

Avatar de l’utilisateur
Theduck38
Helper
Messages : 2714
Inscription : 22 févr. 2015, 17:32
Localisation : Près de Grenoble
Contact :

Re: Widget dédoublé en 3.2.3

Message par Theduck38 » 12 mai 2018, 16:59

@team18fr
J'ai raté quelque chose, ou il faut normalement appeler la mise à jour avec une fonction ? Là dans ton code je ne vois pas le lien ?
Pour moi il fallait un code de type :

Code : Tout sélectionner

jeedom.cmd.update['#id#'] = function(_options){ code }
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
On peut faire autrement ?

Bon faut dire que j'ai du mal à trouver de la doc sur le nouveau système de codage des plugins et j'en suis plus à 'bricoler' le code pour le modifier....
-- TD38 --
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté

Avatar de l’utilisateur
Antoinekl1
Actif
Messages : 3927
Inscription : 23 mai 2015, 08:14

Re: Widget dédoublé en 3.2.3

Message par Antoinekl1 » 12 mai 2018, 18:15

Theking31 a écrit :
27 avr. 2018, 17:54
Networks514 a écrit :
24 avr. 2018, 22:12


Tu peux remplacer le code par celui-ci

Code : Tout sélectionner

<div style="width:90px;min-height:80px;" class="cmd tooltips cmd-widget cursor" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
    <center>
        <div style="font-weight: bold;font-size : 12px;#hideCmdName#">#valueName#</div>
        <span style="font-size: 2.5em;font-weight: bold;margin-top: 5px;" class="iconCmd"></span>
    </center>
    <script>
        jeedom.cmd.update['#id#'] = function(_options){
            if (_options.display_value == '1' || _options.display_value == 1 || _options.display_value == '99' || _options.display_value == 99 || _options.display_value == 'on') {
                if (jeedom.cmd.normalizeName('#name#') == 'on') {
                    $('.cmd[data-cmd_id=#id#]').hide();
                }else{
                    $('.cmd[data-cmd_id=#id#]').show();
                    $('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/on.png" />');
                }
            } else {
                if (jeedom.cmd.normalizeName('#name#') == 'off') {
                    $('.cmd[data-cmd_id=#id#]').hide();
                }else{
                    $('.cmd[data-cmd_id=#id#]').show();
                    $('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/off.png" />');
                }
            }
        }
        jeedom.cmd.update['#id#']({display_value:'#state#'});
        $('.cmd[data-cmd_uid=#uid#] .iconCmd').off().on('click', function () {
            jeedom.cmd.execute({id: '#id#'});
        });
    </script>
</div>
Dupliques avant ton widget pour garder trace de l'ancien code au cas où
A+
Merci marche nickel :D

En revanche j'ai "Etat" indiqué en haut alors que non configuré dans l'affichage...
Quelle ligne il faut supprimer dans le code widget ?

1.png

2.png
Il faut mieux laisser le widget et décocher l'affichage du nom sur les 2 lignes de la commande
JEEDOM Smart Ultimate + 40 modules zwave
A vendre ; pack POWER jeedom - Jeedom Mini+ - Console Clazio sous Android 6

Avatar de l’utilisateur
kris1208
Actif
Messages : 661
Inscription : 18 juin 2015, 15:53
Contact :

Re: Widget dédoublé en 3.2.3

Message par kris1208 » 12 mai 2018, 20:03

Moi j'ai celui-ci :

Code : Tout sélectionner

<div style="width:90px;min-height:80px;" class="cmd tooltips cmd-widget cursor" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
    <center>
        <span style="font-size: 3em;font-weight: bold;margin-top: 5px;" class="action iconCmd#uid#"></span>
    </center>
    <script>
        $('.iconCmd#uid#').empty();
        if ('#state#' == '1' || '#state#' == '99' || '#state#' == 'on') {
            $('.iconCmd#uid#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/on.png" />');
            if (jeedom.cmd.normalizeName('#name#') == 'on') {
                $('.cmd[data-cmd_uid=#uid#]').hide();
            }
        } else {
            $('.iconCmd#uid#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/off.png" />');
            if (jeedom.cmd.normalizeName('#name#') == 'off') {
                $('.cmd[data-cmd_uid=#uid#]').hide();
            }
        }
        $('.cmd[data-cmd_uid=#uid#] .action').off();
        $('.cmd[data-cmd_uid=#uid#] .action').on('click', function () {
            jeedom.cmd.execute({id: '#id#'});
        });
    </script>
</div>
Merci

Avatar de l’utilisateur
supermenteur
Timide
Messages : 250
Inscription : 18 mai 2015, 15:39

Re: Widget dédoublé en 3.2.3

Message par supermenteur » 13 mai 2018, 12:25

Salut,

@team78fr, aurais-tu modifier celui-ci "Lampe Posée"

Code : Tout sélectionner

<div style="width:90px;min-height:80px;" class="cmd tooltips cmd-widget cursor" data-type="info" data-subtype="binary" data-cmd_id="#id#">
    <center>
        <span style="font-size: 3em;font-weight: bold;margin-top: 5px;" class="action iconCmd#id#"></span>
    </center>
  
    <script>
        $('.iconCmd#id#').empty();
        if ('#state#' == '1' || '#state#' == '99' || '#state#' == 'on') {
            $('.iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.LampePosee/lampe-posee-on.png" class="lampePosee" />');
            if (jeedom.cmd.normalizeName('#valuename#') == 'on') {
                $('.cmd[data-cmd_id=#id#]').hide();
            }
        } else {
            $('.iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.LampePosee/lampe-posee-off.png" class="lampePosee" />');
            if (jeedom.cmd.normalizeName('#valuename#') == 'off') {
                $('.cmd[data-cmd_id=#id#]').hide();
            }
        }
        $('.cmd[data-cmd_id=#id#] .action').off();
        $('.cmd[data-cmd_id=#id#] .action').on('click', function () {
            jeedom.cmd.execute({id: '#id#'});
        });
    </script>
  
  <style>
    img.lampePosee {
    	width: 80px;
    	height: 80px;
  	}
  </style>
</div>

Merci d'avance.
Patrice

team18fr
Actif
Messages : 1119
Inscription : 11 oct. 2014, 18:41

Re: Widget dédoublé en 3.2.3

Message par team18fr » 14 mai 2018, 21:44

kris1208 a écrit :
12 mai 2018, 20:03
Moi j'ai celui-ci :

Code : Tout sélectionner

<div style="width:90px;min-height:80px;" class="cmd tooltips cmd-widget cursor" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
    <center>
        <span style="font-size: 3em;font-weight: bold;margin-top: 5px;" class="action iconCmd#uid#"></span>
    </center>
    <script>
        $('.iconCmd#uid#').empty();
        if ('#state#' == '1' || '#state#' == '99' || '#state#' == 'on') {
            $('.iconCmd#uid#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/on.png" />');
            if (jeedom.cmd.normalizeName('#name#') == 'on') {
                $('.cmd[data-cmd_uid=#uid#]').hide();
            }
        } else {
            $('.iconCmd#uid#').append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/off.png" />');
            if (jeedom.cmd.normalizeName('#name#') == 'off') {
                $('.cmd[data-cmd_uid=#uid#]').hide();
            }
        }
        $('.cmd[data-cmd_uid=#uid#] .action').off();
        $('.cmd[data-cmd_uid=#uid#] .action').on('click', function () {
            jeedom.cmd.execute({id: '#id#'});
        });
    </script>
</div>
Merci
essais ça

Code : Tout sélectionner

<div style="width:90px;min-height:80px;" class="cmd tooltips cmd-widget cursor" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
    <center>
        <span style="font-size: 2.5em;font-weight: bold;margin-top: 5px;" class="iconCmd"></span>
    </center>
    <script>
        jeedom.cmd.update['#id#'] = function(_options){
            if (_options.display_value == '1' || _options.display_value == 1 || _options.display_value == '99' || _options.display_value == 99 || _options.display_value == 'on') {
                if (jeedom.cmd.normalizeName('#name#') == 'on') {
                    $('.cmd[data-cmd_id=#id#]').hide();
                }else{
                    $('.cmd[data-cmd_id=#id#]').show();
                    $('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/on.png" />');
                }
            } else {
                if (jeedom.cmd.normalizeName('#name#') == 'off') {
                    $('.cmd[data-cmd_id=#id#]').hide();
                }else{
                    $('.cmd[data-cmd_id=#id#]').show();
                    $('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<img src="plugins/widget/core/template/dashboard/cmd.action.other.lightIMG/off.png" />');
                }
            }
        }
        jeedom.cmd.update['#id#']({display_value:'#state#'});
        $('.cmd[data-cmd_uid=#uid#] .iconCmd').off().on('click', function () {
            jeedom.cmd.execute({id: '#id#'});
        });
    </script>
</div>

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

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