Page 23 of 66

Re: NEW frontpage.html - request comments

Posted: Thursday 26 February 2015 20:10
by jkimmel
floris74 wrote:Hey jkimmel,

How dit you fix the multiple thermostats then? Looking forward to the FP with thermostat and dimmer support.. :P
Just copy and paste my code replacing yours and tell about the outcome.

Re: NEW frontpage.html - request comments

Posted: Saturday 28 February 2015 22:02
by Titanium87
Is the development of this exxellent FrontPage slowing down?

Im not trying to push you guys, but I feel you have the skills to make this so much better then it already is !
I really hope you are not "giving up" on further development just because its "working the way you want" :p

Everything can always get better ! ;)

I'm sorry I cant be of assistance, but it would take me months, if not years to be able to code something new into this (I AM actually trying to learn)


And sorry for may bad English, I'm Norwegian :p

Re: NEW frontpage.html - request comments

Posted: Saturday 28 February 2015 22:06
by ThinkPad
Lol, but what would you like to see then? I think most of us are quite satisfied with it now :)

Share your ideas here, maybe someone picks it up and starts working at it :P

Re: NEW frontpage.html - request comments

Posted: Sunday 01 March 2015 19:36
by jkimmel
FP20150301.JPG
FP20150301.JPG (52.34 KiB) Viewed 4668 times
That's how it looks like now here

Still small issues:

1. How to get rid of the lock-signs wthout changing width of the cells

2. Get the degree sign behind all the Type == temp

I tried

Code: Select all

 	 // Adds the Celsius sign after the temperature
	if(viType == 'Temp' && vdata > -100){        
   	vdata=new String(vdata).replace( vdata,vdata + "°");
   	}
but this not working for all cells.

3. Howto implement wheather radar?

Tx to all for sharing and for help.

Re: NEW frontpage.html - request comments

Posted: Sunday 01 March 2015 22:06
by floris74
jkimmel wrote:
floris74 wrote:Hey jkimmel,

How dit you fix the multiple thermostats then? Looking forward to the FP with thermostat and dimmer support.. :P
Just copy and paste my code replacing yours and tell about the outcome.
Thanks, hope that I have time next week to work with it!

Floris

Re: NEW frontpage.html - request comments

Posted: Monday 02 March 2015 6:58
by bizziebis
jkimmel wrote:
FP20150301.JPG
That's how it looks like now here

Still small issues:

1. How to get rid of the lock-signs wthout changing width of the cells

2. Get the degree sign behind all the Type == temp

I tried

Code: Select all

 	 // Adds the Celsius sign after the temperature
	if(viType == 'Temp' && vdata > -100){        
   	vdata=new String(vdata).replace( vdata,vdata + "°");
   	}
but this not working for all cells.

3. Howto implement wheather radar?

Tx to all for sharing and for help.
What if you use vType instead of viType?
For me this works in all cells.
You can use it for whatever you want to put behind the value.

Image

Re: NEW frontpage.html - request comments

Posted: Monday 02 March 2015 11:52
by R0cc0
That is a nice design Bizziebis, would you like to share with us how you made this?
I really like the glossy look of the buttons

Re: NEW frontpage.html - request comments

Posted: Monday 02 March 2015 15:02
by mvveelen
bizziebis wrote: Image
Can you share your (.css) code for the buttons? And maybe for the Kwh, m3, L, etc. ?
jkimmel wrote:
FP20150301.JPG
That's how it looks like now here

Still small issues:

1. How to get rid of the lock-signs wthout changing width of the cells

2. Get the degree sign behind all the Type == temp

I tried

Code: Select all

 	 // Adds the Celsius sign after the temperature
	if(viType == 'Temp' && vdata > -100){        
   	vdata=new String(vdata).replace( vdata,vdata + "°");
   	}
but this not working for all cells.

3. Howto implement wheather radar?

Tx to all for sharing and for help.
Try using vtype instead of viType, that should work.

The lock signs are dealt with in the .css files, remove them and you're done.

Weather radar? Well, maybe someone else can be of help?

Re: NEW frontpage.html - request comments

Posted: Monday 02 March 2015 15:17
by ThinkPad
Weather radar is already implemented in the version that had the swipe for two screens possibility? It was/is on the second screen (Buienradar).

Re: NEW frontpage.html - request comments

Posted: Monday 02 March 2015 19:06
by jkimmel
mvveelen wrote:
bizziebis wrote:
Try using vtype instead of viType, that should work.

The lock signs are dealt with in the .css files, remove them and you're done.

Weather radar? Well, maybe someone else can be of help?
Tx
but removing lock signs >>> cell width changes??

Re: NEW frontpage.html - request comments

Posted: Monday 02 March 2015 20:24
by mvveelen
jkimmel wrote:
Tx
but removing lock signs >>> cell width changes??
Hmmm, not in my setup ?!

Re: NEW frontpage.html - request comments

Posted: Wednesday 04 March 2015 21:05
by zicht
Just to share :D

