NEW frontpage.html - request comments

[jkimmel]

Hey jkimmel,

How dit you fix the multiple thermostats then? Looking forward to the FP with thermostat and dimmer support..

Just copy and paste my code replacing yours and tell about the outcome.

[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

[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

[jkimmel]

FP20150301.JPG (52.34 KiB) Viewed 4411 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.

[floris74]

Hey jkimmel,

How dit you fix the multiple thermostats then? Looking forward to the FP with thermostat and dimmer support..

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

[bizziebis]

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.

[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

[mvveelen]

Can you share your (.css) code for the buttons? And maybe for the Kwh, m3, L, etc. ?

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?

[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).

[jkimmel]

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??

[mvveelen]

Tx
but removing lock signs >>> cell width changes??

Hmmm, not in my setup ?!

[zicht]

Just to share

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

[G3rard]

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?

[mvveelen]

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):

@ 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.

[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.

[mvveelen]

That would be great, thanks in advance bizziebis !

[bizziebis]

Here it is:

frontpage.zip

(330.03 KiB) Downloaded 400 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 , 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.

[jkimmel]

Just to share:

FrontpageJK.zip

(88.2 KiB) Downloaded 352 times

Dimmer and thermostat setpoints working

Without "Images"

[mvveelen]

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 , 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?

[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.