Widjet texte avec x thl

Bonjour
Je souhaite cree un widjet texte avec mes sonde x thl et je voudrait connaitre la valeur qu il faut rentrer, j ai bien trouvé sur le forum pour les entree analogique mais je n est pas trouvé pour les sondes x thl merci.

Bonjour,

Cdt

Bonjour,

ci joint le contenu d’un widget HTML.
Il y a des Enocean, XTH et source de données. Pour les formules du XTHL il faut aller voir dans la rubrique Helpdesk.

Cdlt

Pour les personnes souhaitant afficher des valeurs analogiques de leur IPX800 V3, X400Analog, X400CT ou X200PH au sein de leur V4. Voici les différentes formules de calcul :

Analogue > Valeur

X * 0.00323 pour les Volt
(X * 0.323) - 50 pour la TC4012
X * 0.09775 pour la LS100
((X * 0.00323) - 1.63) / 0.0326 pour la TC5050
(((X * 0.00323) /3.3) - 0.1515) / 0.00636 pour la RH-SH100
((X* 0.00323) - 0.25) / 0.028 pour la TC100
X * 0.00323 pour la X400CT10A
X * 0.00646 pour la X400CT20A
X * 0.01615 pour la X400CT50A
X / 100 pour la X200 PH
X - 2500 pour la X200 ORP

Valeur > Analogue

X / 0.00323 pour les Volt
(X + 50) / 0.323 pour la TC4012
X / 0.09775 pour la LS100
((X * 0.0326) + 1.63) / 0.00323 pour la TC5050
(((X * 0.00636) + 0.1515) * 3.3) / 0.00323 pour la RH-SH100
((X* 0.028) + 0.25) / 0.00323 pour la TC100
X / 0.00323 pour la X400CT10A
X / 0.00646 pour la X400CT20A
X / 0.01615 pour la X400CT50A
X * 100 pour la X200 PH
X + 2500 pour la X200 ORP

X-THL
Analogue > Valeur

Luminosité : Aucune formule appliquée
Humidité : 125 * x / 65535 - 6
Température : 175.72 * x / 65535 - 46.85

Valeur > Analogue

Luminosité : Aucune formule appliquée
Humidité : (x + 6) * 65535 / 125
Température : (x + 46.85) /175.72 * 65535

let cssColor1 = "#E0CDA9";
if (datasources["IPX800 V4"]["response"]["enoA2"] < 16) {
    cssColor1 = "#960018";
}  
let cssColor2 = "#E0CDA9";
if (datasources["IPX800 V4"]["response"]["xths01"] < 16) {
    cssColor2 = "#960018";
}
let cssColor3 = "#E0CDA9";
if (datasources["IPX800 V4"]["response"]["xths11"] < 4) {
    cssColor3 = "#960018";
}
let cssColor4 = "#E0CDA9";
if (datasources["METEO"]["current_temp"] < 4) {
    cssColor3 = "#960018";
}


return `
<table width='100%'>
  <tr>
    <td align=left valign=middle width='10%'><span style='color: ${cssColor1}'class="glyphicons glyphicons-temperature x2"></span></td>
    <td align=left valign=middle width='50%'><span style='color: #E0CDA9'>Salon SAM (ENO)</span></td>
    <td align=right valign=middle><span style='color: #E0CDA9; ;font-size: 20px;'>${datasources["IPX800 V4"]["response"]["enoA2"]} °C</span></td>
  </tr>
  <tr>
    <td align=left valign=middle width='10%'><span style='color: ${cssColor1}'class="glyphicons glyphicons-temperature x2"></span></td>
    <td align=left valign=middle width='50%'><span style='color: #E0CDA9'>Palier bas (ENO)</span></td>
    <td align=right valign=middle><span style='color: #E0CDA9; ;font-size: 20px;'>${datasources["IPX800 V4"]["response"]["enoA2"]} °C</span></td>
  </tr>
  <tr>
    <td align=left valign=middle width='10%'><span style='color: ${cssColor1}'class="glyphicons glyphicons-temperature x2"></span></td>
    <td align=left valign=middle width='50%'><span style='color: #E0CDA9'>Cuisine (ENO)</span></td>
    <td align=right valign=middle><span style='color: #E0CDA9; ;font-size: 20px;'>${datasources["IPX800 V4"]["response"]["enoA2"]} °C</span></td>
  </tr>
  <tr>
    <td align=left valign=middle width='10%'><span style='color: ${cssColor1}'class="glyphicons glyphicons-temperature x2"></span></td>
    <td align=left valign=middle width='50%'><span style='color: #E0CDA9'>Salle Bain (ENO)</span></td>
    <td align=right valign=middle><span style='color: #E0CDA9; ;font-size: 20px;'>${datasources["IPX800 V4"]["response"]["enoA8"]} °C</span></td>
  </tr>
  <tr>
    <td align=left valign=middle width='10%'><span style='color: ${cssColor2}'class="glyphicons glyphicons-temperature x2"></span></td>
    <td align=left valign=middle width='50%'><span style='color: #E0CDA9'>Buanderie (XTHL)</span></td>
    <td align=right valign=middle><span style='color: #E0CDA9;font-size: 20px;'>${([((datasources["IPX800 V4"]["response"]["xths01"])*175.72)/65535]-46.85).toFixed(1)} °C</span></td>
  </tr>
  <tr>
     <td align=left valign=middle width='10%'><span style='color: ${cssColor3}'class="glyphicons glyphicons-temperature x2"></span></td>
    <td align=left valign=middle width='50%'><span style='color: #E0CDA9'>Extérieur nord (XTHL)</span></td>
    <td align=right valign=middle><span style='color: #E0CDA9;font-size: 20px;'>${([((datasources["IPX800 V4"]["response"]["xths11"])*175.72)/65535]-46.85).toFixed(1)} °C</span></td>
  </tr>
  <tr>
    <td align=left valign=middle width='10%'><span style='color: ${cssColor4}'class="glyphicons glyphicons-temperature x2"></span></td>
    <td align=left valign=middle width='50%'><span style='color: #E0CDA9'>Extérieur (météo)</span></td>
    <td align=right valign=middle><span style='color: #E0CDA9;font-size: 20px;'>${(datasources["METEO"]["current_temp"]).toFixed(1)} °C</span></td>
  </tr>
</table>
`;
3 « J'aime »

