[Tuto] Utiliser Monitor

Forum dédié aux interfaces personnalisables : Custom Pages, Reacticz, Domoboard...
Doudy
Messages : 457
Inscription : 07 mai 2016, 17:23

Re: Custom page

Message par Doudy »

Voilà
Encore en projet (test)
Pas très propre ... (je parle des pages) :oops:

Pour rappel :
Sur Firefox pas de problème
Uniquement sur Chrome et Chromium "Webcam Offline"

Pour info :
J'ai également ce message :
Image
Alors que le fichier existe bien à cet endroit!!!

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';
var days = ["Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"];
var months = ["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"];

// Change the text displayed in PopUps
var txt_switch_protected = '\'Interdit\'';
var txt_switch_on = '\'Switch On\'';
var txt_switch_off = '\'Switch Off\'';
var txt_blind_up = '\'Ouverture\'';
var txt_blind_down = '\'Fermeture\'';
var txt_blind_stop = '\'Arrêt\'';

// Change backgrounds images,size and brightness
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_day_spring = '';						// image de fond pour la saison printemps
var bg_night_spring = '';
var bg_day_summer = '';						// image de fond pour la saison été
var bg_night_summer = '';
var bg_day_autumn = '';						// image de fond pour la saison automne
var bg_night_autumn = '';
var bg_day_winter = '';						// image de fond pour la saison hiver
var bg_night_winter = '';
var bg_size = 'cover';							// taille de l'image de fond (ex: '1024px 768px') 'cover' : "couvre" au mieux tout le fond.
var bg_dayBright = 0.5;						// luminosité du fond le jour (0=normal 1=noir)
var bg_nightBright = 0.5;						// luminosité du fond la nuit (0=normal 1=noir)

// Change colors of temps
var T35 = '#FF0000';						// couleur de la température à 35°C
var T34 = '#FE1400';
var T33 = '#FD2800';
var T32 = '#FD3C00';
var T31 = '#FC5000';
var T30 = '#FC6500';
var T29 = '#FC6F0A';
var T28 = '#FC7A14';
var T27 = '#FC841E';
var T26 = '#FC8F28';
var T25 = '#FC9A32';
var T24 = '#FCA43C';
var T23 = '#FCAF46';
var T22 = '#FCB950';
var T21 = '#FCC45A';
var T20 = '#FCCF65';						// couleur de la température à 20°C
var T19 = '#FCD270';
var T18 = '#FDD67B';
var T17 = '#FDDA87';
var T16 = '#FEDE92';
var T15 = '#FFE29E';
var T14 = '#F8E5A1';
var T13 = '#F1E9A4';
var T12 = '#EAEDA7';
var T11 = '#E3F1AA';
var T10 = '#DDF5AE';
var T09 = '#D3F5B7';
var T08 = '#CAF5C0';
var T07 = '#C0F5C9';
var T06 = '#B7F5D2';
var T05 = '#AEF5DC';
var T04 = '#AEF1E1';
var T03 = '#AEEDE6';
var T02 = '#AEEAEB';
var T01 = '#AEE6F0';
var T00 = '#AEE3F5';
var T000 = '#EBF4F7';						// couleur de la température sous 0°C

// Change the timeout of the PopUp
var switch_protected_timeout = '1000';		// durée d'affichage (en milisecondes)
var switch_timeout = '1000';
var fad_Duration = 200;						// durée de l'animation (en milisecondes)

// Special items
var city = 'xxxxx';				    	 // localité pour la popup météo option 0,1,2,3 (lors du clic sur l'icon météo) cf http://www.prevision-meteo.ch/
var place = 'xxxxx/xxxxx/xxxxx/';		// localité pour la popup météo option 4 (lors du clic sur l'icon météo) cf http://www.yr.no/
var blink = false;					// faire clignoter les valeurs en alarme (true/false)
var showMonth = true;				// affichage du mois dans la date (true/false)

// Swipe options
var speed = 300;					// durée de l'animation (en milisecondes)
var delai = 0;						// défilement automatique, temps avant changement de page (en milisecondes)
var direction = 'next';					// si delai est différent de 0, choix d'aller à la page suivante ou de revenir à la première page ('next'/'index')

