Freddy38 a écrit : ↑02 juin 2019, 21:08
JAG a écrit : ↑02 juin 2019, 18:29
Salut
Ah ok, je pense que je vais mettre une option cela peut me servir à moi aussi
Par contre il me semble que l humidité n est pas à jour car je le widget ne se présente plus comme ça
en fait si, il est à jour, mais je le modifie un peu car je veux qu'il affiche les valeurs plus gros et sans le genre de bouton autour
comme ceci :
tu sais les gouts et les couleurs
Salut, @romanais & @Freddy38
J'ai modifié le Widget "Thermometre", il affiche par défaut les valeurs max et min.
- Variable : min_max permet de remplacer la valeur max & min par ceux du max et min de l'historique => valeur X (par défaut) affiche le min et max => autres valeur affiche les valeurs de l'historique
- Variable font_size permet de modifier la taille de la valeur
- Variable marge_size permet de modifier la marge pour la valeur*]Variable font_size_hist permet de modifier la taille de la valeur
- Variable : min_max-M Pour le widget mobilepermet de remplacer la valeur max & min par ceux du max et min de l'historique => valeur X (par défaut) affiche le min et max => autres valeur affiche les valeurs de l'historique
Code pour le widget Dashboard
-- Update le widget est disponible sur le market -- 20190605
Code pour le widget mobile Comme promis
Code : Tout sélectionner
<div style="width:100px;min-height:60px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#" data-eqLogic_id="#eqLogic_id#" data-eqLogic_id="#eqLogic_id#">
<!-- Info Widget
Basé sur les widget de : ??
Mise à jour : JAG 20190603 : Ajout Possibilité d'afficher a gauche les max/min historique ou de l'équipement
-->
<div class="title #hide_name#">
<div class="cmdName"style="#hideCmdName#">#name_display#</div>
</div>
<div class="value" style="font-size: 0.4em;text-align: right;margin-right:1px;position:relative;width:20px;height:60px;float: left;">
<span class="#hide_history# HIST" style="position: relative;float: right;top: 2px;#displayHistory#">#maxHistoryValue#</span>
<span class="MINMAX" style="position: relative;float: right;top: 2px;">#maxValue#</span>
<span class="#hide_history# HIST" style="position: relative;float: right;top: 38px;#displayHistory#">#minHistoryValue#</span>
<span class="MINMAX" style="position: relative;float: right;top: 38px;">#minValue#</span>
</div>
<div style="position:relative;width:15px;height:70px;float: left;background:url('plugins/widget/core/template/mobile/cmd.info.numeric.Thermometre/thermometre.png') no-repeat;background-size: 15px 60px;">
<div style="position: absolute;display:block;width: 3px;float:left;height: 44px;border: none;border-radius: 4px;background-color: white;left: 6.25px;top: 3px;">
<div class="height#id#" style="display:block;position:absolute;bottom:0;width:100%;height: 0%;background-image: linear-gradient(to bottom, #fb0e0e, #1515b9);"></div>
</div>
</div>
<div style="display:inline-block;">
<div class="value">
<span class="value#id# timeCmd label label-default value"></span>
<!-- Historique -->
<div class="cmdStats #hide_history#" style="#displayHistory# font-size : 8px;text-align: left;">
<span title="Min" style="float:left;">Min : #minHistoryValue# #unite#</span><br/>
<span title="Moy" style="float:left;">Moy : #averageHistoryValue# #unite#</span><br/>
<span 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 masque pour div historique ou maxmin
var srcdivhidden_M = ('#min_max-M#'!='#'+'min_max-M#') ? "#min_max-M#": "X";
//Update
$('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);
$('.cmd[data-cmd_id=#id#] .value#id#').empty().append(_options.display_value+' '+'#unite#');
height = Math.round( (_options.display_value - ('#minValue#')) * (68/('#maxValue#' - ('#minValue#'))) ) + 6;
$('.height#id#').css('height',height+'px');
//masque des données
if (srcdivhidden_M =="X") {
$("span.MINMAX").css("display","visible");
$("span.HIST").css("display","none");
}else{
$("span.MINMAX").css("display","none");
$("span.HIST").css("display","visible");
}
}
jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
</script>
</div>
dvb a écrit : ↑02 juin 2019, 22:46
Hello JAG,
Sais-tu me dire concernant la taille de l'affichage ?
(cf. mon post précédent)
Merci !
@dvb, j'ai publier une amélioration du widget hier en debut de journée avec l'ajout de variable
- Variable font_size permet de modifier la taille de la valeur
- Variable font_size_hist permet de modifier la taille de la valeur
Exemple de paranétrage des valeurs
- Capture d’écran 2019-06-03 à 19.46.37.png (262.34 Kio) Consulté 2942 fois
Bonne soirée
