Re: Volet Roulant slider (SlidVertical)
Publié : 29 mars 2016, 22:53
Bonsoir Marmoul
Bon déjà tu pointes peut être une partie de mon problème .
Pour commander mes volets j'utilise Smart HOME . Ce protocole n'existe pas dans le Pac "Arduidom_unified" je l'ai donc ajouté et il marche très bien avec des boutons classiques comme ceux joints pour volets 1. Ensuite ma config est très simple Je possède un raspberry Pi avec un arduino nano en Usb et module emetteur /recepteur sur les entrées D2/D4 . Mais comme signalé ci-dessus cela marche plutôt bien.
Mon problème est plus sur le design du volet que je trouvais plutôt sympa , mais je suis loin de la présentation du market . Au final je compte piloter 11 volets roulants. Pour l'instant je n'ai fait aucune modif concernant le widget. Voici la base que je possède non modifié
<style>
#voletvertical.slider.slider-vertical{height:85px; width:64px;}
#voletvertical.slider.slider-vertical .slider-track {width:63px; height:100%;}
</style>
<div class="cmd" style="width:130px; height:100px; padding-top: 8%;" data-type="action" data-subtype="slider" data-cmd_id="#id#" >
<div class="slider-volet-value slid-v-left" id="SlidVal#id#">#state# %</div>
<div class="slider-volet" data-slider-handle="square" value="#state#"></div>
<div class="slider-volet-value slid-v-bottom" id="SlidValB#id#" style="display:none">#state# %</div>
<script>
$.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',
min: ('#minValue#' == '') ? 0 : parseInt('#minValue#'),
max: ('#maxValue#' == '') ? 100 : parseInt('#maxValue#'),
value: ('#state#' == '') ? 0 : parseInt('#state#'),
}).on('slideStop', function (ev) {
jeedom.cmd.execute({id: '#id#', value: {slider: ev.value}});
})
.on('slide', function (ev) {
$(".cmd[data-cmd_id=#id#] .slider-volet-value").text(ev.value +' %');
});
});
if ('#state#' == '0' || '#state#' == 0 || '#state#' == '') {
$(".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#' != '0' || '#state#' != 0) {
$(".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");
}
//console.log("SlidVal#id#");
</script>
</div>
En faite je n'ai pas encore réfléchi sur le code précédent mais le problème est surement à l’intérieur .
Je début dans jeedom je m’entraîne ( m'amuse ) avec un volet seulement, je verrai pour les autres plus tard
Bon déjà tu pointes peut être une partie de mon problème .
Pour commander mes volets j'utilise Smart HOME . Ce protocole n'existe pas dans le Pac "Arduidom_unified" je l'ai donc ajouté et il marche très bien avec des boutons classiques comme ceux joints pour volets 1. Ensuite ma config est très simple Je possède un raspberry Pi avec un arduino nano en Usb et module emetteur /recepteur sur les entrées D2/D4 . Mais comme signalé ci-dessus cela marche plutôt bien.
Mon problème est plus sur le design du volet que je trouvais plutôt sympa , mais je suis loin de la présentation du market . Au final je compte piloter 11 volets roulants. Pour l'instant je n'ai fait aucune modif concernant le widget. Voici la base que je possède non modifié
<style>
#voletvertical.slider.slider-vertical{height:85px; width:64px;}
#voletvertical.slider.slider-vertical .slider-track {width:63px; height:100%;}
</style>
<div class="cmd" style="width:130px; height:100px; padding-top: 8%;" data-type="action" data-subtype="slider" data-cmd_id="#id#" >
<div class="slider-volet-value slid-v-left" id="SlidVal#id#">#state# %</div>
<div class="slider-volet" data-slider-handle="square" value="#state#"></div>
<div class="slider-volet-value slid-v-bottom" id="SlidValB#id#" style="display:none">#state# %</div>
<script>
$.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',
min: ('#minValue#' == '') ? 0 : parseInt('#minValue#'),
max: ('#maxValue#' == '') ? 100 : parseInt('#maxValue#'),
value: ('#state#' == '') ? 0 : parseInt('#state#'),
}).on('slideStop', function (ev) {
jeedom.cmd.execute({id: '#id#', value: {slider: ev.value}});
})
.on('slide', function (ev) {
$(".cmd[data-cmd_id=#id#] .slider-volet-value").text(ev.value +' %');
});
});
if ('#state#' == '0' || '#state#' == 0 || '#state#' == '') {
$(".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#' != '0' || '#state#' != 0) {
$(".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");
}
//console.log("SlidVal#id#");
</script>
</div>
En faite je n'ai pas encore réfléchi sur le code précédent mais le problème est surement à l’intérieur .
Je début dans jeedom je m’entraîne ( m'amuse ) avec un volet seulement, je verrai pour les autres plus tard