[Tuto] Utiliser Monitor

Forum dédié aux interfaces personnalisables : Custom Pages, Reacticz, Domoboard...
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: custom page

Message par vil1driver »

il n'est pas utile de citer systématiquement le message auquel tu réponds.. ;)
MAJ = VIDER LE CACHE(<-Clicable)
/!\Les mises à jour de Domoticz sont souvent sources de difficultés, ne sautez pas dessus
modules.lua

Un ex domoticzien
papoo
Messages : 2029
Inscription : 10 janv. 2016, 11:29
Localisation : Limoges (87)
Contact :

Re: custom page

Message par papoo »

c'est pas faux :mrgreen:
domoticz beta/RaspBerry PI3 stretch
https://pon.fr github
denisb88
Messages : 82
Inscription : 28 janv. 2016, 22:20

Re: custom page

Message par denisb88 »

vil1driver a écrit :avec les coordonnées en variables ou en capteur texte stockées sous cette forme "48.0761279,-1.7084094" ça donne ça

Code : Tout sélectionner

function initMap() {

// define map area

  var map = new google.maps.Map(document.getElementById('map'), {
	disableDefaultUI: true,
    zoom: 14,
    center: {lat: 48.0761279, lng: -1.7084094}
  });

// define traffic layer
  var trafficLayer = new google.maps.TrafficLayer();
  trafficLayer.setMap(map);
  

  
  	// get olivier gps from variable
	$.ajax({
            url: [$.domoticzurl,'/json.htm?type=command&param=getuservariable&idx=38'].join('')
        }).done(function(data) {
		
			if (typeof data.result !== 'undefined') {
		 
				var olivier = new google.maps.LatLng(parseFloat(data.result[0].Value.split(',')[0]),parseFloat(data.result[0].Value.split(',')[1]));
				console.log('olivier: '+olivier);
				
				// define olivier marker  
				var marker_olivier = new google.maps.Marker({
					position: olivier,
					map: map,
					icon: 'http://maps.google.com/mapfiles/ms/micons/green-dot.png',
					title: 'olivier'
				});
				// set marker
				marker_olivier.setMap(map);
			}
		});	
		
	// get delphine gps from text sensor
	$.ajax({
            url: [$.domoticzurl,'/json.htm?type=devices&rid=21'].join('')
        }).done(function(data) {
		
			if (typeof data.result !== 'undefined') {
		 
				var delphine= new google.maps.LatLng(parseFloat(data.result[0].Data.split(',')[0]),parseFloat(data.result[0].Data.split(',')[1]));
				console.log('delphine: '+delphine);
				
				// define delphine marker
				var marker_delphine = new google.maps.Marker({
					position: delphine,
					map: map,
					icon: 'http://maps.google.com/mapfiles/ms/micons/pink-dot.png',
					title: 'delphine'
				});
				// set marker
				marker_delphine.setMap(map);
			}
		});	
		
		
  setInterval(initMap, 600000);
  
}	

sinon tu te sers de quoi pour envoyer ta position à domoticz ?
J'ai réussi aussi à récupérer les positions de mes iPhones dans des capteurs texte mais le code ci-dessus ne m'affiche pas la position.
idx du capteur : 325

Faut-il installer Ajax pour que cela fonctionne ou bien il est installé par défaut ?
Merci
PI 2-Aeon Stick-RFXCom : sondes RFX-10 détec.fumées-2 détec.ouverture-7 caméras-NetAtmo+3 modules+Anémo+Pluvio-2 prises Greenwave-1 prise Wemo-3 détec.inondation-1 Parrot Flower-1 détecteur UV-1 hub Harmony-prises RFX- 4 Squeezebox-XPENology+Plex
denisb88
Messages : 82
Inscription : 28 janv. 2016, 22:20

Re: custom page

Message par denisb88 »

Je me réponds, ça pourra servir aux autres
En fait, j'utilisais la première partie du code dans laquelle il y avait une erreur
En prenant la 2 partie (celle de Delphine), les marqueurs s'affichent
Le bon code est

Code : Tout sélectionner

// get delphine gps from text sensor
   $.ajax({
            url: [$.domoticzurl,'/json.htm?type=devices&rid=21'].join('')
        }).done(function(data) {
      
         if (typeof data.result !== 'undefined') {
       
            var delphine= new google.maps.LatLng(parseFloat(data.result[0].Data.split(',')[0]),parseFloat(data.result[0].Data.split(',')[1]));
            console.log('delphine: '+delphine);
            
            // define delphine marker
            var marker_delphine = new google.maps.Marker({
               position: delphine,
               map: map,
               icon: 'http://maps.google.com/mapfiles/ms/micons/pink-dot.png',
               title: 'delphine'
            });
            // set marker
            marker_delphine.setMap(map);
         }
      });   
