Paramètre taille de la police widget JAG

Bonjour

J’aimerais utiliser les widgets mis à disposition par JAG (quia fait un bon boulot) par exemple « Humidité goutte eau »

https://jealg.github.io/documentation/widget/fr_FR/WIDGET_d_Humidite_Goutte_eau

Si j’ai bien compris il y a un paramètre (font_size) qui permet de définit la taille de la police de caractère
De mon coté cela ne change pas la taille de la police
Version Jeedom : 4.3.15

Ci joint le code que j’ai concernant ce widget

<div style="min-width:150px;min-height:96px;" class="cmd #history# tooltips cmd-widget container-fluid" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" title="#collectDate#">
    <!-- Info Widget
        Widget de           : JAG
        Widget pour le Core : V4
        Mise à jour         : JAG 20220206 => Update pour 4.2
	-->
    <div class="title #hide_name#" style="width:100%">
        <div class="cmdName" style="#hideCmdName#">#name_display#</div>
    </div>
    <div style="position:relative;width:45%;height:96px;float: left;">
        <div style="width: 46px;height: 80px; position: absolute; z-index: 1; background: url('data/img/humidite/hu_goutteeau.png') no-repeat;background-size:46px 80px;" id="recipient#id#"></div>
        <div style="width: 46px;height: 80px; position: absolute; background: url('data/img/humidite/hu_goutteeaumask.png') no-repeat;background-size:46px 80px;" id="recipientmask#id#"></div>
    </div>
    <div style="display:inline-block;width:55%">
        <div class="value">
            <span class="value#id# timeCmd value"></span>
            <!-- Historique -->
            <div class="cmdStats #hide_history# Stats_hist#id#" style="#displayHistory# text-align: left;">
                <span class="tooltips tooltipstered" title="Min" style="float:left;">Min : #minHistoryValue# #unite#</span><br />
                <span class="tooltips tooltipstered" title="Moy" style="float:left;">Moy : #averageHistoryValue# #unite#</span><br />
                <span class="tooltips tooltipstered" title="Max" style="float:left;">Max : #maxHistoryValue# #unite#</span><br />
                <i class="#tendance#"></i>
            </div>
        </div>
    </div>
    <script>
        jeedom.cmd.update['#id#'] = function(_options) {
            // Variable Taille Texte et marge
            var srcFontSize = ('#font_size#' != '#' + 'font_size#') ? "#font_size#" : "25px";
            var srcMargSize = '#marge_size#';
            var srcFontSizeStat = ('#font_size_hist#' != '#' + 'font_size_hist#') ? "#font_size_hist#" : "10px";
            // Variable Taille Texte
            var State = parseFloat(_options.display_value);
            var Statemax = #maxValue#;
            var height = parseInt(80 * (State / Statemax));

            //Update
            if (height > 80) {
                height = 80;
            }
            topPosition = 80 - height;
            $('#recipient#id#').css({
                'height': height + 'px',
                'top': topPosition + 'px',
                'background-position': '0 -' + topPosition + 'px'
            });
            $('.cmd[data-cmd_id=#id#] .value#id#').empty().append(_options.display_value + ' ' + '#unite#');
            $('.cmd[data-cmd_id=#id#]').attr('title', 'Valeur du ' + _options.valueDate + ', collectée le ' + _options.collectDate);
            //Taille Texte et marge pour la valeur
            $('.cmd[data-cmd_id=#id#] .Stats#id#').css('font-size', srcFontSize);
            $('.cmd[data-cmd_id=#id#] .Stats#id#').css('line-height', srcMargSize);
            //Taille Texte pour l'historique
            $('.cmd[data-cmd_id=#id#] .Stats_hist#id#').css('font-size', srcFontSizeStat);
        }
        jeedom.cmd.update['#id#']({
            display_value: '#state#',
            valueDate: '#valueDate#',
            collectDate: '#collectDate#',
            alertLevel: '#alertLevel#'
        });

    </script>
</div>

Bonjour,

test cette modif :