// Display
var refresh = 8000;					// temps entre 2 rafraîchissements (en millisecondes)

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


        $.roomplan = 0;           // define roomplan in Domoticz and create items below. (0 = all devices, not limited to a roomplan)
		
		//$.domoticzurl = "http://192.168.22.100:8080";	// url de connection à domoticz (ex: http://paul:ochon@toto.com:8765)
		$.domoticzurl = "http://192.168.1.79:8080";	// url de connection à domoticz (ex: http://paul:ochon@toto.com:8765)
		//$.domoticzurl = location.protocol + "//" + location.host;		// auto detect (location.protocol + "//paul:ochon@" + location.host)
	
        $.PageArray = [
		
				
			//Page clock	
				['0' ,'Date',         	'clock15',                       	'','','','',''],
            
			
			
			//page 1
				
			//	['idx','value',  	'cellule',    	'description','1=lastseen 2=icon 3=both ou J+x(popup météo)','pas de thermostat','override css','Alarme ou valeur max de thermostat'],
							
			//	['0','Clock',           'cell1',                       		'','','','font-family:digital;color:#8BFD1C;font-size:160%',''],	// heure et date
				['0','Clock',           'clock1',                       		'','','','font-arimo:digital;color:#8BFD1C;font-size:50%',''],	// heure et date
				['0','',         	   'cell2',                       		'','','','',''],	
				['0',     		   'clock5',                       		'','','','',''],	
				['0','',      		   'cell4',                       		'','','','',''],	
          			['0','',            	   'cell5',                       		'','','','',''],	
                		['0','',            	   'cell6',                       		'','','','',''],	
				
				['0','',           		'cell7',                        	'','','','',''],	
				['0','',		          	'clock8',                       	'','','','',''], 
				['65','Data',		'clock9',                     		'','','','font-size:80%;color:#4dd2ff'],	//Saint du jour
				['0','',         		'cell10',                       	'','','','',''],
				['0','',         		'cell11',                        	'','','','',''],
				['0','',        		        'cell12',                       	'','','','',''], 
				
				['0','',         		'cell13',                     		'','','','',''], 
				['0','',         		'cell14',                     		'','','','',''], 
				['','MonthYear',      	'clock5',                     		'','','','',''], 
				['0','',       			'cell16',                      		'','','','',''],	
				['0','',         		'cell17',                     		'','','','',''],
				['0','',         		'cell18',                     		'','','','',''],
				['0','',         		'cell19',                     		'','','','',''],
				['0','',         		'cell20',                     		'','','','',''],
				['0','',         		'cell21',                     		'','','','',''],
				['0','',         		'cell22',                     		'','','','',''],
				['0','',         		'cell23',                     		'','','','',''],
				['0','',         		'cell24',                     		'','','','',''],
				['0','',   			'cell25',                       	'','','','',''],
				['0','SunBoth',		'desc_cell25',						'','','','color:#F2DDB3;font-size:19px;font-weight:bold'],	// heures soleil dans la description de la cellule 25
          

			
			// page 2	
			
				['0', 'Clock',      	'cell2_1',                       	'','','','font-arimo:digital;color:#8BFD1C;font-size:140%',''],	// heure et date

				['0' ,'Hide',         	'cell2_2',                       	'','','','',''],	
				['6' ,'ForecastStr',	'cell2_3',                       	'','','','',''],  // icon météo (idx du capteur de température extérieur virtuel Weather Underground)	
				['0' ,'SunBoth',		'desc_cell2_3',                     '','','','',''],  // heures soleil dans la description de la cellule 2_3	
				['6' ,'Barometer',      'cell2_4',                       	'Pression Barométrique','','','',''],	
          		['10','Radiation',      'cell2_5',                       	'Radiations Solaires','','','',''],	
                ['0' ,'Hide',           'cell2_6',                       	'','','','',''],	




				['0','Hide',           	'cell2_7',                        	'','','','',''],	
				['0','Hide',          	'cell2_8',                       	'','','','',''], 
				['0','Hide',        	'cell2_9',                     		'','','','',''],	
				['0','Hide',         	'cell2_10',                       	'','','','',''],
				['2','Temp',         	'cell2_11',                        	'T° Ext. 1-M','','','',''],
				['0','',        	    'cell2_12',                       	'','','','',''], 
				['4194' ,'Saison',      'cell2_13',                     	'','','','',''], 
				
				['0','',         		'cell2_14',                     	'','','','',''], 
				['1','Temp',         	'cell2_15',                     	'T° Living','','','',''], 
				['3','Temp',        	'cell2_16',                      	'T° Ext. 2-M','','','',''],	
	


				['0','',         		'cell2_18',                     	'','','','',''],
				['0','',         		'cell2_19',                     	'','','','',''],
				['0','',         		'cell2_20',                     	'','','','',''],
				['0' ,'Text',         	'desc_cell2_20',                    'T° Cuisine','','','',''],
				['13','Temp',         	'cell2_21',                     	'T° Pergola','','','',''],
				['0' ,'',         	    'desc_cell2_22',                    '','','','',''],
				['0','',         		'cell2_22',                     	'','','','',''],


				['0','',         	    'cell2_23',                     	'','','','',''],
				['0','Text',         	'desc_cell2_23',                    'T° SdB','','','',''],
				['0','',         		'cell2_24',                     	'','','','',''],
				['6','Temp',       		'cell2_25',                     	'','','','',''],
				['6','HumidityStatus',  'desc_cell2_25',                  	'','','','font-arimo:digital;color:#DE9816;font-size:100%',''],
								

			   
				
			// page 3	
			
				['0','',           		'cell3_1',                       	'','','','',''],	
				['0','',         		'cell3_2',                       	'','','','',''],	
			//	['0','',      			'cell3_3',                       	'','','','',''],	// camera
			//	['0','Camera','cell3_3','http://webcam.st-malo.com/mjpg/video.mjpg','','',''],   // camera 1				
				['0','',      			'cell3_4',                       	'','','','',''],	
          			['0','',            		'cell3_5',                       	'','','','',''],	
               			['0','',            		'cell3_6',                       	'','','','',''],	
				['0','',           		'cell3_7',                        	'','','','',''],	
				['0','',          		'cell3_8',                       	'','','','',''], 
				['0','',        			'cell3_9',                 		'','','','',''],	
				['0','',         		'cell3_10',                       	'','','','',''],
				['0','',         		'cell3_11',                        	'','','','',''],
				['0','',        			'cell3_12',                       	'','','','',''], 
				['0','',         		'cell3_13',                     	'','','','',''], 
				['0','',         		'cell3_14',                     	'','','','',''], 
				['0','',         		'cell3_15',                     	'','','','',''], 
				['0','',       			'cell3_16',                      	'','','','',''],	
				['0','',         		'cell3_17',                     	'','','','',''],
				['0','',         		'cell3_18',                     	'','','','',''],
				['0','',         		'cell3_19',                     	'','','','',''],
				['0','',         		'cell3_20',                     	'','','','',''],
				['0','',         		'cell3_21',                     	'','','','',''],
				['0','',         		'cell3_22',                     	'','','','',''],
				['0','',         		'cell3_23',                     	'','','','',''],
				['0','',         		'cell3_24',                     	'','','','',''],
				['0','Camera','cell3_25','http://mon login:mon MP@192.168.1.220:3838/mjpeg.cgi'],
											
				
			// page Météo
			
		['0' ,'Clock',          	'meteo1',                       	'','','','font-arimo:digital;color:#8BFD1C;font-size:140%',''], // heure et date	
		['0' , 'Hide',      	    	'meteo2',                       	'','','','',''],	
		['6' ,'ForecastStr',    	'meteo3',                       	'','','','',''],  // icon météo 	
		['0' ,'SunBoth',		'desc_meteo3',                  '','','','',''],  // heures levé/couché soleil dans la description de la cellule 2_3	
		['6' ,'Barometer',      	'meteo4',                       	'Pression Barométrique','','','',''],	
          	['10','Radiation',      	'meteo5',                       	'Radiations Solaires','','','',''],	
                ['0' ,'Hide',           	'meteo6',                       	'','','','',''],	
                ['0' ,'Text',          	 'meteo7',                       	'Prévisions - Rebaix à 4 jours','','','font-arimo:digital;color:#fd1c8b;font-size:80%',''],	
		['0' ,'Hide',         	'meteo8',                           '','','','font-arimo:digital;color:#800080;font-size:80%',''],
                ['0' ,'Hide',     	      	'meteo9',                       	'','','','font-arimo:digital;color:#800080;font-size:80%',''],	
                ['0' ,'Hide',        		'meteo10',                       	'','','','font-arimo:digital;color:#800080;font-size:80%',''],	
                ['0' ,'Hide',          	'meteo11',                       	'','','','font-arimo:digital;color:#800080;font-size:80%',''],	
		['6' ,'Temp',       		'meteo25',                	     	'','','','',''],				

        []];
        $.PageArray_Scenes = [		// placez ci dessous vos groupes et scènes
            
			//	['idx','value','cellule','description','icon name (ex: Light, Blinds, WallSocket, Generic,..)','override css'],
           
                ['0','',  				'',                    		'','',''],
                ['0','',  				'',                    		'','',''],
                ['0','',  				'',                    		'','',''],
			
        []];

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