PI 2-Aeon Stick-RFXCom : sondes RFX-10 détec.fumées-2 détec.ouverture-7 caméras-NetAtmo+3 modules+Anémo+Pluvio-2 prises Greenwave-1 prise Wemo-3 détec.inondation-1 Parrot Flower-1 détecteur UV-1 hub Harmony-prises RFX- 4 Squeezebox-XPENology+Plex
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: custom page

Message par vil1driver »

il n'y a pas d'erreur dans le code
la première partie concerne une variable utilisateur
avec les coordonnées en variables ou en capteur texte stockées sous cette forme "48.0761279,-1.7084094" ça donne ça

code
//(...)

// get olivier gps from variable
$.ajax({
url: [$.domoticzurl,'/json.htm?type=command&param=getuservariable&idx=38'].join('')
//(...)
});

// get delphine gps from text sensor
$.ajax({
url: [$.domoticzurl,'/json.htm?type=devices&rid=21'].join('')
//(...)
});


//(...)
/code
MAJ = VIDER LE CACHE(<-Clicable)
/!\Les mises à jour de Domoticz sont souvent sources de difficultés, ne sautez pas dessus
modules.lua

Un ex domoticzien
denisb88
Messages : 82
Inscription : 28 janv. 2016, 22:20

Re: custom page

Message par denisb88 »

D'accord, je ne maîtrise pas du tout, j'ai juste cherché ce qui fonctionnait
PI 2-Aeon Stick-RFXCom : sondes RFX-10 détec.fumées-2 détec.ouverture-7 caméras-NetAtmo+3 modules+Anémo+Pluvio-2 prises Greenwave-1 prise Wemo-3 détec.inondation-1 Parrot Flower-1 détecteur UV-1 hub Harmony-prises RFX- 4 Squeezebox-XPENology+Plex
papoo
Messages : 2029
Inscription : 10 janv. 2016, 11:29
Localisation : Limoges (87)
Contact :

Re: custom page

Message par papoo »

bonsoir,
comment afficher le contenue d'une variable utilisateur? je souhaiterais remplacer deux widgets text par deux variables, leurs infos ne concernant que la custom page
domoticz beta/RaspBerry PI3 stretch
https://pon.fr github
Smat
Messages : 40
Inscription : 29 janv. 2015, 14:53

Re: custom page

Message par Smat »

Salut Vil1driver,

Petite question j'ai modifié un bout du code, pour ne pas voir les icones du volet mais plutot l'état :

Code : Tout sélectionner

// blinds
											