<div style="min-width:150px;min-height:96px;" class="cmd #history# cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" title="#collectDate#">
    <!-- Info Widget
        Widget de           : JAG
        Widget pour le Core : V4
        Mise à jour         : JAG 20220206 => Update pour 4.2
        Modification        : Phpvarious 20230220 => https://community.jeedom.com/t/parametre-taille-de-la-police-widget-jag/102001
							    => ajout info "template"
							    => fix pour font-size
							    => nettoyage class css
	-->
    <template>
        <div>font_size : Taille du texte (valeur) [Ex: 20 | défaut : 25]</div>
        <div>marge_size : line-height du texte (valeur) [Ex: 20 | défaut = font_size]</div>
        <div>font_size_hist : Taille du texte (statistiques) [Ex: 20 | défaut : 10]</div>
    </template>
    <div class="title #hide_name#" style="width:100%">
        <div class="cmdName" style="#hideCmdName#">#name_display#</div>
    </div>
    <div style="position:relative;width:45%;height:96px;float: left;">
        <div style="width: 46px;height: 80px; position: absolute; z-index: 1; background: url('data/img/humidite/hu_goutteeau.png') no-repeat;background-size:46px 80px;" id="recipient#id#"></div>
        <div style="width: 46px;height: 80px; position: absolute; background: url('data/img/humidite/hu_goutteeaumask.png') no-repeat;background-size:46px 80px;" id="recipientmask#id#"></div>
    </div>
    <div style="display:inline-block;width:55%">
        <span class="value"></span>
        <!-- Historique -->
        <div class="cmdStats #hide_history#" style="text-align: left;">
            <span style="float:left;">Min : #minHistoryValue# #unite#</span><br />
            <span style="float:left;">Moy : #averageHistoryValue# #unite#</span><br />
            <span style="float:left;">Max : #maxHistoryValue# #unite#</span><br />
            <i class="#tendance#"></i>
        </div>
    </div>
    <script>
        jeedom.cmd.update['#id#'] = function(_options) {
            // Variable Taille Texte et marge
            let srcFontSize = ('#font_size#' != '#' + 'font_size#') ? "#font_size#" : "25px";
            let srcMargSize = '#marge_size#';
            let srcFontSizeStat = ('#font_size_hist#' != '#' + 'font_size_hist#') ? "#font_size_hist#" : "10px";
            srcFontSize = srcFontSize.replace("px","").trim();
            srcMargSize = srcMargSize.replace("px","").trim();
            srcMargSize = (srcMargSize < srcFontSize) ? srcFontSize : srcMargSize
            srcFontSizeStat = srcFontSizeStat.replace("px","").trim();
            
            //Update
            let State = parseFloat(_options.display_value);
            let Statemax = #maxValue#;
            let height = parseInt(80 * (State / Statemax));
            height = (height > 80) ? 80 : height;
            topPosition = 80 - height;
            $('#recipient#id#').css({
                'height': height + 'px !important',
                'top': topPosition + 'px',
                'background-position': '0 -' + topPosition + 'px'
            });
            $('.cmd[data-cmd_id=#id#] .value').empty().append(_options.display_value + ' ' + '#unite#');
            $('.cmd[data-cmd_id=#id#]').attr('title', 'Valeur du ' + _options.valueDate + ', collectée le ' + _options.collectDate);
            //Taille Texte et marge pour la valeur
            $('.cmd[data-cmd_uid=#uid#] .value').css('cssText', 'font-size: ' + srcFontSize + 'px; line-height : ' + srcMargSize + 'px ');
            //Taille Texte et marge pour l'historique
            $('.cmd[data-cmd_uid=#uid#] .cmdStats').css('cssText', 'font-size: ' + srcFontSizeStat + 'px !important; line-height : ' + srcFontSizeStat + 'px ');
        }
        jeedom.cmd.update['#id#']({
            display_value: '#state#',
            valueDate: '#valueDate#',
            collectDate: '#collectDate#',
            alertLevel: '#alertLevel#'
        });

    </script>
</div>

Pour info
J’ai décidé de ne plus maintenir mes widgets
Cela prends bp de temps et surtout il faut à chaque nouvelle mise à jour du core vérifier que cela fonctionne

La plus part de mes widgets peuvent être remplacer par l outil du core

Bonjour

J’ai coupé le widget en deux :
. Un premier qui affiche l’image
. Un seconde qui affiche la valeur et l’historique

Cela donne satisfaction même si cela est plus long à faire