RaspberryPi - RFLink - Zwave - WH2600
Domoticz : 2020.2 | Dashticz : V3.12 Master | dzvents : 3.0.2 | Python : 3.7.3
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: Custom page

Message par vil1driver »

Doudy a écrit : Image
Alors que le fichier existe bien à cet endroit!!!
non,
il ne peux y avoir de sous dossier dans autre chose qu'un autre dossier or index.html est un fichier
le chemin de l'image est en principe (index.html est de trop)

Code : Tout sélectionner

http://192.168.1.79:8080/monitor/icons/offline.jpg
tout ceci est bien étrange

me donnerais tu un accès provisoire à ta custom page ?

n'hésite pas à vider le cache du navigateur.. on ne sait jamais..
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
Doudy
Messages : 457
Inscription : 07 mai 2016, 17:23

Re: Custom page

Message par Doudy »

vil1driver a écrit :
tout ceci est bien étrange

me donnerais tu un accès provisoire à ta custom page ?

n'hésite pas à vider le cache du navigateur.. on ne sait jamais..
Effectivement ceci est bien étrange. Et sur Firefox pas de soucis....
J'ai vidé le cache mais toujours le même soucis.
Pour al'accès pas de soucis. Via Team Viewer ?
RaspberryPi - RFLink - Zwave - WH2600
Domoticz : 2020.2 | Dashticz : V3.12 Master | dzvents : 3.0.2 | Python : 3.7.3
Doudy
Messages : 457
Inscription : 07 mai 2016, 17:23