if (item.SwitchType === 'Blinds') {
if(vdata === 'Closed') {var down = ['<img src=',$.domoticzurl,'/images/down.png  hspace=1 width=20 onclick="SwitchToggle(',item.idx,', \'On\');lightbox_open(\'switch\', ',switch_timeout,', ',txt_blind_down,')">&nbsp;'].join('');

var up = ['&nbsp;<img src=',$.domoticzurl,'/images/up.png  hspace=1 width=20 onclick="SwitchToggle(',item.idx,', \'Off\');lightbox_open(\'switch\', ',switch_timeout,', ',txt_blind_up,')">'].join('');
}
else if (vdata === 'Open' || vdata === 'Stopped') {var down = ['<img src=',$.domoticzurl,'/images/down.png  hspace=1 width=20 onclick="SwitchToggle(',item.idx,', \'On\');lightbox_open(\'switch\', ',switch_timeout,', ',txt_blind_down,')">&nbsp;'].join('');
var up = ['&nbsp;<img src=',$.domoticzurl,'/images/up.png  hspace=1 width=20 onclick="SwitchToggle(',item.idx,', \'Off\');lightbox_open(\'switch\', ',switch_timeout,', ',txt_blind_up,')">'].join('');
}
var stop = ['<img src=',$.domoticzurl,'/images/blindsstop.png  hspace=1 height=40 onclick="SwitchToggle(',item.idx,', \'Stop\');lightbox_open(\'switch\', ',switch_timeout,', ',txt_blind_stop,')">'].join('');
if(item.Type === 'RFY') {
vdata = [down,stop,up].join('');
}
else {
vdata = [down,vdata,up].join('');
}	
J'ai également modifié la partie traduction pour les volets, mais ca ne prends pas en compte ça : vdata = [down,vdata,up].join('');

Je pense comprendre qu'il ne sait pas traduire une image, aurais-tu une solution??

Merci d'avance
Chris54220
Messages : 124
Inscription : 20 mars 2016, 20:54
Localisation : Nancy

Re: custom page

Message par Chris54220 »

Salut Vil1driver

tu as déjà cherchez pour Affichez les Variable sur ta custom ?? :?:
papoo
Messages : 2029
Inscription : 10 janv. 2016, 11:29
Localisation : Limoges (87)
Contact :

Re: custom page

Message par papoo »

Afin d'augmenter mon WAF j'ai bidouillé une page météo pour madame.
prevision-meteo.ch fournissant des ... prévisions à 3 jours, j'ai voulu un affichage de ces 3 jours + celles du jour sur une seule page.
je n'ai rien inventé, j'ai surtout réutilisé ce que j'ai trouvé. n’hésitez pas à critiquer, ça me fera avancer.
si cela intéresse : en fichier attaché, meteo.css à placer dans le répertoire css, un fichier meteo.html à placer dans le répertoire pages.
Il faudra l'éditer pour mettre vos latitude/longitude sinon vous allez avoir les prévisions de chez moi.
Et la modif à insérer dans /js/frontage_settings.js : (jai suivi ce tuto pour la probalité pluie et inséré la remontée des vigilances météo domogeek via la modif de jacob )

Code : Tout sélectionner

				['0','Clock',           'meteo_1',                       		'','','','font-family:digital;color:#8BFD1C;font-size:160%',''],	// heure et date
				['0','Hide',       		'meteo_2',                       		' ','','','',''], // colonne 1
				['0','SunBoth',			'ls_meteo_2',						'','','','color:#F2DDB3;font-size:19px;font-weight:bold'],	// heures soleil dans la description de la cellule 25
				['THB','Temp',     			'meteo_3',                       		'','','','',''], // colonne 2
				['THB','Humidity',     			'desc_meteo_3',                       		'','','','',''], // colonne 2
				['Vigilance Météo','Level',         		'meteo_4',                       	'','','','',''], // colonne 5
				['0','Text',         		'desc_meteo_4',                       	'Vigilance Météo','','','',''], // colonne 5				
				//['0','',      			'meteo_4',                       	'','','','',''],
				['76','ForecastStr',  	'meteo_25',               			'','1','','',''], // colonne 4				
				['0','Text',       		'desc_meteo_25',                       		'Demain','','','color:#F2DDB3;font-size:19px;font-weight:bold',''], // colonne 4				
          		['0','Hide',            	'meteo_5',                       	'','','','',''],	

				['Proba Pluie 1h','Data',         			'meteo_6',                      	'','','','','x > 65'],	// proba pluie dans 1h
				['','Text',     			'desc_meteo_6',                       		'Pluie 1h','','','',''], 
				['Proba Pluie 2h','Data',         			'meteo_7',                      	'Pluie 2h','','','','x > 45'],	// proba pluie dans 2h
				['','Text',     			'desc_meteo_7',                       		'Pluie 2h','','','',''], 
				['Proba Pluie 6h','Data',         			'meteo_8',                      	'','','','','x > 45'],	// proba pluie dans 6h
				['','Text',     			'desc_meteo_8',                       		'Pluie 6h','','','',''], 
				['Proba Pluie 12h','Data',         			'meteo_9',                      	'','','','','x > 45'],	// proba pluie dans 12h
				['','Text',     			'desc_meteo_9',                       		'Pluie 12h','','','',''], 				
				['Proba Pluie 24h','Data',         			'meteo_10',                      	'','','','','x > 45'],	// proba pluie dans 12h	
				['','Text',     			'desc_meteo_10',                       		'Pluie 24h','','','',''], 
Pièces jointes
meteo.html.zip
(1.28 Kio) Téléchargé 255 fois
meteo.css.zip
(865 octets) Téléchargé 257 fois
2016-04-09 08_52_37-Domoticz Monitor.png
2016-04-09 08_52_37-Domoticz Monitor.png (438.24 Kio) Consulté 9257 fois
Dernière modification par papoo le 09 avr. 2016, 16:09, modifié 2 fois.
domoticz beta/RaspBerry PI3 stretch
https://pon.fr github
Verrouillé