[Tuto] Utiliser Monitor

Forum dédié aux interfaces personnalisables : Custom Pages, Reacticz, Domoboard...
Verrouillé
LSBdu68
Messages : 165
Inscription : 17 janv. 2015, 23:45
Localisation : Alsace

Re: custom page

Message par LSBdu68 »

Code : Tout sélectionner


<!-- Change the text for on/off switches -->
var txt_on = 'On';
var txt_off = 'Off';
var txt_closed = 'Fermée';
var txt_open = 'Ouverte';
var txt_sunboth='Soleil';
var txt_sunset='Coucher soleil';
var txt_sunrise='Lever soleil';

<!-- Change the text displayed in PopUps -->
var txt_switch_protected = '\'Interdit\'';
var txt_switch_on = '\'Marche\'';
var txt_switch_off = '\'Arret\'';
var txt_blind_up = '\'Ouverture\'';
var txt_blind_down = '\'Fermeture\'';
var txt_blind_stop = '\'Arrêt\'';

<!-- Change backgrounds images -->
var bg_day = 'pissanli.jpg';			// image de fond le jour, laisser vide pour fond noir
var bg_night = 'romantic.jpg';			// image de fond la nuit, laisser vide pour fond noir
var bg_size = 'cover'					// taille de l'image de fond (ex: '1024px 768px') 'cover' : "couvre" au mieux tout le fond.

<!-- Change the timeout of the PopUp -->
var switch_protected_timeout = '1000';
var switch_on_timeout = '1000';
var switch_off_timeout = '1000';

<!-- Special items -->
var city = 'Illzach'	// localité pour la popup météo (lors du clic sur l'icon météo)
var blink = true	// faire clignoter les valeurs en alarme (true/false)

// ############################################################################################################
// #### vvvvv   USER VALUES below vvvvv   #######
// ############################################################################################################