Bonjour
merci pour tes reponse mais malheureusement je suis novice dans tous sa et je n arrive pas a afficher la temperautre de mon xthl avec un widjet html et en écrivant dans javascript les info que tu ma donné . Sa m affiche le termometre et buanderie (xthl) mais apres sa m ecrit les valeur que j ai ecrit dans javasript est ce que tu pourait m aider un peu merci

Bonjour,

j’ai utilisé le code suivant:

return ([((datasources[« IPX800 V4 »][« response »][« xths01 »])*175.72)/65535]-46.85).toFixed(1)

et je n’obtiens aucune valeur…

Quelqu’un aurait-il une idée de mon problème? La même X-THL ramène 27°C sur la jauge…

Merci d’avance !

As tu crée la source de données sur le dashboard concerné?

Euh…non désolé, je découvre!
Comment je créé cette source?
Merci

Bonsoir,

« Aller vers mode administrateur » puis « Ajouter source de données ».

Elle doit ensuite apparaître sur votre droite, et si tout va bien, l’heure doit être à jour.

C’est seulement qu’après que vous devez créer le widget concerné par ces données.

Je n’ai pas testé votre code, mais il me semble qu’il devrai se terminer par un ;

Thierry

2 « J'aime »

Bonjour Thierry,
oui j’ai déjà fait cette manip pour les données météo.
Mais que dois-je choisir pour accéder aux données de l’IPX800, et quels paramètres renseigner?
Merci d’avance
Eric

Bonjour @eric5377,

Vous devez également ajouter la source de données provenant de l’IPX:

Créez ensuite un widget avec votre formule, cela fonctionnera :wink:

Remarque: « datasources » doit correspondre avec le nom que vous avez choisi lors de l’ajout de la source de données, dans mon exemple « IPX V4 »

1 « J'aime »

Génial ! Maintenant ça marche.
Merci beaucoup. Existe-t-il quelque part une documentation de référence concernant tout ce qu’on peut faire avec l’IPX800?

1 « J'aime »

Bonjour,
Avec l’ipx800 tout est possible, en fonction des goûts et des besoins de chacun.
Aucune doc écrite ne pourrait donc être plus complète que ce forum.
après avoir lu la doc officielle téléchargeable,
Parcourez le forum sans retenue , c’est la meilleure école :wink:
Vous avez également le wiki.
Cdt.

3 « J'aime »

Bonjour,
grâce à vos conseils j’ai vraiment bien avancé, l’IPX800 est un super produit.
Je rencontre un nouveau petit problème: j’ai voulu dupliquer un widget HTML du dashboard 1 à un autre, et là, rien ne s’affiche sur l’autre dashboard…(j’ai fait un copier-coller de l’ensemble du code HTML)
Auriez-vous une suggestion?
Cdt

Bonjour,
avez-vous recréé la datasource sur le nouveau dashboard ?
cdt

1 « J'aime »

Euh…non!
Il faut donc la dupliquer? Et peut-elle avoir le même nom que sur un autre dashboard, ou faut-il le changer?
Merci

qui ne tente rien n’a rien … :wink:
essayez, vous aurez la réponse. :slight_smile:
je vous invite à expérimenter par vous même.

1 « J'aime »

Copier-coller source de données + widget d’un dashboard à l’autre => OK!
Merci de votre aide

1 « J'aime »

Mes icones sont tronquées en partie basse:
temp
Comment je pourrai mettre le nom des pièces à droite comme ceci:
https://forum.gce-electronics.com/uploads/default/original/2X/9/99ca83a1498c9e3ecc18e7e30745f3723c0c9559.png
Ou tout simplement puis-je mettre un text devant ma formule, du style:

"salon" (((datasources["V4"]["response"]["xths01"]*175.72)/65535)-46.85).toFixed(1)

bonsoir,
le widget que tu montres a été modifié par du html/ css et javascript.
Tu pourras trouver l’inspiration dans ce sujet

cdt