Volet Roulant slider (SlidVertical)

[Gally]

C'est un controleur non pas un info meme si c'est possible de l'alimenter avec un scénario (un peut complexe)pour visualiser la position du volet.

Tout tes problemes vienent du faite que tu as changer le nom, type et ss type qui on changé le chemin d'accé aux fichiers.

[Didier43]

Dommage, ça marchait bien au début... tant pis, je remet mon vieux widget

[Didier43]

Salut, j'ai réussi à récupérer les commandes "action" pour faire du slide sur mes volet roulant duwi, par contre le plugins refuse tjs de m’afficher le volet du widjet, j'ai une barre de slide à la place :

slide.PNG (7.43 Kio) Consulté 1855 fois

J'ai essyé de supprimer, reinstaller, rien n'y fait. Tu aurai pas une solution magique

Merci d'avance.

[Gally]

Je suis en déplacement actuelement je ne peux donc pas travailler dessus

Peux tu me montrer le code du widget (en dessous du screen que tu as fais)

[Didier43]

Code : Tout sélectionner

   <div style="min-width:90px;min-height:80px;" class="cmd" data-type="action" data-subtype="slider" data-cmd_id="#id#" >  
      <div class="slider" id="stor" value="#state#" ></div>
        <div class="slider-value" >#state# %</div>

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

                $(".cmd[data-cmd_id=#id#] .slider").slider({

                    range: "min",
                    min: ('#minValue#' == '') ? 0 : parseInt('#minValue#'),
                    max: ('#maxValue#' == '') ? 100 : parseInt('#maxValue#'),
                  orientation: "vertical",
                    value: ('#state#' == '') ? 0 : parseInt('#state#'),
                    change: function(event, ui) {
                        jeedom.cmd.execute({id: '#id#', value: {slider: ui.value}});
                    },
                    slide: function(event, ui) {
                        $(".cmd[data-cmd_id=#id#] .slider-value").text(ui.value +' %');
                    }			
                });		 
            });
          
          if ('#state#' == '0' || '#state#' == 0) {
            document.getElementById("stor").style.background = "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamep.png)";
          }
          if ('#state#' != '0' || '#state#' != 0) {
            document.getElementById("stor").style.background = "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamej.png)";
          }
        

        </script>
        </div>

Merci pour ton aide.

[Gally]

Peux tu te connecter en ssh et lancer la commande "locate slidervc.css" puis si tu le trouves compare l'adresse avec celle dans le widget enfin si elle est differente met la à jour dans le widget (pluging/widget/..).

Si tu a bien une mauvaise adresse apres l'avoir desintallé puis reinstallé c'est plutot un probleme de jeedom que de moi

[Didier43]

Non il est bien au bon endroit :

Code : Tout sélectionner

root@jeedom:~# locate slidervc.css
/usr/share/nginx/www/jeedom/plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/slidervc.css
/usr/share/nginx/www/jeedom/tmp/backup/plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/slidervc.css

J'ai regardé les droits, il sont bon également..

[Gally]

Ce WE je regarderai ça, j'ai vu que Loïc a rajouté des options sur l'affichage des widgets, j'espere que ça ne pérdube pas ce widget.

[Didier43]

Ok merci

[sabosan]

Saluti les bricolos,

Ca me remplace tous mes slider par les volets...

c'est une angoisse du CSS ? .slider appliqué à tous les sliders

Je le désinstall et je le supprime du répertoire, il revient toujours ?
c'est une sécurité ?

Du coup j'ai supprimé les css ?

[BertrandP]

Moi ca m'a fait pareil. Et je crois que le Widget à disparu du market non ?
il faut suprimer quoi pour pas que le bug reste ?

[Gally]

dsl de tous ça je ne rencontre pas de probleme de mon coté
pour debuger tu peux suprimer les fichier lié dans le widget, ça devrais suffir. je regarderais ce WE.

[dough29]

Je me permet de remonter ce topic car je vois qu'il y a pas mal de demandes pour corriger certains défauts d'affichage :
- un seul slider peut être en "complètement fermé" (toutes les lames collées sans les "petits trous")
- tous les indicateurs de position sous le slider sont mis à jour quand on actionne un seul slider
- conflit d'affichage (CSS) si jamais on ajoute un autre slider sur le Dashboard alors qu'un SlidVertical est déjà présent