Re: Custom page

Message par Doudy »

Bonjour,

Ou puis-je trouver la méthode pour afficher ce genre de chose :
Image
qui me plait beaucoup.
;)
RaspberryPi - RFLink - Zwave - WH2600
Domoticz : 2020.2 | Dashticz : V3.12 Master | dzvents : 3.0.2 | Python : 3.7.3
vil1driver
Messages : 5661
Inscription : 30 janv. 2015, 11:07
Localisation : Rennes (35)

Re: Custom page

Message par vil1driver »

à plusieurs endroits :D

dans le wiki de domoticz http://www.domoticz.com/wiki/Custom_ico ... binterface
dans ce tuto viewtopic.php?f=17&t=331
sur ce forum viewforum.php?f=19
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
Doudy
Messages : 457
Inscription : 07 mai 2016, 17:23

Re: Custom page

Message par Doudy »

vil1driver a écrit :à plusieurs endroits :D

dans le wiki de domoticz http://www.domoticz.com/wiki/Custom_ico ... binterface
dans ce tuto viewtopic.php?f=17&t=331
sur ce forum viewforum.php?f=19
Merci à toi
Je regarde ça de ce pas...
;)
RaspberryPi - RFLink - Zwave - WH2600
Domoticz : 2020.2 | Dashticz : V3.12 Master | dzvents : 3.0.2 | Python : 3.7.3
Doudy
Messages : 457
Inscription : 07 mai 2016, 17:23