I adjusted the code to have more options to be set in the settings file :
//format: idx, value, label, description,lastseen(1 when lastseen is wanted date+time,2 time only) ,plusmin button (1 for +-buttons , 2 icons on, 4 protected & no icon), [override css], [alarm value]
Above it straight forward. The 4 is to protect only in FrontPage (to avoid activation by accident, i also disable the icon in this case to show this is a proteced one)

I experienced some problems with kaku dimmers
My solution is posted here : http://www.domoticz.com/forum/viewtopic.php?f=23&t=5646

I implemented a code to detect the IP requesting the FrontPage and use it to reduce bandtwith when connecting with my mobile via VPN
(DATAplan saving = no icons, no camera;s enabled)
My solution is posted here : http://www.domoticz.com/forum/viewtopic.php?f=23&t=5645

Further i created 4 slide pages, and implemented 4 cameras :)
Works very well but i have to be carfull setting up the refresch speed to avoid high bandwith.

I also change background color to red when alarm is triggerd ( i use dummy switch as a time switch to create a delay)
Some how i cannot get the background to blink red :( And i would love to implement some short notification sound on alarm but i do not know how.

Thanks for all your efforts and so making me able to implement it at home :) I love this FrontPage ! and the doorbell popup is real nice

Re: NEW frontpage.html - request comments

Posted: Wednesday 04 March 2015 22:50
by G3rard
FutureCow wrote:is it possible to use another css/js when it's day and night?
I'm no html coder whatsoever, just try and error!

This is my work so far: (using Darkoticz colors for the dark version)

And on my phone:
@FutureCow, can you please share the code of your nice frontpage with us?

Re: NEW frontpage.html - request comments

Posted: Thursday 05 March 2015 14:57
by mvveelen
G3rard wrote:
FutureCow wrote:is it possible to use another css/js when it's day and night?
I'm no html coder whatsoever, just try and error!

This is my work so far: (using Darkoticz colors for the dark version)

And on my phone:
@FutureCow, can you please share the code of your nice frontpage with us?

Exactly what I asked here (Februari 2nd):
mvveelen wrote:@ FutureCow : how did you get the Skycons (?) in there? If they are Skycons :) ?

Can you share your code? Maybe others like to use (some of) it.
He never shared the code.

I also asked bizziebis to share his code (a few posts ago and by PM). No code shared.

I wonder why this is..... :|

Using the code we share here, upgrading or altering it and not giving back the code / improvements.....not my cup of tea.

Re: NEW frontpage.html - request comments

Posted: Thursday 05 March 2015 19:16
by bizziebis
I was quite busy these days. I only reply from my phone which makes it difficult to share code
But I'll upload a zip when I'm at my PC again.

Re: NEW frontpage.html - request comments

Posted: Thursday 05 March 2015 19:46
by mvveelen
That would be great, thanks in advance bizziebis !

Re: NEW frontpage.html - request comments

Posted: Thursday 05 March 2015 19:55
by bizziebis
Here it is:
frontpage.zip
(330.03 KiB) Downloaded 425 times
I made a lot of changes to suit the display size of my tablet. Also some of the tricks to display the "C", "kWh", "W" and "L" will not work for everybody. Changes need to be made acording to the hardware you use. That's not a big problem. Everything you need is supplied by JSON :)

I would advise to only "borrow" the code you like, but not use this frontpage directly. It can give you some nasty side effects.
(Dimmer support is completely broken as far as I know :lol: , I don't use it)

If you need more information about how I did something, feel free to ask. I'll try to explain or adjust it to your needs.

Re: NEW frontpage.html - request comments

Posted: Friday 06 March 2015 8:50
by jkimmel
Just to share:
FrontpageJK.zip
(88.2 KiB) Downloaded 371 times
Dimmer and thermostat setpoints working

Without "Images"

Re: NEW frontpage.html - request comments

Posted: Friday 06 March 2015 14:18
by mvveelen
bizziebis wrote:Here it is:
frontpage.zip
I made a lot of changes to suit the display size of my tablet. Also some of the tricks to display the "C", "kWh", "W" and "L" will not work for everybody. Changes need to be made acording to the hardware you use. That's not a big problem. Everything you need is supplied by JSON :)

I would advise to only "borrow" the code you like, but not use this frontpage directly. It can give you some nasty side effects.
(Dimmer support is completely broken as far as I know :lol: , I don't use it)

If you need more information about how I did something, feel free to ask. I'll try to explain or adjust it to your needs.
Thanks. So far I only managed to get the tiny piece of code out which gives the neat 'degrees Celsius', but I can't really put my finger on what to change in the frontpage I have to get the cells to color red / green / blue. I thnk it has to do with the css_data so I tried to put that in my page and also some things for the cells, but it didn't work. I don't think you can easily point me in the right direction can you?

Re: NEW frontpage.html - request comments

Posted: Friday 06 March 2015 20:06
by Denman009
I like the frontpage a lot.
and to make a combination to.
But at 1 and the other web browser the cam wouldn't work.
Funny i use the same link. On the ipad with the webbrowser Mercury everything works fine.
Safari doesn't and Chrome to.
On the PC it's the same :?: :?: :?: :?: :?: :?:
Hows that possible.
And don't look to the empty cells. I'didnt fill it in yett.