$(document).ready(function() {
        $.roomplan = 0;           // define roomplan in Domoticz and create items below. (0 = all devices, not limited to a roomplan)
		$.domoticzurl = "http://192.168.0.24:8080";
	//format: idx, value, label, description, 1=lastseen 2=icon 3=both, pas de thermostat, [override css], [alarm value] ou valeur max de thermostat
	// pour trouver les 'value' disponnible pour un dispositif : /json.htm?type=devices&rid=IDX
        $.PageArray = [
		
            //page 1
				
['40','Temp',         		'cell2',                        	'Raspberry','','','font-size:110%;color:#02E07A','45'],	// températue Raspberry
['12','Humidity',         	'cell7',                       		'Humidite','','','','font-size:110%;color:#1CD5FD'],      // humidité
['41','Data',                   'cell6',                               	'Processeur','','','color:#02E07A','10'],       // charge processeur
['0','Hide',            	'cell9',                         	'','','0.5','font-size:85%;color:#1CD5FD','23'], // thermostat chambre avec un pas de 0.5, valeur max 23°C
['0','Link',                    'cell26',                       	'<a href="http://www.infoclimat.fr/api/VCoCN11xBjdWYV9rV3kJawFpBWNQLgIzVTcAcQYyWm9RLFFnVG9RYgQ6BDFUZFU0Vj9WNABpBjQOaQBtAjE%3D/radar/nord_idf?856b61d5bd2138f6d8d3ca6bc47c7cc4"  target="_blank">Radar</a>'],
['120','data',            	'heat1',                       		'','2','',''],	// visu radiateur salon
['60','Status',            	'heat2',                       		'','2','',''],	// visu radiateur chambre
	
['12','Temp',           	'cell3',                        	'ILLZACH-FRANCE'],	// températures exterieure
//
['38','Data',                   'cell16',                               'HDD/Boot','','','','1000'],				
				
['14','Rain',                   'cell12',   				'Pluie','0','0'],
['35','Status',         	'cell13',                       	'Test','2'],

['14','Status',         	'cell9',                        	'Chambre','2'],
['0','Hide',        		'cell4',                       		'Prise','2'], // interrupteurs classics avec icon
['37','Data',           	'cell21',                     		'Memoire','0','','color:#02E07A','45'],       // charge memoire 
['12','Barometer',   		'cell22',   				'Barometre (Hpa)','0','0'], 

['42','Status',                 'cell24',                               'alarme','2'], // security pannel				
['14','Status',       		'cell16',                      		'Chauffage'],	

['13','Wind',           	'cell17',                     		'Vent','','','','','font-size:110%;color:#1CD5FD'],				

['0','Hide',	         	'cell18',                         	'','','','color:#E51CFD'],	// réveil 
['39','Data',                   'cell11',                               'HDD','','','','1000'],
																				               
         
//
['146','SetPoint',      	'cell',		                       	'Salle de bain (&deg;C)','','1','color:#F2B3B7','25'],                
['59','Status',		        'cell14',			        'cuisine'],
['0','Hide',           		'cell8',                         	'',''],

['0','Link',                    'cell23',                             '<a href="http://www.atmo-npdc.fr" target="_blank">Air</a>'], // simple lien s'ouvrant dans une nouvell$
				               
['30','Status',        		'cell15',                         	'Prise','','','color:#6594FE;font-family:brankovic;font-size:100%'],	// boutons PushOn ou pushOff
['58','Status',            	'cell19',                       	'Volet chambre AV'],
['0','Hide',	        	'cell5',                       		'Spoon','','','color:#6594FE;font-family:brankovic;font-size:100%'],
['0','Link',	  		'cell20',                       	'<a href="http://api.domogeek.fr/vigilance/62/color/json" target="_blank">Vigilance</a>'], //
			  
['12','ForecastStr',    	'cell25',                       	''],	// icon météo (idx du capteur de température extérieur virtuel Weather Underground)
['0','Clock',            	'cell1',                       		'','','','font-family:digital;color:#8BFD1C;font-size:160%'],	// heure et date
				
							
['0','SunBoth',			'desc_cell25',				'','','','color:#F2DDB3;font-size:19px;font-weight:bold;'],	// heures soleil dans la description de la cellule 25
				
          
// page 2	
			
['101','Status',       		'cell2_5',                      	'Porte d\'entrée','2'],	// contact de porte
['400','Data',         		'cell2_4',                      	'Processeur','','','color:#02E07A','10'],	// charge processeur
['112','Usage',         	'cell2_15',                      	'EDF instant','','','color:#88B496;font-size:90%','2000'],	// consommation instantanée (téléinfo)
['112','Counter',      		'cell2_20',                      	'EDF total','','','color:#88B496;font-size:90%'],	// consomation totale (téléinfo)
				
['216','Status',        	'cell2_12',                      	'alarme','1','','color:#FBFE03'],
				
['203','SignalLevel',        	'cell2_7',                      	'signal sonde salon','1','','color:#FBFE03'],	
['214','SignalLevel',        	'cell2_8',                      	'signal sonde chambre','1','','color:#FBFE03'],	
['202','SignalLevel',        	'cell2_9',                      	'signal sonde sdb','1','','color:#FBFE03'],	
				
['110','Data',       		'cell2_11',                      	'Total chauffage','','','','1000'],	
['95','SignalLevel',       	'cell2_17',                      	'la chambre','1','','color:#FBFE03'],	
//['134','Status',       	'cell2_16',                      	'Thermostat','2'],	
['255','Euro',       		'cell2_16',                      	'tarif','','','color:pink',''],		
['195','SignalLevel',       	'cell2_22',                      	'veilleuse mur','1','','color:#FBFE03'],	
['66','SignalLevel',       	'cell2_13',                      	'veilleuse lit','1','','color:#FBFE03'],	
['132','SignalLevel',       	'cell2_26',                      	'mv chambre','1','','color:#FBFE03'],	
['133','SignalLevel',       	'cell2_24',                      	'mv salon','1','','color:#FBFE03'],	
['136','SignalLevel',       	'cell2_18',                      	'Lumino salon','1','','color:#FBFE03'],	
['135','SignalLevel',       	'cell2_19',                      	'Lumino chambre','1','','color:#FBFE03'],	
['101','SignalLevel',       	'cell2_14',                      	'porte','1','','color:#FBFE03'],	
				
['133','Status',       		'cell2_21',                      	'mv salon','2'],	
['132','Status',       		'cell2_23',                      	'mv chambre','2'],	
            
//
['0','Link',       		'cell2_22',                     	'<a href="http://www.atmo-npdc.fr" target="_blank">Air</a>'], // simple lien s'ouvrant dans une nouvelle fenêtre
['0','Clock',           	'cell2_1',                      	'','','','color:#02E07A'],	// heure et date
['112','CounterToday',       	'cell2_10',                     	'EDF today','','','color:#88B496;font-size:90%','15'],	// consommation du jour (téléinfo)
['0','SunRise',         	'cell2_2',                      	'','','','color:#E6A677'],	// heure de lever du soleil
['0','SunSet',         		'cell2_6',                     		'','','','color:#E6A677'],		// heure de coucher du soleil
				
			// page 3	
			
['0','Hide',       		'cell3_5',                      	''],	
['0','Hide',       		'cell3_3',                      	''],	
['0','Hide',       		'cell3_25',                      	''],	
['0','Hide',          		'cell3_4',                      	''],	
['253','Level',          	'cell3_7',                      	'red','2'],	// rgb
['252','Level',          	'cell3_8',                      	'green','2'],	// rgb
['254','Level',          	'cell3_9',                      	'blue','2'],	// rgb
['0','Hide',         		'cell3_15',                      	''],	
['0','Hide',      		'cell3_20',                      	''],	
['195','SignalLevel',       	'cell3_22',                      	'veilleuse mur','1','','color:#FBFE03'],	
['66','SignalLevel',       	'cell3_13',                      	'veilleuse lit','1','','color:#FBFE03'],	
['132','SignalLevel',       	'cell3_26',                      	'mv chambre','1','','color:#FBFE03'],	
['133','SignalLevel',       	'cell3_24',                      	'mv salon','1','','color:#FBFE03'],	
['136','SignalLevel',       	'cell3_18',                      	'Lumino salon','1','','color:#FBFE03'],	
['135','SignalLevel',       	'cell3_19',                      	'Lumino chambre','1','','color:#FBFE03'],	
['101','SignalLevel',       	'cell3_14',                      	'porte','1','','color:#FBFE03'],	
				
				
        ];
        $.PageArray_Scenes = [
            //format: idx, value, label, description, icon name (ex: Light, Blinds, WallSocket, Generic,..), [override css]
           
['0','Status',  		'cell0',                    		'Ciné','','color:#E4D422;font-size:90%'],	// scène 
['0','Status',         		'cell0',	                       	'Apéro','','color:#E4D422;font-size:90%'],	// scène 
['0','Status',         		'cell0',                     		'Toute la maison','Light'],	// groupe avec icon Light
//
['','Status',         		'cell0',                     		'Toute la maison'],	// groupe 
        ];

// ############################################################################################################
// #### ^^^^^   USER VALUES above ^^^^^   #######
// ############################################################################################################


RefreshData();
LoadMeteoWidget();
});
Haut
LSBdu68
Messages : 165
Inscription : 17 janv. 2015, 23:45
Localisation : Alsace

