Rafraichissement du dashboard ko

[rhcpdu13]

Bonsoir à tous !!

Je rencontre un léger petit problème de rafraichissement du dashboard. Depuis le passage en 3.2.6 celui ci ne se rafraichi pas. Le seul moyen de rafraichir les valeurs etc c'est d'utiliser la touche F5. Le redémarrage complet n'a rien amélioré.

Auriez vous une piste sur laquelle je pourrai regarder? Quels logs je peut vous fournir?

Merci par avance !

[Anonyme]

Contenu supprimé à la demande de son auteur

[rhcpdu13]

Bonjour magicgg91,

Merci pour ta réponse.

Alors oui j'ai bien vu tout les posts concernant les problèmes de compatibilités avec les widgets.
Cependant, même si je repasse un widget avec celui par défaut (core) il ne se rafraichi pas. J'ai eu aussi une mise à jour d'un widget corrigeant ce problème de compatibilité, mais il ne se rafraichi pas non plus.

Alors ma question serait : est ce que si un widget présent sur le dashboard et qui n'est pas compatible, ferait planter le rafraichissement du dashboard complet?

Merci pour ton aide !

[Phil56]

Bonjour,
Oui c’est possible pour t’en assurer affiche la console d’erreur de ton navigateur et poste les messages si il y en a.

Ken@vo
Phil

[Anonyme]

Contenu supprimé à la demande de son auteur

[rhcpdu13]

Alors effectivement en faisant f12 j'ai 2 erreurs :

Code : Tout sélectionner

L’utilisation d’XMLHttpRequest de façon synchrone sur le fil d’exécution principal est obsolète à cause de son impact négatif sur la navigation de l’utilisateur final. Consulter http://xhr.spec.whatwg.org/ pour plus d’informations.
getResource.php:2:79417

Code : Tout sélectionner

TypeError: $(...).highcharts(...) is undefined[En savoir plus]
index.php:4:12
jeedom.cmd.update[205]
http://x.x.x.x:90/index.php:4:12
jeedom.cmd.refreshValue
http://x.x.x.x:90/core/php/getResource.php:321:17
jeedom.init/<
http://x.x.x.x:90/core/php/getResource.php:111:9
dispatch
http://x.x.x.x:90/core/php/getResource.php:2:41720
add/y.handle
http://x.x.x.x:90/core/php/getResource.php:2:39774
trigger
http://x.x.x.x:90/core/php/getResource.php:2:69549
trigger/<
http://x.x.x.x:90/core/php/getResource.php:2:70138
each
http://x.x.x.x:90/core/php/getResource.php:2:2571
each
http://x.x.x.x:90/core/php/getResource.php:2:1238
trigger
http://x.x.x.x:90/core/php/getResource.php:2:70117
success
http://x.x.x.x:90/core/php/getResource.php:60:4
success
http://x.x.x.x:90/core/php/getResource.php:117:17
u
http://x.x.x.x:90/core/php/getResource.php:2:27452
fireWith
http://x.x.x.x:90/core/php/getResource.php:2:28202
k
http://x.x.x.x:90/core/php/getResource.php:2:77649
n/<
http://x.x.x.x:90/core/php/getResource.php:2:79907

Mais a quoi cela correspond.... la je ne sais pas :/

[rhcpdu13]

Bon, effectivement, j'ai repassé tout les widgets par defaut. Et j'ai bien mon dashboard qui se raffraichi. On est bien encore sur un cas de widget obsolete.

Celui qui m’intéresse le plus est celui ci : "power_gauge2_winhex"
Je sais que l'auteur (ajja17) a mis à jour son widget le 2018-04-30 18:57:22 mais je ne connais pas le changelog...

