Page 6 sur 148

Re: custom page

Publié : 27 mars 2015, 15:07
par 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"

Re: custom page

Publié : 27 mars 2015, 17:04
par 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

Re: custom page

Publié : 28 mars 2015, 10:35
par 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 :D
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 ^^

Re: custom page

Publié : 28 mars 2015, 12:12
par 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 :D

Image

Re: custom page

Publié : 28 mars 2015, 12:38
par vil1driver
plus qu'a trouver un appareil photo de ce siècle :D

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

Re: custom page

Publié : 28 mars 2015, 18:01
par 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

Re: custom page

Publié : 01 avr. 2015, 13:52
par kiki13270
Bonjour à tous et bon poisson :P
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

Re: custom page

Publié : 01 avr. 2015, 18:08
par 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;
}

Re: custom page

Publié : 01 avr. 2015, 18:32
par 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

Re: custom page

Publié : 01 avr. 2015, 18:38
par vil1driver
ça c'est plus simple déjà :D 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);