Volet Roulant slider (SlidVertical)

[SebT]

J'ai corrigé l'affichage du volet complètement fermé (pour avoir l'image sans les petits trous) :


<script>

$.include(['plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/bootstrapslider.js'], function() {
$.include(['plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/slidervc.css'], function() {

$(".cmd[data-cmd_id=#id#] .slider-volet").bootstrapSlider({
id: 'voletvertical',
orientation: 'vertical',
reversed : 'true',
tooltip : 'always',
tooltip_position : 'left',
min: ('#minValue#' == '') ? 0 : parseInt('#minValue#'),
max: ('#maxValue#' == '') ? 100 : parseInt('#maxValue#'),
value: ('#state#' == '') ? 0 : Math.abs(parseInt('#state#')-100),
}).on('slideStop', function (ev) {
jeedom.cmd.execute({id: '#id#', value: {slider: Math.abs(ev.value-100)}});
})

.on('slide', function (ev) {
$(".cmd[data-cmd_id=#id#] .slider-volet-value").text(ev.value +' %');
});

});
});

if ('#state#' == '100' || '#state#' == 100) {
$(".cmd[data-cmd_id=#id#] .slider-vertical .slider-selection").css('background', "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamep.png)");
}
else {
if ('#state#' != '100' || '#state#' != 100 || '#state#' == '') {
$(".cmd[data-cmd_id=#id#] .slider-vertical .slider-selection").css('background', "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamej.png)");
}
}
if ('#state#' == '' || '#state#' == 0){
$("#SlidVal#id#").empty();
$("#SlidVal#id#").text("0 %");

}
if ('#state#' == 99 || '#state#' == '99'){
if ('#Fibaro#'.trim() == '1') {
$("#SlidVal#id#").empty();
$("#SlidVal#id#").text("100 %");
$("#SlidValB#id#").empty();
$("#SlidValB#id#").text("100 %");
}
}

if ('#PourcentLeft#'.trim() == '0') {
$("#SlidVal#id#").css("display","none");
$("#SlidValB#id#").css("display","block");
$(".cmd[data-cmd_id=#id#]").css("padding-top", "1%");
$(".cmd[data-cmd_id=#id#]").css("width", "75px");
}

if ('#NoPourcent#'.trim() == '1'){
$("#SlidVal#id#").css("display","none");
$("#SlidValB#id#").css("display","none");
$(".cmd[data-cmd_id=#id#]").css("padding-top", "8%");
$(".cmd[data-cmd_id=#id#]").css("margin-left", "28px");
$(".cmd[data-cmd_id=#id#]").css("width", "75px");
}

//console.log("SlidVal#id#");

</script>

[nickasimir]

bonjour,

Je viens de faire l'acquisition un module pour volet et bien évidement il me fallait un widget, slidvertical me semble le meilleur sur le market, en tout cas il correspond a ce que je veux.
En parlant d'affichage, je suis un peu dérouté... Je n'ai pas l'habitude d'avoir des problème avec un widget et là je ne comprends pas.

Capture d’écran 2016-12-03 à 09.17.53.png (20.17 Kio) Consulté 3008 fois

J4ai réussi vite fais a avoir l'affichage désiré mais après avoir joué avec les commande plus rien.

Je souhaite avoir l'image du volet et en dessous le pourcentage (impossible a mettre en place pour moi)
les commandes en dessous et pour finir la conso et la puissance.

une petite aide serait apprécié.
MErci

[bartounet]

Tu peux les bouger à la souris
C'est toujours un délicat j'avais un peu galéré aussi car les éléments ont tendance à se coller ou tu ne veux pas

[nickasimir]

Bouger a la souris ? dsl je ne vois pas comment...
j'ai opter pour un affichage épurer pas de conso et de puissance et mis un retour a la ligne sur le commande position.
J4ai a peu près ce que je voulais...

Capture d’écran 2016-12-03 à 11.07.55.png (17.87 Kio) Consulté 2981 fois

Comment faite vous pour déplacer les % en dessous de l'image, je me doute que c'est dans le widget mais tout est imbriqué a base de script ou rajouter le br ?
MErci

[Dapolux]

Bonjour,

Je démarre depuis peu sur Jeedom (RPI / Aeon Stick / 1x FGS-222 / 1x FGR-222) , et j'ai quelques soucis avec ce widget.

1) Je n'arrive plus a affecter ou désaffecter le VR au widget.
Dans la config du widget je vois le "1" comme quoi un appareil est affecté, mais dans "Appliquer sur des commandes" impossible d'ajouter ou supprimer quoi que ce soit. Le clic sur l’aperçu actionne bien le VR. J'ai tenté une réinstall de tout "Widget" ça ne change rien, j'ai tenté de désinstaller le widget "SlidVertical" via le market, j'ai une erreur "Impossible de trouver l'objet associé : 332", je ne sais pas a quoi correspond cet objet.

