Sans rien faire; maintenant la vignette frigo s’affiche bien avec l’accès direct…
en effet, j’utilise un widget perso, que j’utilise beaucoup d’ailleurs
<div style="padding:10px; min-width:110px; min-height:90px;" class="cmd cmd-widget container-fluid #history#" data-type="info" data-subtype="binary" data-template="BadgeDesign" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
<div class="title #hide_name#">
<div class="cmdName">#name_display#</div>
</div>
<div class='displayDF#id#'></div>
<div class='boxFD#id#'>
<div class="ValueFD#id# #Ombre#">
<span class="iconeFD#id#" id="iconeFDValue#id#"></span>
</div>
</div>
<style>
@font-face {
font-family: 'Audiowide';
font-style: normal;
font-weight: 400;
src: local('Audiowide Regular'), local('Audiowide-Regular'), url(https://fonts.gstatic.com/s/audiowide/v7/l7gdbjpo0cum0ckerWCdmA_OIxo.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Audiowide';
font-style: normal;
font-weight: 400;
src: local('Audiowide Regular'), local('Audiowide-Regular'), url(https://fonts.gstatic.com/s/audiowide/v7/l7gdbjpo0cum0ckerWCdlg_O.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
div.displayFD#id# {
position: relative;
}
.boxFD#id# {
width: 80px;
height: 70px;
border-radius : 10px;
text-align: center;
}
.ValueFD#id# {
position: relative;
text-align: center;
top: 10px;
z-index:1;
border-radius: 10px;
display: block;
overflow: hidden;
width: 80px;
height: 60px;
}
.iconeFD#id# {
font-family: "Audiowide", helvetica, arial, sans-serif;
font-weight: bold;
color: #fff;
font-size: 4em;
}
</style>
<script>
jeedom.cmd.update['#id#'] = function(_options){
$(".iconeFD#id#").empty();
// Récupération des valeurs des paramètres
var chxcolor0 = ('#color0#' != '#'+'color0#') ? "#color0#":"white";
var chxcolor1 = ('#color1#' != '#'+'color1#') ? "#color1#":"white";
var chxcolor = ('#color#' !='#'+'color#') ? "#color#":"0099ff";
var chxbord = ('#bord#' !='#'+'bord#') ? "#bord#":"oui";
var chxombre = ('#ombre#' !='#'+'ombre#') ? "#ombre#":"oui";
var chxicone0 = ('#icone0#' !='#'+'icone0#') ? "#icone0#":"fas fa-times";
var chxicone1 = ('#icone1#' !='#'+'icone1#') ? "#icone1#":"fas fa-check";
var valeur = _options.display_value;
if (parseInt(valeur) == 1) {
$(".iconeFD#id#").append("<i class='"+chxicone1+"'></i>");
$('.iconeFD#id#').css('color', chxcolor1);
} else {
$(".iconeFD#id#").append("<i class='"+chxicone0+"'></i>");
$('.iconeFD#id#').css('color', chxcolor0);
}
$('.boxFD#id#').css('background-color', '#'+chxcolor);
var LightenColor = function(color, percent) {
var num = parseInt(color,16),
amt = Math.round(2.55 * percent),
R = (num >> 16) + amt,
B = (num >> 8 & 0x00FF) + amt,
G = (num & 0x0000FF) + amt;
return (0x1000000 + (R<255?R<1?0:R:255)*0x10000 + (B<255?B<1?0:B:255)*0x100 + (G<255?G<1?0:G:255)).toString(16).slice(1);
};
var couleur = LightenColor(chxcolor, -30);
var boxColor = LightenColor(chxcolor, -60);
var ombre = '';
for (var iter = 1; iter < 99; iter++) {
couleur = LightenColor(couleur, 0.5);
ombre = ombre + '#' + couleur + ' ' + iter + 'px' + ' ' + iter + 'px, ';
}
ombre = ombre + '#' + couleur +' 100px 100px';
if (chxbord != "non") {
$('.boxFD#id#').css('box-shadow', '#' +boxColor+' 4px 4px');
}
if (chxombre != "non") {
$('.ValueFD#id#').css('text-shadow', ombre);
$('.UniteFD#id#').css('text-shadow', ombre);
}
}
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>
</div>
mais pourquoi maintenant cela s’affiche correctement…