Page 1 sur 1

Mauvaise direction fleche du widget

Publié : 03 nov. 2018, 08:36
par jahfly
Bonjour,
J'ai installer le widget direction vent mais la flèche du widget ne me convient pas et est inversée.
Dans ce widget il y a la flèche indicatrice, en dessous le degré puis la nomination de la direction du vent.
pour ce qui est du degré et de la nomination tout est ok. mais c'est juste la flèche.
Je sui aller dans la tuile du widget je vois bien comment changer les intervalle de degré et les nomination mais pas la flèche? j'ai juste un div id="aiguille#id#"
Je suis aller voir dans les fichiers de config pour voir si il y avait pas des images de flèches mais j'ai rien a part un fichier html ou il y a rien d indiqué.
Je vous met une partie de la tuile pour voir si quelqu un peut faire quelque chose.

Code : Tout sélectionner

<div style="width:115px;height:100px;" id="boussoleWidget#id#" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
  <span style="font-weight: bold;font-family : Helvetica Neue,Helvetica,Arial,sans-serif;font-size : 12px;">Direction</span>
  <div id="aiguille#id#" style="margin:2px auto 5px;width: 100%;height: 24px; font-size:24px;" class="fa fa-location-arrow" aria-hidden="true"></div>
  <script>
    var _valueDirDir#id# = parseInt('#state#');
    $('#aiguille#id#').css('transform','rotate('+(_valueDirDir#id#-45)+'deg)');
    if(_valueDirDir#id# < 12 || _valueDirDir#id# > 348) $('#dirdir#id#').html('(Nord)');
    if(_valueDirDir#id# < 34 && _valueDirDir#id# > 11) $('#dirdir#id#').html('(Nord-Nord-Est)');
    if(_valueDirDir#id# < 57 && _valueDirDir#id# > 33) $('#dirdir#id#').html('(Nord-Est)');
    if(_valueDirDir#id# < 79 && _valueDirDir#id# > 56) $('#dirdir#id#').html('(Est-Nord-Est)');
merci par avance

Re: Mauvaise direction fleche du widget

Publié : 03 nov. 2018, 20:06
par Theduck38
Bonjour,

Essaye de modifier la partie :
$('#aiguille#id#').css('transform','rotate('+(_valueDirDir#id#-45)+'deg)');

Re: Mauvaise direction fleche du widget

Publié : 04 nov. 2018, 19:06
par jahfly
Ok c est bon c est ca. J' avais essaye en mettant rien et ca avait rien fait mais en mettant +135 elle va dans le bon sens.merci

Re: Mauvaise direction fleche du widget

Publié : 02 févr. 2019, 18:12
par Thrall
Bonjour,

Je ne trouve pas ce widget qui m'aurait bien intéressé pour mon anémomètre :-)
A-t-il été mis ailleurs? Serait-il possible d'avoir le code complet?

Merci d'avance

Re: Mauvaise direction fleche du widget

Publié : 02 févr. 2019, 23:22
par Thrall
Je voulais dire que je ne trouve pas ce widget dans le market, Jeedom v3.2.x

Re: Mauvaise direction fleche du widget

Publié : 03 févr. 2019, 01:06
par Theduck38
Bonjour,

Je ne l'ai pas retrouvé non plus....
Voici le code :

Code : Tout sélectionner

<div style="width:110px;height:120px;padding:5px" id="boussoleWidget#id#" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
  	 <span class='cmdName' style="font-weight: bold;font-size : 12px;">#name_display#</span>
  	<div id="aiguille#id#" style="position:center;width: 80px;height: 80px;background:url('plugins/widget/core/template/dashboard/cmd.info.numeric.Wind_Direction/N.png') no-repeat;"></div>
	<script>
       tailleTemp=0.7;
	   $('#aiguille#id#').css('transform' , 'rotate('+parseInt('#state#')+'deg) scale('+tailleTemp+')');
	</script>
   <span style="font-weight: bold;font-size : 12px; color:black; position:absolute;top:95px;left:40px;"  class='cmdState' >#state# °</span>
  
</div>
Et le fichier image :
N.png
N.png (924 octets) Consulté 254 fois

Re: Mauvaise direction fleche du widget

Publié : 03 févr. 2019, 18:31
par Thrall
Merci bien!
Après un peu de lecture de diverses documentations et quelques gouttes de sueur, cela fonctionne parfaitement. :)