Formatage hygrometer

Utilisation du core de Jeedom
1

Bonjour,
Depuis la mise a jour Jeedom 4.4.2, j’ai un probléme de formatage pour mon affichage humidite et température.
image
L’information tendance est écrit sur le reste …
Auriez vous une idée ?
Merci de votre aide.

2

Bonjour,

Cela donne quoi en agrandissant légèrement cette tuile vers le bas ?

3

Bonjour,

J’avais récupéré le script suivant :

#name_display#
#unite#
Min : #minHistoryValue#
Max : #maxHistoryValue#
Moy : #averageHistoryValue#
Tendance : 
<script>
  jeedom.cmd.update['#id#'] = function(_options){
    
    var cmd = $('.cmd[data-cmd_id=#id#]');
    var imgNumber = '';
    var taux = parseFloat(_options.display_value);
    var hideHistory 	= ('#hide_history#'!='#'+'hide_history#') ? "#hide_history#" : "off";
    var version = ('#version#'!='#'+'version#') ? "#version#" : "";
    var largeurPx = "20";
    if (version === 'dashboard'){
      largeurPx = ('#largeurDashboardPx#'!='#'+'largeurDashboardPx#') ? "#largeurDashboardPx#" : "20";
    }else{
      largeurPx = ('#largeurMobilePx#'!='#'+'largeurMobilePx#') ? "#largeurMobilePx#" : "20";
    }
    
    // borne Min et max largeur
    if (largeurPx<20){
      largeurPx = 20;
    }else if (largeurPx>29){
      largeurPx = 29;
    }
    
    var largeurWidget = 60 + parseInt(largeurPx);
    largeurPx = largeurPx + 'px';
    
    var hasCommandIcon = cmd.find('.title div.cmdName i').is('i');
    var hasCommandName = cmd.find('.title div.cmdName').text().length > 0;
    var pos =10;
    if (hasCommandName || hasCommandIcon){
      cmd.find('.title').css('cssText', 'padding-bottom: ' + pos + 'px !important;');
      pos=0;
    }
    
    if (taux >= 0 && taux < 10){
      imgNumber = '00';
    }else if (taux >= 10 && taux < 20) {
      imgNumber = '01';
    }else if (taux >= 20 && taux < 30) {
      imgNumber = '02';
    }else if (taux >= 30 && taux < 40) {
      imgNumber = '03';
    }else if (taux >= 40 && taux < 50) {
      imgNumber = '04';
    }else if (taux >= 50 && taux < 60) {
      imgNumber = '05';
    }else if (taux >= 60 && taux < 70) {
      imgNumber = '06';
    }else if (taux >= 70 && taux < 80) {
      imgNumber = '07';
    }else if (taux >= 80 && taux < 90) {
      imgNumber = '08';
    }else if (taux >= 90 && taux < 100) {
      imgNumber = '09';
    }else{
      imgNumber = '10';
    }
    
    cmd.find('#hygro#id#').empty().append('<img class="hygroImg" src="data/customTemplates/dashboard/cmd.info.numeric.hygrometer/hygrometer' + imgNumber + '.png"></img>');
    cmd.find('.hygroImg').css('cssText', 'width:' + largeurPx + ' !important;');
    
    var imgHeight = document.querySelector(".hygroImg").clientHeight;
    
    var imgMaxHeight = 93;
    var imgMinHeight = 70;
    
    cmd.find('div.content-sm').css('cssText','height: ' + imgMinHeight +'px !important;min-height: ' + imgMinHeight +'px !important; max-height: ' + imgMaxHeight + 'px !important;')
       if (imgHeight>imgMinHeight){
      pos = (imgHeight - imgMinHeight)/2;
    }
    
    cmd.attr('title','Date de valeur : '+_options.valueDate+'<br/>Date de collecte : '+_options.collectDate)
    cmd.find('.state').empty().append(_options.display_value);
      
    var positionTop = 0;
    if (hideHistory == 'hidden'){
      var positionTop = 25 + pos;
    }
    else{
      cmd.find('div.statsPart1').css('cssText', 'padding-top: ' + (20 + pos) + 'px !important;text-align: left !important');
      var positionTop = pos;
    }
    
    cmd.find('.stats').css('line-height', '10px');
    
    var cssCurrentValue = 'position: relative !important;top: ' + positionTop + 'px !important;';
    cmd.find('.unitValue').css('cssText', cssCurrentValue );
    cmd.find('.state').css('cssText', cssCurrentValue + 'font-size: 15px !important;');
    cmd.find('div span.tooltips').css('cssText', 'font-size: 10px !important;font-weight: normal !important;');
    cmd.css("padding-bottom", "15px");
    cmd.css("width", largeurWidget + "px");
  }
  jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>
4

Agrandir la tuile, cela se fait depuis le Dashboard, directement à la souris.

Il faut cliquer sur le stylo d’édition en haut à droite, redimensionner votre tuile et cliquer de nouveau sur le stylo pour effectuer la sauvegarde.

5

Ca change effectivement rien.

6

Avez vous une idée svp ?