Widget images pour Action/Autre

[OUARZA]

Bonjour à tous, bonjour @Salvialf ,
J’avais ce widget sur on Jeedom V3. Je l’ai intégré à mon V4 mais il ne marche pas.
Pouvez-vous m’aider à l’adapter ?

<div style="width:60px; height:50px; " class="cmd reportModeHidden cmd-widget" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<a class="action cmdName tooltips" title="#name#" style="border-color:rgba(0,0,0,0)!important"></a>
<!-- Ne Pas Supprimer -->
<script class="createWidgetInfo" type="text/javascript">//<![CDATA[{"type":"1","version":"1","image1":"RadioScoop.png","image2":"Europe1.png"}]]></script>
<!-- Ne Pas Supprimer -->
<script>
var srcImgRadio_Scoop = 'data/img/Radios/RadioScoop.png';
var srcImgEurope1 = 'data/img/Radios/Europe1.png';
var taille = 'width=40px';
var taille2 = 'width=70px';

if('#name#' == 'Radio Scoop'){
$('.cmd[data-cmd_uid=#uid#] .btn').append('<img src="'+srcImgRadio_Scoop+'" '+taille+'>');
}
if('#name#' == 'Europe1'){
$('.cmd[data-cmd_uid=#uid#] .btn').append('<img src="'+srcImgMoins+'" '+taille+'>');
}
  
$('.cmd[data-cmd_uid=#uid#]:last .action').on('click', function () {
jeedom.cmd.execute({id: '#id#'});
});
</script>
</div>

Merci par avance.
Mathieu

[OUARZA]

Bonjour à tous,
Tout d’abord je tiens à remercier @Phpvarious pour sa précieuse aide qui m’a aidé à répondre à mon besoin.
Je vous partage le code si jamais vous êtes intéressés. Ce widget permet d’associer image ou icône sur une action « défaut ».

<div class="cmd reportModeHidden cmd-widget" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
  <a class="action cmdName tooltips" title="#name#" style="border-color:rgba(0,0,0,0)!important"></a>
  <script>
    var srcImg = 'data/img/';  /* dossier des images à adapter en fonction de votre besoin */
    var valueC = ('#couleur#' !='#'+'couleur#') ? "#couleur#":"#FF0000"; /* paramètre couleur, rouge par défaut */
    var valueL = is_numeric('#largeur#') ? parseFloat('#largeur#'):40; /* largeur des images, 40 par défaut */
    var valueS = is_numeric('#fontSize#') ? parseFloat('#fontSize#'):20; /* taille des icônes, 20 par défaut */
    var tailleImg = 'width='+valueL+'px';
    var tailleIco = 'font-size:'+valueS+'px';
    var valueColor = 'color:'+valueC;
    
    if('#name#' == 'Radio Scoop') $('.cmd[data-cmd_uid=#uid#] .action').append('<img src="'+srcImg+'RadioScoop.png" '+tailleImg+'>');
   else if('#name#' == 'Europe1') $('.cmd[data-cmd_uid=#uid#] .action').append('<img src="'+srcImg+'Europe1.png" '+tailleImg+'>'); /* ligne à dupliquer pour ajouter des images */
   else if('#name#' == 'Oeil')$('.cmd[data-cmd_uid=#uid#] .action').append('<i class="far fa-eye-slash" style="'+valueColor+';'+tailleIco+';"></i>'); /* ligne à dupliquer pour ajouter des icônes */
    else $('.cmd[data-cmd_uid=#uid#] .action').append('<i class="fas fa-exclamation-triangle" style="'+valueColor+';'+tailleIco+';"></i>'); /* ligne permettant de mettre un panneau attention en cas de non détection du nom */
    
    $('.cmd[data-cmd_uid=#uid#]:last .action').on('click', function () {
      jeedom.cmd.execute({id: '#id#'});
    });
  </script>
</div>

Les paramètres pour modifier unitairement les images/icônes (largeur pour les images, fontsize pour les icônes):

Voilà ce que ça peut donner avec les informations ci-dessus :

Mathieu

[Salvialf]

Salut,

J’ai oublié de répondre.

Pour moi ce widget est très facilement réalisable avec les outils du core en V4. As-tu essayé ? Car je ne suis pas sûr qu’il y ait besoin d’un widget code pour faire ce que tu veux, tout est intégré au core maintenant.

[OUARZA]

Hello @Salvialf ,
Je n’ai pas trouvé comment faire avec l’outil du core.
Je veux bien que tu me montres.

Je ne vois comment associer à un même widget plusieurs images/icônes en fonction du nom de la commande.

Mathieu

[Salvialf]

Ah oui c’est le nom… doit y’avoir une astuce avec une commande info liée mais effectivement pour afficher en fonction du nom de la commande actuellement le plus simple est peut être un widget code

[OUARZA]

Possible.
Peut-être qu’un jour ça sera intégré au core

Mathieu