Re: Custom page

Message par Doudy »

Mais dans

Code : Tout sélectionner

dans ce tuto viewtopic.php?f=17&t=331
je n'ai pas vraiment trouvé les explications pour le petit hibou.

Code : Tout sélectionner

 viewforum.php?f=19
non plus.

Celui-là

Code : Tout sélectionner

http://www.domoticz.com/wiki/Custom_ico ... binterface
je dois encore le lire.
:cry:
RaspberryPi - RFLink - Zwave - WH2600
Domoticz : 2020.2 | Dashticz : V3.12 Master | dzvents : 3.0.2 | Python : 3.7.3
staber
Messages : 79
Inscription : 21 mars 2016, 02:54

Re: Custom page

Message par staber »

Bonjour,

Jusqu'a maintenant ma custom page marchais bien mais ce soir en voulant me reconnecter dessus j'ai droit à un "domoticz offline"

Je ne comprends d'ou cela peux venir...

En tapant l'adresse : http://192.168.1.101:8080/monitor/index.html
offline.png
offline.png (58.45 Kio) Consulté 10281 fois
Pourtant mon interface domoticz traditionnel marche bien et répond bien...

Je ne crois pas avoir rien fait de particulier
Doudy
Messages : 457
Inscription : 07 mai 2016, 17:23

Re: Custom page

Message par Doudy »

Si tu fais :

Code : Tout sélectionner

sudo service domoticz.sh stop
 sudo service domoticz.sh start
ça donne quoi ?
Moi j'attends 10' entre les deux commandes... ;)
RaspberryPi - RFLink - Zwave - WH2600
Domoticz : 2020.2 | Dashticz : V3.12 Master | dzvents : 3.0.2 | Python : 3.7.3
staber
Messages : 79
Inscription : 21 mars 2016, 02:54

Re: Custom page

Message par staber »

quand je fais

Code : Tout sélectionner

sudo service domoticz.sh stop
la connexion SSH avec mon pi se coupe et je ne suis plus capable de me connecter...
J'ai du bébrancher et rebranché.

Après reboot toujours le même problème (pas d'erreur sur ma page domoticz classique mais un offline sur la custom page)

si je fais un status du service :

Code : Tout sélectionner

pi@raspberrypi:~$ sudo service domoticz.sh status
● domoticz.service - LSB: Home Automation System
   Loaded: loaded (/etc/init.d/domoticz.sh)
   Active: active (running) since Sat 2016-06-04 09:17:14 EDT; 3min 12s ago
  Process: 666 ExecStart=/etc/init.d/domoticz.sh start (code=exited, status=0/SUCCESS)
   CGroup: /system.slice/domoticz.service
           └─711 /home/pi/domoticz/domoticz -daemon -www 8080 -sslwww 443

Jun 04 09:17:14 raspberrypi domoticz.sh[666]: 2016-06-04 09:17:14.079  Domot...z
Jun 04 09:17:14 raspberrypi domoticz.sh[666]: 2016-06-04 09:17:14.081  Build...9
Jun 04 09:17:14 raspberrypi domoticz.sh[666]: 2016-06-04 09:17:14.083  Syste...i
Jun 04 09:17:14 raspberrypi domoticz.sh[666]: 2016-06-04 09:17:14.085  Start.../
Jun 04 09:17:14 raspberrypi domoticz[688]: Domoticz is starting up....
Jun 04 09:17:14 raspberrypi domoticz.sh[666]: domoticz: Domoticz is starting....
Jun 04 09:17:14 raspberrypi domoticz[711]: Domoticz running...
Jun 04 09:17:14 raspberrypi systemd[1]: Started LSB: Home Automation System.
Hint: Some lines were ellipsized, use -l to show in full.
Verrouillé