NEW frontpage.html - request comments

[maluko]

hi guys

and blinds did will work, or only the status?

[jannl]

Depends a bit on the dimmer levels I guess. I would say try is and let us know the result. I think you would want a start stop command, that is not implemented at the moment.

[maluko]

No, jan

Dont need stop because its x10 and dont support dimmer or stop botton.
I think with 2 botton , onde down and other up.

Thank

[jannl]

The present implementation has 16 dim-levels.
I think it could work with this implementation.

Just try.

[mvveelen]

I managed to get the bits and pieces together and everything seems to work just fine: the protected switches give me the pop-up that they are protected, so that's great. Thanks for that!!

There are only a few little things I like to tweak:

- the positioning of the + and - images, when the switch is Off and set to On (or it changes the dim level), the images are moved around, and I like to have them on a fixed place.
- the positioning of the Off / % in that same cell is too low. Maybe I can get it to be on the same height as all other cells

Any help with this is appreciated

The Skycons are a bridge too far for me atm.

[jannl]

I am not completely sure what you mean, can you post an example?

[mvveelen]

I am not completely sure what you mean, can you post an example?

As you can see in the example, the layout of that particular cell is....eh....not the way it should be. The images and the text need the right alignment.

There is one thing that might be even better: is it possible to put the % in the place where the last seen (in other cells) is placed, and the On / Off will be in this cell (with the pop-up)? I don't know if I'm making myself clear....

EDIT: I removed the 'width=50' for the PLUS and MINUS images, they are way too big in this example. But it doesn't solve the 'problem' described earlier.

Edit 2: I used Paint to make a mock-up. This is what could be the perfect way to show / use it. Can this be done?

Edit 3: Just add the 'align=left' to the - button, and add 'align=right' to the + button. The buttons AND the text will be placed the way all other text is placed. So far do good!

[mvveelen]

Ok, this is how I have it now. Remains the question: could it be made like I described in the mock-up ?

[jannl]

I see what you mean. Propably only a change in frontpage.js

[mvveelen]

Yes, that's the file I edited the code in.

The code is now:

Code: Select all

	//Dimmer
	if(vplusmin > 0) {
	if (vdata == txt_off) {
	var hlp = '<span onclick="SwitchToggle('+item.idx+',\'On\')"; style='+alarmcss+'>'+ vdata+'</span>';
	var plus = "<img src=icons/plus-trans.png align=right onclick=ChangeStatus('plus',txt_off," + item.idx + ","+ vdimmercurrent+")>";
	var min = "<img src=icons/min-trans.png align=left onclick=ChangeStatus('min',txt_off," + item.idx + ","+ vdimmercurrent+")>"
	}
	else
	{
	var hlp = '<span onclick="SwitchToggle('+item.idx+',\'Off\')"; style='+alarmcss+'>'+ vdata+'</span>';
	var plus = "<img src=icons/plus-trans.png align=right onclick=ChangeStatus('plus'," + vdata + "," + item.idx + ","+ vdimmercurrent+")>";
	var min = "<img src=icons/min-trans.png align=left onclick=ChangeStatus('min'," + vdata + "," + item.idx + ","+ vdimmercurrent+")>"
	}

But do you think it would be possible to use the On/Off (with the pop-up) in this same cell, and display the % just above the On/Off ? If you know a way how: can you share it with us ?

[jannl]

Ok, this is how I have it now. Remains the question: could it be made like I described in the mock-up ?

Not sure what is possible here, I have to go with google as well, but the lastseen position is also above the 'Uit'.

[ThinkPad]

I got a weird bug when i open the page on my tablet. The right column of cells falls of the screen. When i swipe to the second screen, i see a little bit of those cells.

Screenshot:
https://i.imgur.com/WAE9u7c.jpg

It probably has something to do with the resolution, as on my PC and a iPad Mini it looks fine.
On all three devices i use Google Chrome.

[thorbj]

I got a weird bug when i open the page on my tablet. The right column of cells falls of the screen. When i swipe to the second screen, i see a little bit of those cells.

Screenshot:
----

It probably has something to do with the resolution, as on my PC and a iPad Mini it looks fine.
On all three devices i use Google Chrome.

I have this issue as well on my Android. I read in an earlier post that someone had made the layout responsive (scalable). Is this last version also responsive? If so this function may be broken. If it's not responsive, is it possible to implement it?

Thanks

[jannl]

Not really scalable I think, should not be to hard though to make the cells a tiny bit smaller. (In frontpage.css)
Googled a little on scaling...not going to implement that. When I got my 7" tablet I will make it fit, when I use it on bigger screens it is simply not full-screen.
So feel free to implement full scalability.

Anyway, new update.

The 3 lines below are added to frontpage_settings.js and are used when plusmin buttons are present to have some vertical spacing, should be possible to align the buttons with the text.

Code: Select all

<!-- Global vars -->
var img_vspace=5;
var sign_2='%';

When the lastseen option is set to 2, the sign in sign_2 is printed above the On/Off text.

Other changes are only in frontpage.js.

[thorbj]

Not really scalable I think, should not be to hard though to make the cells a tiny bit smaller. (In frontpage.css)
Googled a little on scaling...not going to implement that. When I got my 7" tablet I will make it fit, when I use it on bigger screens it is simply not full-screen.
So feel free to implement full scalability.

OK, fair enough Maybe one day we will get this responsive. Anyway, thank you for the great work you are putting in to this!

Anyone know how I can get sunset time and sunrise time to display in two different cells?

[remb0]

I think this is what everyone here is looking for!
http://www.domoticz.com/wiki/Dashticz

nice, modulair, clean and quick.

[bizziebis]

What's the Dutch guy talking about?

[thorbj]

Hi, does anyone know if there is a command to get Lux and battery values from a multisensor, and amount of rain in mm to display in a cell?

[jannl]

I think this is what everyone here is looking for!
http://www.domoticz.com/wiki/Dashticz

nice, modulair, clean and quick.

Looks very nice, but is not what I am looking for.
For wall mounting I like a layout with a lot of buttons and basically no graphs.

Luckily we have a choice.

BTW: the rain forecast screen size can be changed in the css file, look for the .camera class at the bottom.

[pjeterinfo]

I got a weird bug when i open the page on my tablet. The right column of cells falls of the screen. When i swipe to the second screen, i see a little bit of those cells.

Screenshot:
https://i.imgur.com/WAE9u7c.jpg

It probably has something to do with the resolution, as on my PC and a iPad Mini it looks fine.
On all three devices i use Google Chrome.

I had the same problem on a Galaxy tab7 I changed the initial-scale to 0.93 fit horizontally aswell vertically in frontpage.html.

<meta name="viewport" content="width=device-width, initial-scale=0.93,maximum-scale=1,user-scalable=no" />