Forum Domoticz en français

Reprenez le contrôle de votre domotique
https://easydomoticz.com/forum/

[Tuto] Utiliser Monitor

https://easydomoticz.com/forum/viewtopic.php?t=331

Page 2 sur 148

Re: custom page

Publié : 11 mars 2015, 21:53
par hervesz
Excellent cette customisation !!

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

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

Re: custom page

Publié : 11 mars 2015, 23:02
par patrice
Bonsoir
Oui

Re: custom page

Publié : 12 mars 2015, 09:30
par 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 ?

Re: custom page

Publié : 12 mars 2015, 13:08
par 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..

Re: custom page

Publié : 13 mars 2015, 13:06
par hervesz
vil1driver a écrit :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!

Re: custom page

Publié : 14 mars 2015, 13:05
par 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 :D

j'ai mis le zip à jour.

Re: custom page

Publié : 18 mars 2015, 23:12
par 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.

Re: custom page

Publié : 19 mars 2015, 07:39
par 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

Re: custom page

Publié : 19 mars 2015, 17:40
par 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)

Re: custom page

Publié : 19 mars 2015, 21:55
par 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
Fuseau horaire sur UTC+02:00
Page 2 sur 148

Développé par phpBB® Forum Software © phpBB Limited

Traduction française officielle © Qiaeru