Comment peut on faire pour le contacter et/ou le rendre compatible (si quelqu'un sait à tout hasard)

Code : Tout sélectionner

<! http://www.highcharts.com/demo/gauge-speedometer/gray >
<div style="min-width:100px;min-height:100px;padding:0px !important;" class="container-fluid tooltips cmd cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="Valeur du #valueDate#, collectée le #collectDate#" >
    <center>
        <div style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</div>    <center>
   <br/>
  <div class="gauge"></div>
                 <span class="timeCmd#uid#" style="padding : 3px;border-radius: 4px;"></span>

    <script>
                  jeedom.cmd.displayDuration('#valueDate#', $('.timeCmd#uid#'));
       jeedom.cmd.update['#id#'] = function(_options){
           $('.cmd[data-cmd_uid=#uid#] .gauge').highcharts().series[0].points[0].update(_options.display_value);
       }
        if (is_numeric('#state#')) {
            $('.cmd[data-cmd_id=#id#] .gauge').highcharts({
                chart: {
                    events: {
                        click: function (event) {
                            if (!$.mobile && '#history#' == 'history cursor') {
                                $('#md_modal').dialog({title: "Historique"});
                                $("#md_modal").load('index.php?v=d&modal=cmd.history&id=#id#').dialog('open');
                            }
                        }
                    },
                    type: 'gauge',
                  	borderWidth: 0,
                    plotBackgroundColor: null,
                    plotBackgroundImage: null,
                    backgroundColor: null,
                  plotBorderWidth: 0,
                    plotShadow: false,
                    height: 90,
                    spacingTop: 0,
                    spacingLeft: 0,
                    spacingRight: 0,
                    spacingBottom: 0
                },

                credits: {
                    text: '',
                    href: '',
                },
                title: {
                    text: ''
                },
                navigation: {
                    buttonOptions: {
                        enabled: false
                    }
                },
                        plotOptions: {
            gauge: {
                dataLabels: {
                    enabled: false
             },
                dial: {
                    baseLength: '0%',
                    baseWidth: 10,
                    radius: '100%',
                    rearLength: '0%',

                  backgroundColor: 'black',
                    topWidth: 1
                }
            }
        },
                tooltip: {
                    enabled: false
                },
                exporting : {
                    enabled: false
                },
         		pane: {
                  size: 90,
	        		startAngle: -90,
	        		endAngle: 90,
			background: false
	    		},
                // the value axis
	    yAxis: {
            labels: {
                enabled: false
            },
            title: {
                useHTML: true,
                style: {
                	color:'white',
                    zIndex: 999,
                    'font-weight': 'bold',
                  'font-size': '130%'
                },
                        align: 'middle',
                        y: 50,
                        text: '#state# #unite#',
                    },
			            tickWidth: 0,
                        tickLength: 0,
                        lineWidth: 0,
                        minorTickPosition: 'outside',
                        tickPosition: 'outside',
                        tickColor: '#FFFFFF',
                        lineColor: '#FFFFFF',
                        labels: {

                            style: {
                                color: '#FFFFFF',
                                fontWeight: 'bold'
                            },
                            distance: - 14
                        },
	        min: #minValue#,
	        max: #maxValue#,
	        plotBands: [{
	            from: #minValue#,
	            to: #minValue# + ((#maxValue# - #minValue#) * (1 / 3)),
	            color: 'rgb(83, 186, 238)', // blue
                thickness: '50%'
	        }, {
	            from: #minValue# + ((#maxValue# - #minValue#) * (1 / 3)),
	            to: #minValue# + ((#maxValue# - #minValue#) * (2 / 3)),
	            color: 'rgb(249, 212, 103)', // yellow
                thickness: '50%'
	        }, {
	            from: #minValue# + ((#maxValue# - #minValue#) * (2 / 3)),
	            to: #maxValue#,
	            color: 'rgb(224, 94, 82', // red
                thickness: '50%'
	        }]        
	    },
                        series: [{
                            data: [parseInt('#state#')]
                        }]

                    });
} else {

    $('.cmd[data-cmd_id=#id#] .gauge').append('<center><span class="label label-danger" style="margin-top : 5px;">#state#</span></center>');
}
</script>

</div>

[rhcpdu13]

Je viens par ailleurs de me rendre compte de quelque chose dans les widgets. J'ai des modules en double avec un code différent...

Par exemple dans "other" j'ai 2 modules "light" affecté tout les 2 au même nombres de commandes (?!) avec comme code :

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#">
    <center>
        <span class='cmdName' style="font-weight: bold;font-size : 12px;display: none;">#valueName#</span>
        <span style="font-size: 3em;font-weight: bold;margin-top: 5px;" class="action iconCmd#uid#"></span>
    </center>
    <script>
        if ('#displayName#' == 1 || '#displayName#' == '1') {
            $('.cmd[data-cmd_uid=#uid#] .cmdName').show();
        }
        $('.iconCmd#uid#').empty();
        if ('#state#' == '1' || '#state#' == 1 || '#state#' == '99' || '#state#' == 99 || '#state#' == 'on') {
            $('.iconCmd#uid#').append('<i class="icon jeedom-lumiere-on"></i>');
            if (jeedom.cmd.normalizeName('#name#') == 'on') {
                $('.cmd[data-cmd_uid=#uid#]').hide();
            }
        } else {
            $('.iconCmd#uid#').append('<i class="icon jeedom-lumiere-off"></i>');
            if (jeedom.cmd.normalizeName('#name#') == 'off') {
                $('.cmd[data-cmd_uid=#uid#]').hide();
            }
        }
        $('.cmd[data-cmd_uid=#uid#] .action').off().on('click', function () {
            jeedom.cmd.execute({id: '#id#'});
        });
    </script>
</div>

Code : Tout sélectionner

<div style="width:90px;height:100%;vertical-align: top;" class="cmd #history# tooltips" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" title="#collectDate#">
    <center>
        <span style="font-size: 2.5em;" class="action" id="iconCmd#uid#"></span>
    </center>
</div>

<script>
    if ('#state#' == '1' || '#state#' == 1) {
        $('#iconCmd#uid#').append('<i class="icon jeedom-lumiere-on"></i>');
        if (jeedom.cmd.normalizeName('#name#') == 'on') {
            $('.cmd[data-cmd_uid=#uid#]').hide();
        }
    } else {
        $('#iconCmd#id#').append('<i class="icon jeedom-lumiere-off"></i>');
        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>

Quel est celui compatible? Pourquoi avoir 2 modules a chaque fois?

Merci pour votre aide encore

[ach65]

Également intéressé par le widget "power_gauge2_winhex", je confirme qu'il bloque toujours le rafraichissement du Dashboard !
Quelqu'un a-t-il touvé une solution ?
Sinon, pourquoi ce widget reste-t-il sur la Market ?

[eliot_w67]

J'ai un problème similaire, le dashboard et les designs ne chargent pas, la roue de chargement tourne indéfiniment ce qui les rend inutilisable
PS : je suis nouveau sur Jeedom et après de longues recherches, impossible d'ouvrir un nouveau sujet, voilà pourquoi je poste ça là
merci de votre aide

[Maxou545]

Également intéressé par le widget "power_gauge2_winhex", je confirme qu'il bloque toujours le rafraichissement du Dashboard !
Quelqu'un a-t-il touvé une solution ?
Sinon, pourquoi ce widget reste-t-il sur la Market ?

Bonjour, j'aimerais également utiliser ce widget mais j'ai aussi un problème de rafraichissement (obligé de faire F5), pourtant le code as l'air bon

Code : Tout sélectionner

<! http://www.highcharts.com/demo/gauge-speedometer/gray >
<div style="min-width:100px;min-height:100px;padding:0px !important;" class="container-fluid tooltips cmd cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="Valeur du #valueDate#, collectée le #collectDate#" >
    <center>
        <div style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</div>    <center>
   <br/>
  <div class="gauge"></div>
                 <span class="timeCmd#uid#" style="padding : 3px;border-radius: 4px;"></span>

    <script>
                  jeedom.cmd.displayDuration('#valueDate#', $('.timeCmd#uid#'));
       jeedom.cmd.update['#id#'] = function(_options){
           $('.cmd[data-cmd_uid=#uid#] .gauge').highcharts().series[0].points[0].update(_options.display_value);
       }
        if (is_numeric('#state#')) {
            $('.cmd[data-cmd_id=#id#] .gauge').highcharts({
                chart: {
                    events: {
                        click: function (event) {
                            if (!$.mobile && '#history#' == 'history cursor') {
                                $('#md_modal').dialog({title: "Historique"});
                                $("#md_modal").load('index.php?v=d&modal=cmd.history&id=#id#').dialog('open');
                            }
                        }
                    },
                    type: 'gauge',
                  	borderWidth: 0,
                    plotBackgroundColor: null,
                    plotBackgroundImage: null,
                    backgroundColor: null,
                  plotBorderWidth: 0,
                    plotShadow: false,
                    height: 90,
                    spacingTop: 0,
                    spacingLeft: 0,
                    spacingRight: 0,
                    spacingBottom: 0
                },

                credits: {
                    text: '',
                    href: '',
                },
                title: {
                    text: ''
                },
                navigation: {
                    buttonOptions: {
                        enabled: false
                    }
                },
                        plotOptions: {
            gauge: {
                dataLabels: {
                    enabled: false
             },
                dial: {
                    baseLength: '0%',
                    baseWidth: 10,
                    radius: '100%',
                    rearLength: '0%',

                  backgroundColor: 'black',
                    topWidth: 1
                }
            }
        },
                tooltip: {
                    enabled: false
                },
                exporting : {
                    enabled: false
                },
         		pane: {
                  size: 90,
	        		startAngle: -90,
	        		endAngle: 90,
			background: false
	    		},
                // the value axis
	    yAxis: {
            labels: {
                enabled: false
            },
            title: {
                useHTML: true,
                style: {
                	color:'white',
                    zIndex: 999,
                    'font-weight': 'bold',
                  'font-size': '130%'
                },
                        align: 'middle',
                        y: 50,
                        text: '#state# #unite#',
                    },
			            tickWidth: 0,
                        tickLength: 0,
                        lineWidth: 0,
                        minorTickPosition: 'outside',
                        tickPosition: 'outside',
                        tickColor: '#FFFFFF',
                        lineColor: '#FFFFFF',
                        labels: {

                            style: {
                                color: '#FFFFFF',
                                fontWeight: 'bold'
                            },
                            distance: - 14
                        },
	        min: #minValue#,
	        max: #maxValue#,
	        plotBands: [{
	            from: #minValue#,
	            to: #minValue# + ((#maxValue# - #minValue#) * (1 / 3)),
	            color: 'rgb(83, 186, 238)', // blue
                thickness: '50%'
	        }, {
	            from: #minValue# + ((#maxValue# - #minValue#) * (1 / 3)),
	            to: #minValue# + ((#maxValue# - #minValue#) * (2 / 3)),
	            color: 'rgb(249, 212, 103)', // yellow
                thickness: '50%'
	        }, {
	            from: #minValue# + ((#maxValue# - #minValue#) * (2 / 3)),
	            to: #maxValue#,
	            color: 'rgb(224, 94, 82', // red
                thickness: '50%'
	        }]        
	    },
                        series: [{
                            data: [parseInt('#state#')]
                        }]

                    });
} else {

    $('.cmd[data-cmd_id=#id#] .gauge').append('<center><span class="label label-danger" style="margin-top : 5px;">#state#</span></center>');
}
</script>

</div>

Quelqu'un as réussi à le faire fonctionner ?