[Tuto] Utiliser Monitor

[Olivier77260]

J'ai un script qui récupère les alertes météo (vert, orange, rouge) pour les afficher dans domoticz. Mais je ne sais pas quelle "value" je dois mettre pour l'afficher sur le custom page. Par exemple : le point de rosée c'est "DewPoint"

[vil1driver]

Oui je vois bien, le script vigilence meteo avec l'api domogeek dans un capteur virtuel de type alerte.

Page 2 de ce sujet...
viewtopic.php?p=2864#p2864

[vil1driver]

****

trouvaille :p

dans le fichier frontpage_settings.js

Code : Tout sélectionner

$.roomplan=0;

permet l'accès à tous les devices, plus besoin de les ajouter à un quelconque roomplan
du coups l'on peut afficher sur le frontpage des dispositifs qui ne pouvaient pas être ajoutés au roomplan.

comme l'état du security pannel ou téléinfo usb...

je me pose du coups la question de l'utilité de ce paramètre si ce n'est alléger le proc de la tablette, je sens qu'il va finir pas sauter ^^

[beting]

Petite contribution, voici comment j'ai intégré votre dashboard dans une tablette cdisplay ( pub en moins ) et un cadre photo customisé.
Pour l'alimentation elle passe dans le mur

[vil1driver]

plus qu'a trouver un appareil photo de ce siècle

je plaisante, le principal est visible, content que ça te plaise
sympa le montage dans un cadre c'est propre sans fil d'alime visible, j'addore

[vil1driver]

MAj