2)L'image du VR ne s'affiche plus (j'ai bien le curseur) dans le menu des widget. Par contre dans le dashboard ou design, c'est l'icone par défaut qui s'affiche (l'espèce de jauge à aiguille)

3) J'ai lu pas mal dans le forum, je n'ai pas trouvé ou mettre ce paramètre de Fibaro = 1 pour l'état à 99%

Question subsidiaire (mais peut être à poser dans un autre topic), afin de débugguer les scripts, comment je peux faire pour afficher un message avec une valeur au milieu du script?

Merci pour votre aide.
Dapolux.

[SebT]

Salut Dapolux et bienvenu dans le monde de Jeedom,

Quelques éléments de réponse ou de réflexion :
1. Si tu as une erreur en voulant supprimer ton widget et qu'il ne s'affiche plus, c'est peut-être que le plugin "widget" ne trouve plus les fichiers du widget SlidVertical depuis la réinstallation du plugin complet. Essaie peut-être simplement une réinstallation de SlidVertical depuis le market du plugin widget. Tu peux également voir les fichiers qui sont sur ton système depuis le plugin "widget" en sélectionnant le widget en question et en cliquant sur le bouton "Fichier" en haut au centre. Normalement il y en a 11. La plupart sont des .png et il y a un fichier .js et un .css

2. Pour affecter le plugin à une commande, le plus simple est d'aller dans l'objet qui contient ta commande (donc pas dans le plugin widget comme tu sembles faire, mais directement dans l'objet volet roulant. Comme tu utilises un module fibaro, l'objet est normalement dans le plugin "Zwave"). Une fois dans l'objet, tu repéres la commande de type "slider" et tu va dans ses options avancées (la petite icone en forme de roue dentée tout à droite de la ligne de la commande en question, à côté du bouton "tester").
Ca ouvre un pop-up et tu vas dans l'onglet "affichage avancé". Et là, dans la ligne Widget tu selectionnes SlidVertical dans le menu déroulant.
Une fois cela fait, on va traiter ton problème de 99% => Juste en dessous de ce champs de sélection du widget, tu as une zone de type tableau dénommée "Paramètre optionnels widget". Là dans la colonne "Nom" tu tapes Fibaro et dans la colonne "valeur" tu tapes 1.

Tu sauvegardes et ça devrait arranger tes affaires...

Il faut reconduire ça pour tous tes volets.

Au plaisir de te lire.

SébT

[Dapolux]

Bonjour,

Un grand merci pour ces renseignements, j'avance à grands pas.

- Pour une raison que j'ignore les fichiers avaient sautés, la réinstallation à solutionné ce point
- Le non affichage venait du fait que dans les commandes, j'affichai l'état, mais pas le slider "positionnement" (mes VR sont des bubendorff, donc positionnement impossible). J'ai rajouté le positionnement, supprimé la commande "état" est tout est rentré dans l'ordre (je garde tout de même les commandes de monté, descente et stop)
- Merci pour le conseil pour le réglage avancé, je comprends mieux la mécanique maintenant
- Ca marche mieux avec le paramètre "Fibaro" = "1", le % s'affiche bien à 100%, par contre j'ai toujours 99 sur le slider.

Encore merci et bonne soirée.

Dapolux.

[SebT]

Salut,

Je suis content de t'avoir permis d'avancer.

Toutefois un point m'intrigue : tu dis que t'es volets roulants ne peuvent pas être positionnés car ce sont des bubendorff. Hors tes modules de commande sont des fibaro. Et le positionnement c'est le module qui le fait et non le volet.

Les modules fibaro ne font pas cela? Ils n'y a pas un calibrage à faire au début lors de l'installation?
A titre personnel, j'utilise une ipx800 avec des x4vr pour mes volets donc je ne connais pas les modules fibaro. Mais il m'étonnerais qu'ils ne permettent pas de faire de positionnement...

SebT

[Dapolux]

Hello,

En fait les VR Bubendorff sont alimentés par 4 fils (le neutre, 1 phase, 1 phase pour la montés puis une phase pour la descente), et ce sont des butées électroniques intégrées au VR (sinon pas de soucis d'un point de vue module Fibaro). La calibration Fibaro ne donne rien, puisque le module ne détecte jamais que le VR est arrivé en buté.

Il y a probablement quelque chose à faire coté script pour détecter qu'une action est en cours depuis x secondes, mais je n'y suis pas encore.
Le module (ou même l'inter physique) lance une action, mais ne sais jamais si elle se termine (le contact se fait jusqu'au timeout, 25 secs pour moi).
Nombreux forums/sites parlent de problème avec les VR Bubendorff 4 fils (et j'en ai 15 tous neufs à domotiser... )

Bonne journée.

Dapolux

[sbig49]

Bonjour à tous,

Je viens d'installer ce widget pour mes volets commandés par module fibaro. J'ai vu qu'il y avait des réglages à ajouter dans la doc :

Code : Tout sélectionner

Ajout de 2 réglages
- PourcentLeft
                si = 0 le pourcentage sera affiché en dessous de la fenêtre

- Fibaro
               si = 1 résout le problème lié au 99% des modules Fibaro

- NoPourcent
              si = 1 seulement le Tooltip

Mais, je ne vois pas du tout où on modifie ces réglages.

Si quelqu'un peut m'indiquer où je trouve ces réglages car j'ai beau chercher, je ne vois pas du tout

[SebT]

Lis mon commentaire du 19 Déc 2016, 11:57 un peu plus haut sur cette page.

A la fin du point 2, je précise à quel endroit il faut saisir les paramètres que tu transfères à ton widget.

[sbig49]

Lis mon commentaire du 19 Déc 2016, 11:57 un peu plus haut sur cette page.

A la fin du point 2, je précise à quel endroit il faut saisir les paramètres que tu transfères à ton widget.

Pourtant, j'avais parcouru le sujet mais j'avais loupé ce message, merci beaucoup pour ta réponse, je m'occupe de ça dès que je rentre ce soir.

[sbig49]

- Ca marche mieux avec le paramètre "Fibaro" = "1", le % s'affiche bien à 100%, par contre j'ai toujours 99 sur le slider.

Merci SebT, j'ai réussi sans souci à insérer les options. Par contre, comme pour Dapolux, si le 100% s'affiche bien, j'ai toujours 99 sur le slider, c'est étrange.

[SebT]

Si vous voulez, on peut essayer de corriger ça par le code du widget, mais il faut que l'un de vous essaie chez lui et vérifie si ça marche.

Voila l'idée : dans le code du widget, l'objet slider est initialisé avec des informations transmises par jeedom (dont la valeur du slider qui est communiquée et représente le retour d'état de ton module). Donc l'idée est juste de lui modifier l'équation qui défini la value du slider en ajoutant un +1 pour qu'à la place de 99, il écrive 100. Pour être complétement juste, il faut également lui faire réaliser la conversion inverse quand il lance l'action du slider.
Par contre en faisant ça, on aura le soucis de ne plus jamais avoir écrit 0, donc on va également rajouter une ligne qui précisera que quand value =1 alors value =0

Procédure :
1. Aller dans le plugin "widget"
2. cliquer dans la liste sur le plugin Slidvertical
3. Dans la fenetre qui s'affiche, il y a le code du widget.

Allez repérer les lignes qui initialise l'objet slider, et faites les modifs comme expliqué plus haut :
Ca doit ressembler à ça après modif

Code : Tout sélectionner

                    min: ('#minValue#' == '') ? 0 : parseInt('#minValue#'),
                    max: ('#maxValue#' == '') ? 100 : parseInt('#maxValue#'),
          	        value: ('#state#' == '') ? 0 : parseInt('#state#')+1,
					}).on('slideStop', function (ev) {
                         jeedom.cmd.execute({id: '#id#', value: {slider: ev.value-1}});
					})

Et un peu plus bas dans le code il y a un ensemble de conditions if à la suite. Reste à ajouter une condition pour passer ev.value à 0 si jeedom renvoit une valeur de 0.
Avant la première condition if, on en rajoute donc une pour modifier la valeur si =1.

Bon c'est là où je ne suis pas sûr de moi car je ne suis pas un initié à js.

Code : Tout sélectionner

          if ('#state#' == '' || '#state#' == 0){
            ev.value = 0 ;
          }

[sbig49]

OK, j'essaye de regarder ça ce soir en rentrant, merci beaucoup.

[Pixel_br]

- Ca marche mieux avec le paramètre "Fibaro" = "1", le % s'affiche bien à 100%, par contre j'ai toujours 99 sur le slider.

Merci SebT, j'ai réussi sans souci à insérer les options. Par contre, comme pour Dapolux, si le 100% s'affiche bien, j'ai toujours 99 sur le slider, c'est étrange.

Bonjour,

Juste comme cela en passant, et vu que je débute juste moi aussi, avez vous contrôlé les données entourée en rouge ? :

Capture.JPG (29.51 Kio) Consulté 2703 fois

Car chez moi pas de Pb (en tout cas pas cela)

[SebT]

Dans le code javascript du widget, les valeurs saisi en min et max sont effectivement utilisées, mais juste pour la mise à l'échelle.
La valeur affichée dans le curseur est celle correspondant à #STATE#, c'est à dire la valeur actuelle du curseur (donc indépendamment des bornes min et max).

On doit pouvoir trouver une astuce en modifiant le script javascript du widget. Mais je ne suis pas super à l'aise en javascript.

[Pixel_br]

Car chez moi pas de Pb (en tout cas pas cela)

En fait j'ai rien dit... j'ai le même problème.

[sbig49]

Je n'ai pas encore eu le temps de m'y plonger sérieusement mais j'ai jeté un coup d'oeil au code, dès que j'aurais quelques minutes, je regarderai les modif que tu propose sent.

[lefoimpeur]

Bonjour,

Avez-vous avancé sur le sujet depuis janvier ?