NEW frontpage.html - request comments

dieseljohn · Post by **dieseljohn** » Friday 17 July 2015 8:18

Taking screenshot and send it is the best way to show how your web page actually looks like.

King1987 · Post by **King1987** » Tuesday 28 July 2015 22:08

hi everybody,

Ive installed today the frontpage, and it is working. However, on my iPad in Safari the switch is not working.
Does anybody know why is that?

Also it would be nice if ther is a solution to not show the status bas of safari, so the webpage is fullscreen.

Thanks for the help!

Gr Eelco

G3rard · Post by **G3rard** » Thursday 30 July 2015 21:35

King1987 wrote:hi everybody,

Ive installed today the frontpage, and it is working. However, on my iPad in Safari the switch is not working.
Does anybody know why is that?

Also it would be nice if ther is a solution to not show the status bas of safari, so the webpage is fullscreen.

Thanks for the help!

Gr Eelco

Gives us some more information on your install and what is not working, otherwise we can't help you.

You can add the frontpage to the home screen of the iPad, then it opens withour status bar, see http://www.quepublishing.com/articles/a ... 5&seqNum=5 for more information.

King1987 · Post by **King1987** » Friday 31 July 2015 18:38

G3rard wrote:Gives us some more information on your install and what is not working, otherwise we can't help you.

You can add the frontpage to the home screen of the iPad, then it opens withour status bar, see http://www.quepublishing.com/articles/a ... 5&seqNum=5 for more information.

Sorry, you are totally right.

- Domoticz runs on a Synology DS211 with DSM 5.2
- I'm running Domoticz: V2.2619
- I've put the frontpage.html page in the right folder in my Nas
- I have put some devices in a room, so I can make in the frontpage some switches.
- The switches are working on my Macbook under Safari and under Chrome
- The switches are not working on a mobile device. (Tested on a iPad mini, iPhone 6 and HTC One.)
- I've used the file from the first post of this topic, and made the adjustments like descriped, so to make the connection to my domotics with switches.

I hope that anyone can help me with that.

Thanks.

Greetings

Eelco

G3rard · Post by **G3rard** » Friday 31 July 2015 20:07

Can you try to install my frontpage version? It's on https://github.com/gerard33/frontpage. You can install it in in the web folder of your Synology (if Web Station is enabled). That won't interfere with your current frontpage and then you can see if that is working.

RichardBokker · Post by **RichardBokker** » Friday 31 July 2015 21:09

G3rard,

i downloaded your nice frontpage, and i tried it on my PI.

But really none of the fields are working? Only the weather lol..

i have changed some id's and names to meet my requirements. Yes, all devices are in roomplan number 7

Code: Select all

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

