[Tuto] Utiliser Monitor

[hervesz]

Excellent cette customisation !!

Je me lance et l'interface et très sympa ...

Petite question :
Comment ajouter les volets, comme des switchs ?

[patrice]

Bonsoir
Oui

[deennoo]

Petite question avant de me lancer : Quid de la reactivité ?

Emperihome c'est jolie mais super lent (si je laisse la rafraichissementa 1 secondes rien n'est fait car j'ai trop de devices, si je mets a 10 secondes cela fonctionne mais c'est bon il a pas la fibre le petit gars.)

Dromotica : c'est rapide, action immediate comme sur la pageweb de domoticz mais c'est pas le plus jolie.

Si il faut comparer, on est proche de dromotica, ou emperihome ?

[vil1driver]

niveau affichage, la page est rafraichie toutes les 8 secondes.. paramétrable -- > fonction setInterval()
niveau contrôle, c'est instantané comme sur la page web de domoticz

pour l'histoire des volets c'est bien "Status" mais pas de contrôle possible, faudrait le coder..

[hervesz]

pour l'histoire des volets c'est bien "Status" mais pas de contrôle possible, faudrait le coder..

Il me semblait bien ... Merci pour ce retour!

[vil1driver]

bien... pour les volets, j'ai quelque chose de fonctionnel ici pour les types Blinds et Blinds Inverted..

j'ai réutilisé les icons des volets de domoticz, je vous laisse les copier dans www/icons/

ils se trouvent ici:
www/images/blinds48sel.png
www/images/blinds48.png
www/images/blindsopen48sel.png
www/images/blindsopen48.png


dans frontpage.js, repérez cette partie:

Code : Tout sélectionner

//Thermostat
												if(vtype == 'SetPoint' && vplusmin > 0) {
														if (vdata == txt_off) {
																
																var hlp = '<span style='+vattr+'>'+ vdata+'</span>';
																var plus = "<img src=icons/plus.png align=right vspace="+img_vspace+" width=40 onclick=ChangeTherm('plus',txt_off," + item.idx + ","+ vdimmercurrent+","+ valarm+")>";
																var min = "<img src=icons/min.png align=left vspace="+img_vspace+" width=40 onclick=ChangeTherm('min',txt_off," + item.idx + ","+ vdimmercurrent+","+ valarm+")>";
														}
														else
														{
																
																var hlp = '<span style='+vattr+'>'+ vdata+'</span>';
																var plus = "<img src=icons/plus.png align=right vspace="+img_vspace+" width=40 onclick=ChangeTherm('plus'," +vplusmin+ "," + item.idx + ","+ vdata+","+ valarm+")>";
																var min = "<img src=icons/min.png align=left vspace="+img_vspace+" width=40 onclick=ChangeTherm('min'," +vplusmin+ "," + item.idx + ","+ vdata+","+ valarm+")>";
														}
														vdata = min.concat(hlp,plus);
														//console.log(vdata);
												}

puis collez ceci à la suite et sauvegardez

Code : Tout sélectionner

// blinds
												if(vdata == 'Closed') {
													if (item["SwitchType"] == 'Blinds') {			
																var plus = '<img src=icons/blinds48sel.png  hspace=10 width=40 onclick="SwitchToggle('+item.idx+', \'On\');lightbox_open(\'switch\', '+switch_on_timeout+', '+txt_switch_on+')">';
																var min = '<img src=icons/blindsopen48.png  hspace=10 width=40 onclick="SwitchToggle('+item.idx+', \'Off\');lightbox_open(\'switch\', '+switch_off_timeout+', '+txt_switch_off+')">';
														vdata = min.concat(plus);
														//console.log(vdata);
													}
													else if (item["SwitchType"] == 'Blinds Inverted') {
																var plus = '<img src=icons/blinds48sel.png  hspace=10 width=40 onclick="SwitchToggle('+item.idx+', \'Off\');lightbox_open(\'switch\', '+switch_off_timeout+', '+txt_switch_off+')">';
																var min = '<img src=icons/blindsopen48.png  hspace=10 width=40 onclick="SwitchToggle('+item.idx+', \'On\');lightbox_open(\'switch\', '+switch_on_timeout+', '+txt_switch_on+')">';
														vdata = min.concat(plus);
														//console.log(vdata);
													}
												}	
												if (vdata == 'Open') {
													if (item["SwitchType"] == 'Blinds') {			
																var plus = '<img src=icons/blinds48.png  hspace=10 width=40 onclick="SwitchToggle('+item.idx+', \'On\');lightbox_open(\'switch\', '+switch_on_timeout+', '+txt_switch_on+')">';
																var min = '<img src=icons/blindsopen48sel.png  hspace=10 width=40 onclick="SwitchToggle('+item.idx+', \'Off\');lightbox_open(\'switch\', '+switch_off_timeout+', '+txt_switch_off+')">';
														vdata = min.concat(plus);
														//console.log(vdata);
													}
													else if (item["SwitchType"] == 'Blinds Inverted') {
																var plus = '<img src=icons/blinds48.png  hspace=10 width=40 onclick="SwitchToggle('+item.idx+', \'Off\');lightbox_open(\'switch\', '+switch_off_timeout+', '+txt_switch_off+')">';
																var min = '<img src=icons/blindsopen48sel.png  hspace=10 width=40 onclick="SwitchToggle('+item.idx+', \'On\');lightbox_open(\'switch\', '+switch_on_timeout+', '+txt_switch_on+')">';
														vdata = min.concat(plus);
														//console.log(vdata);
													}
														
												} 

rafraichissez la page frontpage.html et vous devrez voir les icons des volets au lieu de leur status

j'ai mis le zip à jour.

[Merangle]

Bonsoir

Je suis nouveau sur le Forum, et j'y ai puisé beaucoup d'informations. Merci à tous pour le travail énorme fait pour enrichir la solution.

Les Custom page commencent à donner du WAF à la domotique. Profitons-en.....

J''ai un relevé de compteur EDF (OWL type CM180) qui fournit bien toutes les infos sur Domoticz.
Savez-vous comment le visualiser dans les FP ? Quelle "value" utiliser pour afficher des KWh et surtout la consommation quotidienne ?

Merci d'avance pour vos réponses.

[vil1driver]

Essai Data,

De manière générale, cette commande te donnes la liste des values d'un device potentiellement utilisables.

Code : Tout sélectionner

/json.htm?type=devices&rid=IDX

[vil1driver]

MAJ,

* correction bug sur valeur d'alarme (pour de bon cette fois ci)
* modification pour les groupes, si le status est Mixed, affichage des 2 boutons On et Off (côte à côte)
* légende des cases descendue un chouilla, on ne se refait pas ^^
* et donc ajout compatibilité volets (blinds et blinds inverted)

[Merangle]

Bonsoir

Merci beaucoup.
En utilisant Value=Data j'affiche des KWh, mais.....

En interrogeant le device (je ne connais rien à JSON), je vois que trois champs de données sont fournis :
CounterToday = consommation du jour
Data = Consommation depuis la dernière réinitialisation du compteur OWL
et Usage = Consommation instantanée

Dans FP,
['72', 'Data', 'cell21', 'Compteur KWh', '0', '0', 'color:#B3F2CF;font-size:80%'], // Compteur électrique
affiche le champ Data.

Je voudrais afficher le champ CounterToday.
Auriez-vous une idée ?

D'avance merci.
Bonsoir