J'ai le code qui va bien pour corriger les 2 premiers points : est-ce possible de la pousser sur le market d'une façon ou d'un autre ?

Je peux le partager avec toi @Gally si besoin

EDIT : et pour retrouver plus facilement ce topic par la recherche du forum il faudrait mettre "SlidVertical" quelque part dans le titre

[pat]

Hello @dough29, je m'étais mis en écoute sur cette discussion au cas ou car j'avais constaté aussi ces problèmes, mais par contre pas assez compétent pour les corriger tout seul. Je suis pas pressé, je peux attendre une mise à jour du widget un de ces jours, mais comme j'ai l'impression que ça ne soulève pas les foules ... serait-il possible d'avoir tes corrections sur le widget SlidVertical (soit mettre le code sur le forum, soit en mp, soit en publiant un nouveau widget ? Comme tu préfères
Merci par avance !

[dough29]

Salut !

Voici le code complet :

Code : Tout sélectionner

<div style="min-width:90px;min-height:80px;" class="cmd" data-type="action" data-subtype="slider" data-cmd_id="#id#" >
	<div class="slider" id="stor#id#" value="#state#" ></div>
	<div class="slider-value" >#state# %</div>
	<script>
		$.include(['plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/slidervc.css'], function() {
			$(".cmd[data-cmd_id=#id#] .slider").slider({
				range: "min",
				min: ('#minValue#' == '') ? 0 : parseInt('#minValue#'),
				max: ('#maxValue#' == '') ? 100 : parseInt('#maxValue#'),
				orientation: "vertical",
				value: ('#state#' == '') ? 0 : parseInt('#state#'),
				change: function(event, ui) {
					jeedom.cmd.execute({id: '#id#', value: {slider: ui.value}});
				},
				slide: function(event, ui) {
					$(".cmd[data-cmd_id=#id#] .slider-value").text(ui.value +' %');
				}
			});
		});
		
		if ('#state#' == '0' || '#state#' == 0) {
			document.getElementById("stor#id#").style.background = "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamep.png)";
		}
		if ('#state#' != '0' || '#state#' != 0) {
			document.getElementById("stor#id#").style.background = "url(plugins/widget/core/template/dashboard/cmd.action.slider.SlidVertical/lamej.png)";
		}
	</script>
</div>

Ça règle donc l'affichage de widget en lui même mais pas les soucis si jamais il y a d'autres widget "slider" à l'écran

[Gally]

Bonjour,

Je ne comprend pas vos problèmes...

Le soucis lorsqu'il y a puisieurs ou autre slider a ètè réglè il y plus d'un an... Virez Le widget, effacer les cookies et autre du navigateur puis rèinstallè.

Pour le code or css:

Code : Tout sélectionner

   <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: 0%;" data-type="action" data-subtype="slider" data-cmd_id="#id#" >  
     <div class="slider-volet-value" id="SlidVal#id#">#state# %</div>
       <div class="slider-volet" data-slider-handle="square" value="#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 %");
            console.log("était vide");
          }
          
        </script>
   </div>

[dough29]

Voici ce que ça donne chez moi sous Chrome (cache vidé) :



Et je persiste à dire que la version que l'on obtient par le market est celle avec :
- un seul volet en lames pleines et les autres en "petits" trous
- la modification du slider mets à jour la valeur dans tous les widget

Je viens de récupérer à nouveau depuis le market et ça donne ça :



Donc je reviens à ma version copiée un peu plus haut.

[Gally]

Ah oui au faite il faut absolument télécharger la version Beta!

Ça fait plus d'un an que la beta devrait passer en stable... Je sais pas comment faire,

si un Administrateur passe par là...

[Sshafi]

@gally : ben tu fais une demande de release en renvoyant ton widget sur le market à partir de ton jeedom et en cochant la bonne case. Il me semble que tu peux aussi le faire à partir du market directement...

From Tapatruc...

[Gally]

Ok je l'ai vu sur la 2eme page

En espérant que celà va résoudre les problèmes remonté ici