$(document).ready(function() {
        $.roomplan=7;	// define roomplan in Domoticz and create items below.
        $.domoticzurl="http://192.168.1.15:8080/";
		//format: idx, value, label, description,lastseen(1 when lastseen is wanted, 2 is only time) ,plusmin button or protected (1 for buttons, 2 for volume of Sonos, 4 for protected), [override css], [alarm value]
        $.PageArray = [

	['0','Desc',		'cell1',	'Buiten','0','0'], //Desc means show the sub cells
	['8','Temp',		'cell1a',	'Buiten','0','0'], //Lastseen only from cell_a possible
	['8','Humidity',	'cell1b',	'Buiten','0','0'],				// edited
	['0','Desc',		'cell2',	'Buiten','0','0'],				// edited
	['9','Temp',		'cell2a',	'Buiten','0','0'],				// edited
	['9','Humidity',	'cell2b',	'Buiten','0','0'],				// edited
	['0','Data',		'cell3',	'Camera garage','0','0'],
	['0','Desc',		'cell4',	'Buitentemp + vocht','0','0'],
	['176','Data',		'cell4a',	'Buitentemp','0','0'],
	['98','Humidity',	'cell4b',	'Buitenvocht','0','0'],
	
	['0','Desc',		'cell5',	'Electra','0','0'], 			// edited
	['6','Data',		'cell5a',	'Vermogen','0','0'], 			// edited 
	['6','Data',		'cell5b',	'Verbruik','0','0'], 			// edited

	['48','Status',		'cell6',	'BeNext 1: Quooker','1','1'], 	// edited
	['52','Data',		'cell7',	'Benext 1: Verbruik','1','1'], 	// edited
	['49','Status',		'cell8',	'BeNext 2:','1','1'], 			// edited
	['53','Data',		'cell9',	'Benext 2: Verbruik','1','1'], 	// edited
	
	['115','Status',	'cell10',	'Sonos Kantoor','1','2'],
	
	['50','Status',		'cell11',	'BeNext 3: TV','1','1'],		// edited
	['56','Data',		'cell12',	'BeNext 3: Verbruik','1','1'],	// edited
	['51','Status',		'cell13',	'BeNext 4:','1','1'],			// edited
	['58','Data',		'cell14',	'BeNext 3: TV','1','1'],		// edited
	
	['177','Status',	'cell15',	'Tuin','1','0'],

	['60','Status',		'cell16',	'Voordeurlamp','1','0'],		// edited
	['62','Status',		'cell17',	'Achtertuinlamp','1','0'],		// edited
	['64','Status',		'cell18',	'Thuis','1','0'],				// edited
	['59','Status',		'cell19',	'Hue','1','0'],					// edited
	['79','Data',		'cell20',	'Scherm (A)','1','0'],

	['66','Status',		'cell21',	'Zon','2','0'],					// edited
	['0','Tijd',		'cell22',	'Tijd','0','0'],				// edited
	['67','status',		'cell23',	'Manual TV','0','0'],			// edited

G3rard · Post by **G3rard** » Friday 31 July 2015 22:53

@Richard, can you share a printscreen of the frontpage?
What does the console in Chrome show (use F12 to open it)?

And what happens if you change the roomplan to 0?

RichardBokker · Post by **RichardBokker** » Saturday 01 August 2015 18:48

Hi!

Roomplan change to 0 doesn't matter, it stays te same.

i also tried the default, easy frontpage.htlm. That one is working pretty well

: Frontpage; frontpage.jpg (358.84 KiB) Viewed 3639 times

: COnsole; console.png (228.13 KiB) Viewed 3639 times

bizziebis · Post by **bizziebis** » Saturday 01 August 2015 19:01

Looks like you have one slash too much in 192.168.1.15:8080//

G3rard · Post by **G3rard** » Saturday 01 August 2015 19:45

Yes indeed, remove the last slash from domoticzurl in frontpage_settings.js.

RichardBokker · Post by **RichardBokker** » Saturday 01 August 2015 20:29

lol, that is seriosly lame from me haha..

i put the adress in the settings.js indeed with a "/" at the end, that was not needed obviously.

Its working now, thanks! now time to change and adjust

@Gerard, another question.

The results of the P1 meter is containing and array like "1390295;1291382;3434;6;360;0".
The frontpage is showing that data now, how can i show only the "360" ?-< That is still "Usage"
And how can i show only the number of used kWh of today? -> That is still CounterToday

jannl · Post by **jannl** » Sunday 02 August 2015 11:58

If you look in the json if the room you should be able to see the name of the element containing the 360. This is the name you should enter ib de frontpage settings.

Derik · Post by **Derik** » Monday 03 August 2015 23:04

Dear everyone.

I see so many beautiful things, but I see the trees for the forest no more ....
Too bad, because there are special creations for all.
And something for everyone.

I would like just like Domoticzicons:
https://drive.google.com/folderview?id= ... sp=sharing

I create a Google Drive to organize all the beauty.
https://drive.google.com/drive/folders/ ... 2YtYTFaTkk
If you give me input, I want to put it online.

Maybe useful to indicate there for a 7 inch or 10 inch table, Horizontally or vertically, or certain screen resolution
Or a mobile phone. etc ect.

Please submit in a format ::
xxx.jpg [what name you want]
xxx.zip [same name as jpg]
To: [email protected]

I made with malicious intent, I see what comes in and I'm going to see what I can make of it.

Everything is welcome html code, css, internet links, webcams, etc.

I hope you do have current, working versions.

Because I can not test it all ...
Is there really no interest .....
Too bad ..

ragsharky · Post by **ragsharky** » Tuesday 04 August 2015 10:45

Hello everyone,

I trying to get the frontpage to work. the temp sensors are working, except for the buttons. The buttons are not clickable.
and the light does not react in domoticz. Switch status shows also "NAN'' color does not change either. If i click in normal dashboard the color changes in frontpage.

Source is Github gerard33/frontpage recent release.
['11','Level', 'cell6', 'Hue kamer bank','1','1'],

Any idea's ?
Thanks in advanced

: Screen nan; domoscreenNAN.jpg (101.7 KiB) Viewed 3538 times

G3rard · Post by **G3rard** » Tuesday 04 August 2015 11:43

What does the console in Chrome (F12) show when you have opened the frontpage?

ragsharky · Post by **ragsharky** » Tuesday 04 August 2015 12:07

Gerard, Thanks for response.

Chrome element inspector shows no extra click feature on the NAN button. Firefox and IE does also not work. I also looked at the code nothing seems strange.

Where does the "nan" come from? i expect Aan or Uit or On Of

: f12 element; f12element.jpg (53.19 KiB) Viewed 3518 times

Thanks.

ThinkPad · Post by **ThinkPad** » Tuesday 04 August 2015 12:40

FYI:
NaN stands for "Not a number". So it is expecting a number (percentage/temperature/humidity, whatever) but is not receiving that.

ragsharky · Post by **ragsharky** » Tuesday 04 August 2015 13:12

Thinkpad thanks!

makes sens now.

I manage to get something to work with impuls sockets from action store.
['9','Status', 'cell7', 'Impuls Socket','1','0'],

If i set the last 0 to 1, it start to fail and nothing responses.

My limitless led shows still NAN and is not clickable , My Impuls socket works now!

G3rard · Post by **G3rard** » Tuesday 04 August 2015 14:42

@Ragsharky, can you share a screenshot of the Console part? That is the button at the most right, the screenshot above shows Elements.

For a Hue light it should indeed show a number when on (for the dim level).

For a normal on/off light you have to use Status instead of Level. And use a 0 as the last parameter (1 is for dimmer options).

See the examples in my frontpage_settings.js file.

ragsharky · Post by **ragsharky** » Tuesday 04 August 2015 16:12

Gerard Thanks, Now i understand Why,

the 0 function is not present in the example text.

format: idx, value, label, description,lastseen(1 when lastseen is wanted, 2 is only time) ,plusmin button or protected (1 for buttons, 2 for volume of Sonos, 4 for protected), [override css], [alarm value]

In the console is nothing to see. only a 404 not found @video stream. even when i click on the NAN nothing happens.

['13','Status', 'cell6', 'Limitlessled','1','0'], Shows still NAN nothing happens on click

['36','Status', 'cell8', 'Rolluiken','1','0'], Shows OPEN when click nothing happens.

This is no problem i can control all other devices now.
I would be nice to have all working. My programming skills are very bad. i will learn eventually

Nice work! and Thanks for the help already.