*correction bug sur la relève des heures de lever/coucher du soleil (pas compris pourquoi ça ne fonctionnait plus)
*plus besoin de passer le flag plusmin à 1 pour les dimmer (value=Level) les boutons +/- se montrent d'eux même si la lampe est allumée,
du coups ce champs ne sert plus qu'à régler le pas pour les boutons +/- des thermostats (value=SetPoint)
*gros coups de ménage dans le code, suppression des vestiges d'anciennes fonctions obsolètes.
*renommage du value spécial Tijd en Clock (c'est plus parlant)
*roomplan à 0 par défaut
*ajout d'un fond à la page

[kiki13270]

Bonjour à tous et bon poisson
Question: est il envisageable de pouvoir afficher dans la custom page les historiques (les log) des températures par exemples sur un clic de celle ci ?
Dans une nouvelle page ou bien dans la même ?

Christian

[vil1driver]

probablement.. en récupérant et en adaptant la fonction qui crée le graph mais javascript c'est pas mon truc..
si quelqu'un veux s'y essayer, c'est vrai qu'avoir dans une popup la courbe des dernières 24h serait sympatoche
voici la fonction en question :

Code : Tout sélectionner

function ShowTempLog(contentdiv,backfunction,id,name)
{
  clearInterval($.myglobals.refreshTimer);
  $('#modal').show();
  $.content=contentdiv;
  $.backfunction=backfunction;
  $.devIdx=id;
  $.devName=name;
  var htmlcontent = '';
  htmlcontent='<p><center><h2>' + decodeURIComponent(name) + '</h2></center></p>\n';
  htmlcontent+=$('#daymonthyearlog').html();

  $($.content).html(GetBackbuttonHTMLTable(backfunction)+htmlcontent);
  $($.content).i18n();

  var tempstr="Celsius";
  if ($.myglobals.tempsign=="F") {
	tempstr="Fahrenheit";
  }

  $.DayChart = $($.content + ' #daygraph');
  $.DayChart.highcharts({
      chart: {
          type: 'line',
          zoomType: 'x',
          alignTicks: false,
          events: {
              load: function() {
                this.showLoading();
                $.getJSON("json.htm?type=graph&sensor=temp&idx="+id+"&range=day",
                function(data) {
					if (typeof data.result != 'undefined') {
                      AddDataToTempChart(data,$.DayChart.highcharts(),1);
                    }
                });
                this.hideLoading();
              }
          }
      },
      loading: {
          hideDuration: 1000,
          showDuration: 1000
      },
      credits: {
        enabled: true,
        href: "http://www.domoticz.com",
        text: "Domoticz.com"
      },
      title: {
          text: $.t('Temperature') + ' ' + Get5MinuteHistoryDaysGraphTitle()
      },
      xAxis: {
          type: 'datetime'
      },
      yAxis: [{ //temp label
          labels:  {
                   formatter: function() {
                        return this.value +'\u00B0 ' + $.myglobals.tempsign;
                   },
                   style: {
                      color: '#CCCC00'
                   }
          },
          title: {
              text: 'degrees ' + tempstr,
               style: {
                  color: '#CCCC00'
               }
          }
      }, { //humidity label
          labels:  {
                   formatter: function() {
                        return this.value +'%';
                   },
                   style: {
                      color: 'limegreen'
                   }
          },
          title: {
              text: $.t('Humidity') +' %',
               style: {
                  color: '#00CC00'
               }
          },
          opposite: true
      }],
      tooltip: {
		  crosshairs: true,
		  shared: true
      },
      legend: {
          enabled: true
      },
      plotOptions: {
		series: {
			point: {
				events: {
					click: function(event) {
						chartPointClickNew(event,true,ShowTempLog);
					}
				}
			}
		},
	   line: {
			lineWidth: 3,
			states: {
				hover: {
					lineWidth: 3
				}
			},
			marker: {
				enabled: false,
				states: {
					hover: {
						enabled: true,
						symbol: 'circle',
						radius: 5,
						lineWidth: 1
					}
				}
			}
		}
      }
  });

  $.MonthChart = $($.content + ' #monthgraph');
  $.MonthChart.highcharts({
      chart: {
          type: 'spline',
          zoomType: 'x',
          alignTicks: false,
          events: {
              load: function() {
                this.showLoading();
                $.getJSON("json.htm?type=graph&sensor=temp&idx="+id+"&range=month",
                function(data) {
					if (typeof data.result != 'undefined') {
						AddDataToTempChart(data,$.MonthChart.highcharts(),0);
					}
                });
                this.hideLoading();
              }
          }
      },
      loading: {
          hideDuration: 1000,
          showDuration: 1000
      },
      credits: {
        enabled: true,
        href: "http://www.domoticz.com",
        text: "Domoticz.com"
      },
      title: {
          text: $.t('Temperature') + ' ' + $.t('Last Month')
      },
      xAxis: {
          type: 'datetime'
      },
      yAxis: [{ //temp label
          labels:  {
				format: '{value}\u00B0 ' + $.myglobals.tempsign,
				style: {
				  color: '#CCCC00'
				}
          },
          title: {
              text: 'degrees ' + tempstr,
               style: {
                  color: '#CCCC00'
               }
          }
      }, { //humidity label
          labels:  {
				   format: '{value}%',
                   style: {
                      color: 'limegreen'
                   }
          },
          title: {
              text: $.t('Humidity')+' %',
               style: {
                  color: '#00CC00'
               }
          },
          opposite: true
      }],
      tooltip: {
		  crosshairs: true,
		  shared: true
      },
      legend: {
          enabled: true
      },
      plotOptions: {
				series: {
					point: {
						events: {
							click: function(event) {
								chartPointClickNew(event,false,ShowTempLog);
							}
						}
					}
				},
				spline: {
                    lineWidth: 3,
                    states: {
                        hover: {
                            lineWidth: 3
                        }
                    },
                    marker: {
                        enabled: false,
                        states: {
                            hover: {
                                enabled: true,
                                symbol: 'circle',
                                radius: 5,
                                lineWidth: 1
                            }
                        }
                    }
                }
      }
  });

  $.YearChart = $($.content + ' #yeargraph');
  $.YearChart.highcharts({
      chart: {
          type: 'spline',
          zoomType: 'x',
          alignTicks: false,
          events: {
              load: function() {
                this.showLoading();
                $.getJSON("json.htm?type=graph&sensor=temp&idx="+id+"&range=year",
                function(data) {
					if (typeof data.result != 'undefined') {
						AddDataToTempChart(data,$.YearChart.highcharts(),0);
					}
                });
                this.hideLoading();
              }
          }
      },
      loading: {
          hideDuration: 1000,
          showDuration: 1000
      },
      credits: {
        enabled: true,
        href: "http://www.domoticz.com",
        text: "Domoticz.com"
      },
      title: {
          text: $.t('Temperature') + ' ' + $.t('Last Year')
      },
      xAxis: {
          type: 'datetime'
      },
      yAxis: [{ //temp label
          labels:  {
				format: '{value}\u00B0 ' + $.myglobals.tempsign,
				style: {
				  color: '#CCCC00'
				}
          },
          title: {
              text: 'degrees ' + tempstr,
               style: {
                  color: '#CCCC00'
               }
          }
      }, { //humidity label
          labels:  {
				   format: '{value}%',
                   style: {
                      color: 'limegreen'
                   }
          },
          title: {
              text: $.t('Humidity')+' %',
               style: {
                  color: '#00CC00'
               }
          },
          opposite: true
      }],
      tooltip: {
		  crosshairs: true,
		  shared: true
      },
      legend: {
          enabled: true
      },
      plotOptions: {
				series: {
					point: {
						events: {
							click: function(event) {
								chartPointClickNew(event,false,ShowTempLog);
							}
						}
					}
				},
				spline: {
                    lineWidth: 3,
                    states: {
                        hover: {
                            lineWidth: 3
                        }
                    },
                    marker: {
                        enabled: false,
                        states: {
                            hover: {
                                enabled: true,
                                symbol: 'circle',
                                radius: 5,
                                lineWidth: 1
                            }
                        }
                    }
                }
      }
  });

  $('#modal').hide();
  cursordefault();
  return true;
}

[Merangle]

Bonsoir

Je crois l'avoir lu quelque part, mais impossible de retrouver où .....

J'affiche l'heure de lever et de coucher du soleil via SunRise et SunSet.
Peut-on les afficher uniquement en format HH:MM, les secondes n'apportant rien ?
Merci

[vil1driver]

ça c'est plus simple déjà bonne idée, ce sera intégré à la prochaine maj car c'est vrai que les secondes on s'en moque

repères ce code dans le début du fichier frontpage.js

Code : Tout sélectionner

if ( i == 'Sunrise' ) {
					//console.log("Opgang: ", item);
					var_sunrise = item;
				}
				else if ( i == 'Sunset' ) {
					//console.log("Ondergang: ", item);
					var_sunset = item;
					

et remplaces

Code : Tout sélectionner

var_sunrise = item;

par

Code : Tout sélectionner

var_sunrise = item.substring(0, 5);

et

Code : Tout sélectionner

var_sunset = item;

par

Code : Tout sélectionner

var_sunset = item.substring(0, 5);