NEW frontpage.html - request comments

[jannl]

I am having some difficulty with the swipe layout, for some reason I get 4 panels instead of 2.
So I am working on that now.

I have (had) the same problem, I could not ge trid of it, other then disabling the 'swipe around', with the setting below you can swipe to the left and to the right only.

Look for the mySwipe and add the speed (not necessary) and the continuous option, At least you have 2 slides, bad thing is you can not swipe around, but with only 2 slides that is not that big a problem.

Code: Select all

var mySwipe = new Swipe(document.getElementById('slider'),{
                speed: 300,
                continuous: false
        });

Together with mySwipe.setup, this is the only actual javascript in frontpage.html now

[mvveelen]

Way to go, bbqkees !

Is the frontpage.html scalable in this new version? If not, would that be easy to implement too? If you need someone to test....

[jannl]

I think the original one already scales.
The layout is way bigger on my desktop screen compared to my 10" tablet, while both show the same data.

Going to buy a 7" tablet for wall mounting since the layout is mostly complete for starting.

[g-man]

My first post on this forum! I am following this thread with great interest since it takes Domoticz to a new level. So a big thankyou to all you guys taking this interface forward!

My plan is to use theese pages with 7" Android devices, I am already testing it out a bit.

Quick question, is it possible to show humidity together with temperature? In the same cell if possible.

And has anyone figured out how to run Crome in full screen mode on an Android device? I would like it to have the look and feel as an app

[mvveelen]

When you add the webpage to the homescreen and open it from there, doesn't that fix it?

Source: https://developer.chrome.com/multidevic ... homescreen

[jannl]

It should be possible to have humidity and temperature in one cell. Check how it is done with the plus and min sign and go from there.

[ThinkPad]

If anyone needs some nice icons to use, i found this page: https://fortawesome.github.io/Font-Awesome/icons/

Seems easy to use.

[Slorf]

I have a 7 inch tablet and use Dolphin as a browser which can be set to full screen easy.

Once you set the page to full screen and add it to the home screen you have a link on your homescreen which is full screen

Alex

[ThinkPad]

Chrome can also do that just fine. When you have the page opened, you can click in the menu on something like 'Add to homescreen' and it creates an icon on your homescreen.
When you click on that icon, it will open the page as a web-app, which means it will only show the page, and not the browser address bar and back/forward buttons etc.

[R0cc0]

Is it possible to show the current time in one of the cells? (and how?) thanks!

[ThinkPad]

I think a clock based on JavaScript would work fine. Try something like this: http://www.w3schools.com/js/tryit.asp?f ... ming_clock (don't know if it is a 12h/24h clock).

If you replace the

Code: Select all

<div id="txt"></div>

from that script with a div that exists already on your page, i think it will show the clock there. Not at home at this moment, so can't try it now.

[AWI]

I have been playing around with the frontpage. Love the simplicity and usefullness.
Just for your attention: http://www.domoticz.com/forum/viewtopic.php?f=6&t=5113

and in the "last version" (22-jan) I downloaded there are a lot of missing "</div>'s" messing the whole thing up...(mainly on "page 2")

for the 7" (non-apple) tablet, I removed the bottom row of cells to match the screen dimensions. (frames of cell 21,22,23, take care of keeping the <div></div> in balance)

Keep up this good work and looking forward to the "split" version.

[mvveelen]

I think a clock based on JavaScript would work fine. Try something like this: http://www.w3schools.com/js/tryit.asp?f ... ming_clock (don't know if it is a 12h/24h clock).

If you replace the

Code: Select all

<div id="txt"></div>

from that script with a div that exists already on your page, i think it will show the clock there. Not at home at this moment, so can't try it now.

Yep, this works and might be the easiest way to do it. Maybe not such a bad idea to use

[jannl]

I present the time like this:

tijd.png (7.79 KiB) Viewed 3348 times

May be I need to play a little with the color in the CSS

I fixed a bug in the + when at the lowest level.

Hope you all now your way with tar and gzip (tip: use 7zip in Windows)
Basically everything is split
- frontpage.html for the html
- js/swipe.js
- js/frontpage.js
- js/frontpage_settings.js
- css/frontpage.css

[mvveelen]

Great, I'm going to try it tomorrow. Any chance the Skycons will work in a next version? Or is this simply not possible....?

[ThinkPad]

Nice, will try it tomorrow!
By the way, it looks like you forgot to include the 'icons' folder?

Oh and i prefer .zip compressed files, as every operating system has a native utility for it, which is not the case for .tar.gz

[jannl]

Added the icons directory.

And the .tar.gz.... very easy to create in every linux/uniz environment.
On windows I use 7zip to unzip.

hm, Icons zip is to big.

[floris74]

Great, i'm gonna try it. Are we gonna have 2 versions? yours and the one from bbqkees?

hm, Icons zip is to big.

ai....

[jannl]

I got the icons from: http://www.fordesigner.com/maps/3160-0.htm (with the help of mvveelen)
Just the name needs to be correct.

[mvveelen]

jan_nl, is it just me or do others have the same problem:

when the dim level is set to 100%, I can't seem to get it lower. Everything else is working fine, but lowering the dim level from 100% to 1 (or more) levels lower seems to be a problem...?