Etat des Volets inversé

[domoteek]

Bonjour,

Sur la page web le widget de mes volets est ouvert lorsque mes volets sont ouvert et fermé lorsqu'ils sont fermées ; sur l'appli mobile c'est l'inverse lest volets sont indiqués fermés lorsqu'ils sont ouvert.

Comment inverser l'affichage sur l'appli mobile ?

merci.

[Mips2648]

Précise l'équipement etc sinon ca va être compliqué pour quelqu'un d'apporter une réponse.
C'est une commande "état" avec une valeur numérique pour la position de tes volets?

Sinon de manière générale, pour l'appli mobile il faut que le "Type générique" soit correctement défini (configuration avancée de la commande, onglet "configuration")

[xtrem57]

J'ai le même problème sur mes portes et fenêtres.
La case "inverser" n'est pas prise en compte sur l'appli mobile

[xboss06]

Pareil pour moi... Ça m'a rendu fou tellement j'ai cherché à solutionner ça !
Modules DI-O pour les volets roulants.
Je coche la case "inverser" sur l'interface Web mais sur l'appli ce n'est pas pris en compte

Du coup l'appli est inutilisable et c'est dommage car elle a bien évoluée au fil des MAJ

[domoteek]

Ravi de voir que je ne suis pas tout seul !

Ceci dit j'ai solutionné mon problème en éditant le widget (en passant l'option display.value a 0) et en décochant la case inverser :

<div style="width:90px;min-height:62px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="binary" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<center>
<div style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</div>
<span style="font-size: 4.5em;font-weight: bold;margin-top:-5px;position:relative;top:-6px" class="iconCmd"></span>
</center>
<script>
jeedom.cmd.update['#id#'] = function(_options){
$('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
if (_options.display_value == '0') {
$('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<i class="icon jeedom-volet-ferme"></i>');
}else {
$('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<i class="icon jeedom-volet-ouvert"></i>');
}
}
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>
</div>

[xboss06]

Ravi de voir que je ne suis pas tout seul !

Ceci dit j'ai solutionné mon problème en éditant le widget (en passant l'option display.value a 0) et en décochant la case inverser :

<div style="width:90px;min-height:62px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="binary" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<center>
<div style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</div>
<span style="font-size: 4.5em;font-weight: bold;margin-top:-5px;position:relative;top:-6px" class="iconCmd"></span>
</center>
<script>
jeedom.cmd.update['#id#'] = function(_options){
$('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate)
if (_options.display_value == '0') {
$('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<i class="icon jeedom-volet-ferme"></i>');
}else {
$('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<i class="icon jeedom-volet-ouvert"></i>');
}
}
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>
</div>

Merci beaucoup pour ce début de piste!
J'ai modifié le widget en copiant ton code et ça règle une partie du problème.
Effectivement, l'affichage du volet devient correct dans l'appli, mais les flèches sont inversées (la flèche de montée ferme le volet et inversement...)
Sur le dashboard par contre c'est OK.

[xboss06]

c'est bon j'ai compris et ça fonctionne après cette petite magouille
Merci à toi c'est sympa!

[sophianez]

Bonjour ,

C 'est pas trés sympas de pas partager la solution :'( c 'est quand même le but d 'un forum

[MarcT]

Bonjour,

J'ai réussi à faire fonctionner le widget en mobile. En repartant du widget officiel, j'ai changé les valeurs max et min, au lieu de faire de 0 à 100, je fais de -100 à 0. Dans le code, je rajoute un - partout pour tout inverser et le widget fonctionne parfaitement.
Je vous joins le code modifié du widget dans son intégralité :

Code : Tout sélectionner

<div style="width:100px;min-height:90px;" data-version="#version#" data-eqLogic_id="#eqLogic_id#" class="cmd #history# cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
	<center>
        <div style="font-size : 12px;#hideCmdName#">#name_display#</div>
        <span class="cursor iconCmd" style="font-size: 2.5em;font-weight: bold;" id="iconCmd"></span>
        <div class="slider full-width-slider ui-slider" style="width: 96%;text-align: right;min-width : 120px;">
            <input type="number" data-type="range" min="-#maxValue#" max="#minValue#" value="-#state#" data-highlight="true" />
        </div>
    </center>
    <script>
         $('.cmd[data-cmd_id=#id#] .iconCmd').on('click', function() {
            if ($(this).attr('data-state') == 'on') {
                var value = ('#minValue#' == '') ? 0 : parseInt('#minValue#');
                jeedom.cmd.execute({id: '#id#', value: {slider:value }});
            } else {
                var value = ('#minValue#' == '') ? 100 : parseInt('#maxValue#');
                jeedom.cmd.execute({id: '#id#', value: {slider: value}});
            }
        });
        $("body").undelegate(".cmd[data-cmd_uid=#uid#] .slider");
        $("body").delegate(".cmd[data-cmd_uid=#uid#] .slider",'slidestop', function (event, ui) {
          console.log(-$(".cmd[data-cmd_uid=#uid#] .slider input").value());
            jeedom.cmd.execute({id: '#id#', value: {slider: -$(".cmd[data-cmd_uid=#uid#] .slider input").value()}});
        });
        jeedom.cmd.update['#id#'] = function(_options){
            $(".cmd[data-cmd_id=#id#] .slider input").value(-_options.display_value);
            if (parseInt(_options.display_value) <= 0) {
             $('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<i class="icon jeedom-volet-ferme"></i>');
             $('.cmd[data-cmd_id=#id#] .iconCmd').attr('data-state', 'on');
         }else {
            $('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<i class="icon jeedom-volet-ouvert"></i>');
            $('.cmd[data-cmd_id=#id#] .iconCmd').attr('data-state', 'off');
        }
    }
    jeedom.cmd.update['#id#']({display_value:'#state#'});
</script>
<style>
    .cmd[data-cmd_uid="#uid#"] .ui-slider-handle{
        background-color:#f1c40f !important;
    }
    .cmd[data-cmd_uid="#uid#"] .ui-slider-bg{
        background-color:#f1c40f !important;
    }
</style>
</div>