NEW frontpage.html - request comments

[dennisdiving]

It is good to use your own settings.js from your original post - just take your last download.
The settings are updated a lot - dimmers - images - blinds
just upload my files into your exsisting (frontpage) www map and it should work.

i think you don't need my settings, my idx are different than yours let me know if this works?
My complete layout is a lot different that this original frontpage file.

(you will see on mobile also the borders are different)
you can change the custom col and row in the bottom of the HTML

tablet size

tablet.jpg (122.91 KiB) Viewed 4455 times

mobile

mobile.jpg (47.7 KiB) Viewed 4455 times

[ThinkPad]

Thanks. But i also miss stuff like 'jquery-2.1.3.min.js' etc...
I think it is therefore useful to post a complete package, so people can start right away, instead of downloading multiple packages to get the required files

[dennisdiving]

here is the complete package.
https://drive.google.com/file/d/0ByNcJn ... sp=sharing

[Podarcis]

I can't get the webcam-part to work...

I've changed in frontpage.html the part of the camera into

Code: Select all

<div id="frame">
        <div id="ls_cell3"></div>
        <!-- <div id="cell3"><img src="http://domotic:[email protected]/image/jpeg.cgi"  onClick="lightbox_open('camera', $
        <div id="cell3"><img src="" onClick="lightbox_open('camera', 25400);" width="200px" class='camera' /></div>
        <div id="bcell3"></div>
        <div id="desc_cell3">Camera entree</div>
</div>

When I use "http://domotic:[email protected]/image/jpeg.cgi" in my browser, I get the image from the webcam (a D-link 930L). But it doesn't show op the frontpage.html (i just get the image with webcam offline)...

Can anybody help me into the right direction?

Update: ouch... that hurts... stupid me: I removed "<!--" and "-->", and it is working (kind of). Now the cell with "webcam offline" is now underneath the webcam image...

Almost, but not quite... anybody?

Update II: Found it.. (why do you figure it out, just after posting it on a forum... I was stuck for hours, now in minutes solved);

<!-- <div id="cell3"><img src="" onClick="lightbox_open('camera', 25400);" width="200px" class='camera' /></div> -->

... did the trick...

BTW: awesome frontpage!

[dijkdj]

Did someone include a Floorplan in his frontpage? The WAF of the floorplan is high, but the rest of the interface is a bit limited, so to combine Frontpage and floorplan would be great.

[RichardBokker]

Here is the link were youy can download my frontpage.

http://www.filedropper.com/frontpagegz

The frontpage has a.o. the following changes compared to earlier versions posted in this topic.
- text with cell description changes according to the state (eg alarm on/off, sunrise/set)
- removed bounce effect (no vertical scrolling) on iPad
- use extra div's in the cells above (see also the post from zicht) to show 2 values in one cell
- various layout changes

Let me know if you have any questions regarding the configuration.

frontpage-day.jpg

frontpage-night.jpg

The link is not working anymore, can you provide us a download link for the latest version? Thnx!

[roblom]

The whole idea of creating a custom frontpage is great. But i'm new to this topic and read it 4 times now but i'm totally lost. Everybody is posting his part of the code but I can't it to work. I think it's partly because I do not have the complete package. And secondly because I'm not sure on where to put all the files. Do I have to put all files in "../www/templates"?
I like for example the frontpage of G3rard, but the link to the complete package doesn't work anymore i think.
Can someone put me back on track because I'm completely lost here
Maybe find a way to "manage" this more by adding the different versions to the wiki with the complete (last version) package..

[RichardBokker]

The whole idea of creating a custom frontpage is great. But i'm new to this topic and read it 4 times now but i'm totally lost. Everybody is posting his part of the code but I can't it to work. I think it's partly because I do not have the complete package. And secondly because I'm not sure on where to put all the files. Do I have to put all files in "../www/templates"?
I like for example the frontpage of G3rard, but the link to the complete package doesn't work anymore i think.
Can someone put me back on track because I'm completely lost here
Maybe find a way to "manage" this more by adding the different versions to the wiki with the complete (last version) package..

