Page 41 of 66

Re: NEW frontpage.html - request comments

Posted: Friday 11 December 2015 14:33
by markk
vil1driver wrote: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 :(

Re: NEW frontpage.html - request comments

Posted: Saturday 12 December 2015 13:14
by 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.

Re: NEW frontpage.html - request comments

Posted: Sunday 13 December 2015 18:38
by miljume
vil1driver wrote:
miljume wrote: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.

Re: NEW frontpage.html - request comments

Posted: Sunday 13 December 2015 19:44
by 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

Re: NEW frontpage.html - request comments

Posted: Monday 14 December 2015 19:32
by miljume
deennoo wrote: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

Re: NEW frontpage.html - request comments

Posted: Monday 14 December 2015 21:25
by deennoo
This is simple french use Google translation

Re: NEW frontpage.html - request comments

Posted: Tuesday 15 December 2015 17:10
by 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

Re: NEW frontpage.html - request comments

Posted: Tuesday 15 December 2015 18:15
by patricknooijen
i got this working, but can't get it to switch my virtual switches, is this normal behaviour?

Re: NEW frontpage.html - request comments

Posted: Wednesday 16 December 2015 10:44
by raymond
vil1driver wrote: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

Re: NEW frontpage.html - request comments

Posted: Thursday 17 December 2015 11:49
by raymond
vil1driver wrote: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

Re: NEW frontpage.html - request comments

Posted: Saturday 19 December 2015 18:32
by 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.

Re: NEW frontpage.html - request comments

Posted: Saturday 19 December 2015 19:51
by doxikus
Hi,
vil1driver wrote: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".

Re: NEW frontpage.html - request comments

Posted: Sunday 20 December 2015 18:15
by 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

Re: NEW frontpage.html - request comments

Posted: Tuesday 29 December 2015 9:22
by 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).

Image
Image

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

Re: NEW frontpage.html - request comments

Posted: Thursday 31 December 2015 11:28
by SwordFish
Question,
Does anyone has Hue on the frontpage to select a color not just dimming?

Re: NEW frontpage.html - request comments

Posted: Thursday 31 December 2015 14:56
by 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

Re: NEW frontpage.html - request comments

Posted: Thursday 31 December 2015 16:06
by BertB
I filled in the IDX of the wunderground THB (temp, humidity, baro) en now I see a cloud.

Re: NEW frontpage.html - request comments

Posted: Sunday 03 January 2016 9:35
by Minglarn
Hello!

I'm trying to use a dimmer switch. But can't make it work.
All I get is "OPEN".
Skärmklipp.PNG
Skärmklipp.PNG (24.41 KiB) Viewed 4603 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!

Re: NEW frontpage.html - request comments

Posted: Sunday 03 January 2016 12:27
by 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.

Re: NEW frontpage.html - request comments

Posted: Sunday 03 January 2016 14:15
by aiolos
FutureCow wrote: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.