Re: custom page

Message par LSBdu68 »

Excuse moi mauvaise manip de ma part ............
Haut
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: custom page

Message par vil1driver »

Bon première réponse rapide, je n'ai pas tout épluché..
Tu devrais nettoyer tout ce qui ne t'est pas utile.
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
Haut
LSBdu68
Messages : 165
Inscription : 17 janv. 2015, 23:45
Localisation : Alsace

Re: custom page

Message par LSBdu68 »

Oui je sais mais comme je fais mes petits tests, je ne l'ai pas encore fait.
Haut
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: custom page

Message par vil1driver »

Ok mais tes pb viennent de là...
Soit carré avant de crier au loups stp ;)
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
Haut
LSBdu68
Messages : 165
Inscription : 17 janv. 2015, 23:45
Localisation : Alsace

Re: custom page

Message par LSBdu68 »

Ok je vais faire ce que tu dis. Je garde que ce que j'utilise réellement. Merci à toi Vil1
Haut
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: custom page

Message par vil1driver »

Au moins grace à toi, la prochaine maj comportera un fichier setting épuré et celui que j'utilise en exemple seulement ;)
Ça évitera surement aux autres de se retrouver dans ton cas, avec des dysfonctionnements liés à des lignes sans réelles correspondances...
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
Haut
MAidEN91
Messages : 132
Inscription : 01 sept. 2015, 20:50

Re: custom page

Message par MAidEN91 »

vil1driver a écrit :Salut,

Comment ça tu n'utilises pas ma version :D

Pour ta cam, l'url ne doit pas être bonne..

Pour la téléinfo, regarde la commande que je viens de faire exécuter à LSBdu68, elle te listera les values utilisables, à toi d'utiliser celle qui est en face la valeur qui t'intéresse.
Merci pour ton retour, alors pour la téléinfo c'est réglé, j'utilise la valeur "Usage" qui remonte la conso temps réel. Je vais aussi ajouté une valeur avec la conso totale sur la journée.

Pour la caméra peux me donner un exemple d'url que tu utilises que je puisse comparer avec ce que j'ai mis?

Pour le dashboard faudrait que je teste le tiens car je trouve que celui de domoticz.com est un peu trop lourd (trop de cases), l'idée est de faire une vue assez synthétique, avec quelques températures, quelques boutons ON/OFF et au milieu une vue sur 2/3 caméras en streaming. Ta base sera peut etre plus adaptée, j'aimerais idéalement ne pas a trop mettre les mains dans les div! :lol:
Haut
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: custom page

Message par vil1driver »

Je me suis mal exprimé, le pb n'est pas l'url mais la façon dont ta cam stream la vidéo..

si tu veux l'afficher dans une balise image il faut un stream en mjpeg.

Voir quelques messages plus haut pour une caméra foscam..
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
Haut
LSBdu68
Messages : 165
Inscription : 17 janv. 2015, 23:45
Localisation : Alsace

Re: custom page

Message par LSBdu68 »

Vil1driver, ca fonctionne impec. Merci à toi.
Haut
Verrouillé

Revenir à « Custom Pages »