The one from the starting post is working for sure. Place that in /www and is working right away (off course, edit your personal settings like IP adres etc, also edit the IDX numbers

i'm, like you, also looking for working download link of G3rard his solution

[roblom]

The one from the first post I already got working but of course I also want more functions and nicer interface.

[G3rard]

I will post my updated frontpage in the next few days.

I have made some more changes, a.o. it will be working in any folder now which makes installing it easier.
I have it running on my Synology webserver, so that's a total different folder than Domoticz is using (which is handy when you update Domoticz on Synology, because then all frontpage files which are in the Domoticz folder were deleted).

[jeroenkl]

I will post my updated frontpage in the next few days.

I have made some more changes, a.o. it will be working in any folder now which makes installing it easier.
I have it running on my Synology webserver, so that's a total different folder than Domoticz is using (which is handy when you update Domoticz on Synology, because then all frontpage files which are in the Domoticz folder were deleted).

Great!, thank you in advance

[Derik]

Is there interest if I keep a Google Drive to go where everyone can put there frontpage?
And others from there could download them...

Just like I do with the icons:
https://drive.google.com/folderview?id= ... sp=sharing

A name for this?

[simonrg]

Is there interest if I keep a Google Drive to go where everyone can put there frontpage?

Sounds like a great idea.

If you also created a Wiki page linked to it, then this could contain a mixture of description, instructions, future plans and link to the different front page packages.

I am finding it difficult with this thread to keep up and the beauty of a Wiki page is that when you create something even better or just different, then you just delete only the superceeded text and replace it with new text, but everything else is still in the right place. This is difficult to do in a 32 page thread

How about "Domoticz Frontpages" as a name for your Google Drive?

[Derik]

This is a mail address where the frontpage to be sent.
[email protected]
If I have time I put them on the gmail drive just like the icons

Please mail in the following format:
A name that you like, perhaps V1 and when make a new version V2 etc etc
A screenshot of your template.
And all files in a separate zip

Please can someone make a simple wiki?
Perhaps is that required, for dummy's like me..

[ThinkPad]

I think the best way is for people to send their stuff in a .zip package (so everyone can open it, instead of .rar or .7z, .tar etc) AND include a screenshot. That way you can see directly what it would look like

Give the screenshot the same name as the .zip and send it to the e-maill adress. And maybe these .zip's and screenshots can then be put on a Google Drive (or something) and then collected on a wiki page (and at that moment the screenshots can be used, to put on the page, to create a sort of gallery/showcase).

How does that sound? Good idea?

[roblom]

I think the best way is for people to send their stuff in a .zip package (so everyone can open it, instead of .rar or .7z, .tar etc) AND include a screenshot. That way you can see directly what it would look like

Give the screenshot the same name as the .zip and send it to the e-maill adress. And maybe these .zip's and screenshots can then be put on a Google Drive (or something) and then collected on a wiki page (and at that moment the screenshots can be used, to put on the page, to create a sort of gallery/showcase).

How does that sound? Good idea?

Excellent idea if yo ask me. Now hope everybody will upload the good stuff

[Derik]

I think the best way is for people to send their stuff in a .zip package (so everyone can open it, instead of .rar or .7z, .tar etc) AND include a screenshot. That way you can see directly what it would look like

Give the screenshot the same name as the .zip and send it to the e-maill adress. And maybe these .zip's and screenshots can then be put on a Google Drive (or something) and then collected on a wiki page (and at that moment the screenshots can be used, to put on the page, to create a sort of gallery/showcase).

How does that sound? Good idea?

Is not that what I propose?

So send them to [email protected]

[roblom]

http://easydomoticz.com/forum/viewtopic ... 2307#p2307

I think there are quite less people here that know French (including me)...The rest of the world speaks English

[G3rard]

I will upload my updated frontpage this weekend (I am on holiday right now ).

[G3rard]

Here is the link to my updated frontpage.
http://we.tl/Hl5AoKa7Md

Remarks:
- I have added some code in the frontpage.html to use a different css when the browser is Android. This is to nicely fit the frontpage on my Nexus 7.
- I have added code in frontpage.js to support my Sonos speakers. This is enabled when you choose 2 as a value for the plusmin buttons in frontpage_settings.js. The php code I use is from this forum topic http://www.domoticz.com/forum/viewtopic.php?f=38&t=6088
- When you use Firefox (I use Chrome) the allignment of MM, %, C is not as it should be, you have to change the allignment in frontpage.js (e.g. line 384)
- When you browse on your PC, you can use the left and right keys to switch between the pages
- When the switch is last seen on the current day, then only the time last seen is shown, otherwise also the day is shown
- The plus and min buttons for a dimmer or the Sonos are only shown when the switch is on
- You can place the files anywhere you like. I have my frontpage running on my Synology webserver which is a different folder then Domoticz is using

Let me know if you have any questions regarding the configuration.

Screenshots:

frontpage-day.png (339.82 KiB) Viewed 3512 times

frontpage-night.png (277.19 KiB) Viewed 3512 times