Problème de code widget V3 passé en V4

Utilisation du core de Jeedom
1

Bonjour,
Je suis passé hier (enfin !!) de V3 en V4.
J’ai bien sur quelques problèmes sur des widgets perso ou tiers que je tente de résoudre dans la mesure de mes moyens (TRES faibles :weary:) au niveau code.
Sur un widget phase de la lune (info numérique donc), impossible de faire afficher les images 0.png à 29.png qui se trouvent bien dans :
/var/www/html/data/customTemplates/dashboard/cmd.info.numeric.PhaseLuneIMG
le code du widget:

<div style="padding:0;width:120px; min-height:120px;" class="cmd #history# tooltips cmd-widget container-fluid" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
	<div class="row">
		<div class="center-block col-xs-12 h5 cmdName" style="margin-top:0;font-weight: bold;font-size : 12px;#hideCmdName#;" title="#name#">#name_display#</div>
		<div class="center-block col-xs-12 iconCmd#id#"></div>
        </div>
	<script>
      var dayMoon = Math.floor('#state#');
      var dayMoonPhase = Math.floor(dayMoon/3.68);
      var phases = ['Nouvelle lune', 'Premier croissant', 'Premier quartier', 'Gibbeuse ascendante', 'Pleine lune', 'Gibbeuse descendant', 'Dernier quartier'];
      var tooltipContent = phases[dayMoonPhase];
		$('.iconCmd#id#').append('<img style="display: block;" data-toggle="tooltip" data-placement="left" title="' + tooltipContent +'" src="/var/www/html/data/customTemplates/dashboard/cmd.info.numeric.PhaseLuneIMG'+ dayMoon +'.png">');
	</script>
</div>

ce doit être sans doute une erreur de syntaxe , un ’ ou un " mal placé mais mes essais n’ont rien résolu.
Merci du coup de main

2

Salut,

Il manque pas un slash après PhaseLuneIMG du coup ?

$('.iconCmd#id#').append('<img style="display: block;" data-toggle="tooltip" data-placement="left" title="' + tooltipContent +'" src="/var/www/html/data/customTemplates/dashboard/cmd.info.numeric.PhaseLuneIMG/'+ dayMoon +'.png">')

Si ce n’est pas ça il faut regarder le contenu de l’erreur en console du navigateur (F12 sous Chrome)

3

Bonjour @Salvialf ,
Merci pour ta réponse, effectivement déjà sans ce / ça ne pouvait marcher. Je l’ai donc ajouté mais je n’ai toujours pas d’image et la console me dit:

[Violation] Forced reflow while executing JavaScript took 63ms
getResource.php?file…8e67&lang=fr_FR:789 [Violation] 'setTimeout' handler took 73ms
jquery.min.js?md5=7c…38ccd3edd840d82ee:2 [Violation] 'load' handler took 228ms
[Violation] Forced reflow while executing JavaScript took 110ms
getResource.php?file…8e67&lang=fr_FR:789 [Violation] 'setTimeout' handler took 79ms
[Violation] Forced reflow while executing JavaScript took 39ms
jquery.min.js?md5=7c…38ccd3edd840d82ee:2 The specified value "" does not conform to the required format.  The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.
jquery.min.js?md5=7c…38ccd3edd840d82ee:2 The specified value "" does not conform to the required format.  The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.
8.png:1 
 GET http://192.168.1.100/var/www/html/data/customTemplates/dashboard/cmd.info.numeric.PhaseLuneIMG/8.png 403 (Forbidden)


Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform
Deprecated Feature Used

Très obscur pour moi, mais j’ai vérifié les droits du répertoire cmd.info.numeric.PhaseLuneIMG et du fichier 8.png qui sont 775.
si je mets dans la barre d’adresse:
http://192.168.1.100/var/www/html/data/customTemplates/dashboard/cmd.info.numeric.PhaseLuneIMG/8.png
pareil 403 forbiden

4

Salut,
Et comme ceci ?
Dans le répertoire IMG pour exemple:
Si tu mets ceci ce sera NOK:

http://192.168.0.50/html/data/img/mon_image.png

Par contre ceci sera OK

http://192.168.0.50/data/img/mon_image.png
5

Oui ça s’affiche, j’essaye dans le code
Edit
http://192.168.1.100/data/customTemplates/dashboard/cmd.info.numeric.PhaseLuneIMG/8.png
affiche bien l’image et le code :

$('.iconCmd#id#').append('<img style="display: block;" data-toggle="tooltip" data-placement="left" title="' + tooltipContent +'" src="/data/customTemplates/dashboard/cmd.info.numeric.PhaseLuneIMG/'+ dayMoon +'L.png">');

Ça fonctionne !!
super merci

edit: c’est peut etre lié aux sécurités mise en place pour la V4

6

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.