NEW frontpage.html - request comments

[markk]

It depend.

For my work, it's useless

Just edit frontpage.js

Acces http://ip:port/monitor/index.html
Follow readme link on github, french but you will find install command.. And settings exemples..
Use google translate if needed.

Thanks for trying to help me but these installation instructions are for Linux/Pi

[harmlamers]

Hello,
I want to set-up a push-button to switch on or off my light.
When I click on the button (set as "buttons" in js/frontpage_settings.js) nothing happens.
When set as protected button I get the pop-up that button is protected.

All the changes I made are in frontpage_settings.

[miljume]

Sorry, but I dont know what you mean?

Did a search of the forum without finding the info but perhaps I didnt search thorough enough

Regards,
Mikael

2 messages above
http://www.domoticz.com/forum/viewtopic ... 868#p63868

Or wiki CustomStatusPage for my work
http://domoticz.com/wiki/CustomStatusPage

direct link here
https://github.com/vil1driver/monitor

Thanks a lot, but I have implemented Gerard33's solution because that layout fits my tablet in a better way.

[deennoo]

With vil1driver one's now you got a zoom option.

Set it to -62 and you'll got a perfect screen on 1024*768 screen

And place to add a supp line

[miljume]

With vil1driver one's now you got a zoom option.

Set it to -62 and you'll got a perfect screen on 1024*768 screen

And place to add a supp line

I might give it a try but it's very hard as the only documentation i found is in french

[deennoo]

This is simple french use Google translation

[raymond]

I used to be able to change the days and months values to my own language in frontpage.js
These values are still in there, but the fronpage still keeps the french days and months in there.
Did something change in where to translate those things?

Cheers,

Ray

[patricknooijen]

i got this working, but can't get it to switch my virtual switches, is this normal behaviour?

[raymond]

hi,

edit index.html and use your modified frontpage.js instead of frontpage.min.js

I may put this in settings in next update

but I m busy with fix of garbage collector

Yes, that's the one thing I missed. Thanks!
Great work, no worries rushing into things like this. Localization should be possible, but I'm not a programmer as such.
It's only a few lines of translating every now and then.

Cheers,

Ray

[raymond]

I'm not a programmer just a google user

For a google user, you have managed to deliver something that I guess besides me, a lot of folks enjoy every day.
Great work !

Ray

[doxikus]

HI, I try to create custom page for may room thermostat, here are final results: https://goo.gl/photos/KU1AtDwnMmF1Mxsx8 , it is espeasy node with dht2 temp sensor. Page is very simple, it have clock, calendar and background image is changed during day and night, day, sunset, night. This is very simple implementation, it can be expanded or changed to fit any custom need, if someone like this I can share it with source code.

[doxikus]

Hi,

nice, but custom pages already do this and more more more...

Yes I know, but I wanna to keep things simple, show only what is my current point of interest, all other sensor are stil visible under domoticz dashboard, this one will be used for in wall tablet/phone as thermostat.

Also I'm working on custom dashboard for all devices where I can have all under "one roof".

[aiolos]

I am refactoring the gerard33 frontpage stuff from github a bit. The whole javascript is great work, but I want to make it less specific for every idx and more based on the type of switch or sensor that is given. The result till now can be found here: https://github.com/aiolos/frontpage

[peerkersezuuker]

hi,
I am playing with this frontpage for a while now.
I customized it to all my needs, and it's fun, now i am learnig a little javascripting
The camera in the middle of the page is very nice, but i have two, and i didn't want to sacrifice the "buienradar" and it would be nice to rotate the camera's in the same window.
After a lot of searching i found his little gem : http://trendmedia.com/news/infinite-rot ... avascript/.
I implemented it in my frontpage, and it is working, not as satisfying as i want, but maybe with the help from fellow (experienced) javascripters it would be more stable.

The code i used in the html head:

Code: Select all

<script type="text/javascript" src="js/infinite-rotator.js"></script>

The code i used in the html div to show the camera's:

Code: Select all

<div id="frame">
	<div id="cell8">
		<img src="http://username:[email protected]:8080/axis-cgi/mjpg/video.cgi?streamprofile=Mobile&idx=1&t=" alt="camera01" height="216px" width="292px" onload='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 100)' onerror='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 5000)' class="rotating-item" />		
		<img src="http://xyx.xxx.xxx.yyy:8080/CGIProxy.fcgi?cmd=snapPicture2&usr=username&pwd=password&t=" alt="camera02" height="216px" width="292px" onload='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 1000)' onerror='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 8000)' class="rotating-item"/>
		<img src="http://api.buienradar.nl/image/1.0/RadarMapNL?sb&t=" alt="buienrader" height="216px" width="292px" onload='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 15000)' onerror='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 1000)' class='camera' />
	</div>
</div>

As you can see the camera's are using the class="rotatingitem" as defined in the css, and the "buienradar" is using class="camera" for the static image.

At start of the page it takes a little while to load the video stream (especially for the axis camera).
But when it is loaded, the left winddow is showing the camera's one by one (time of rotating is adjustable in the infinite-rotator.js, just play around with the itemInterval and initialFadeIn).




It's working on my windows10 laptop, on Ios and android i can't get the second camera working (it connect's but it stay's black), so maybe someone has a tip to overcome this problem.

Have fun with it.

Peer

[SwordFish]

Question,
Does anyone has Hue on the frontpage to select a color not just dimming?

[BertB]

@ vil1driver
I really like your monitor, but I do not understand how I can add buienradar (http://api.buienradar.nl/image/1.0/Rada ... =160&h=120) to a cell.
I also do not understand how the forecast mechanism works.
I did visit your site and translated the page, but I am still clueless.
Can you please help?

Thanks

[BertB]

I filled in the IDX of the wunderground THB (temp, humidity, baro) en now I see a cloud.

[Minglarn]

Hello!

I'm trying to use a dimmer switch. But can't make it work.
All I get is "OPEN".

Skärmklipp.PNG (24.41 KiB) Viewed 4752 times

Isn't dimmers supported? The dimmer is a Nexa (the same as Kakku I think) and works well in Domoticz...

Using this:

Code: Select all

		['27','Level',				'cell2_7',	'Dewins Rum','1',0'],

EDIT: Solved!

[FutureCow]

I'm trying to move the FrontPage to my own webserver (on the same server as Domoticz)
I have copied al the folders from domoticz/www/ to /var/www/

When i'm opening the FrontPage, everything look gooed, but the switches aren't working! When i'm pusing a switch, i hear the sounds and also see the "inschakelen" on the webpage. But the switch stays "UIT".

Is this a problem with owner/chmod?
I already tried a couple of things, but nothing is working.

[aiolos]

I'm trying to move the FrontPage to my own webserver (on the same server as Domoticz)
I have copied al the folders from domoticz/www/ to /var/www/

When i'm opening the FrontPage, everything look gooed, but the switches aren't working! When i'm pusing a switch, i hear the sounds and also see the "inschakelen" on the webpage. But the switch stays "UIT".

Is this a problem with owner/chmod?
I already tried a couple of things, but nothing is working.

Did you set the right value for $.domoticzurl? When it's the same device, http://127.0.0.1:8080 should work. Otherwise, find out what the ip of domoticz is, and use that.