NEW frontpage.html - request comments

[ThinkPad]

Read his post: he links to an example of Bwired, he didn't make that dashboard himself

[Slayer007]

It's not my script. people are already scripting in this topic. If you start from the first page you'll see Some examples from people en how to implement.

[jannl]

The problem I have with the dimmer is that above 60% it increments in correct steps of 6% (1 level), but below 53% (level 8) it decrements in steps of 12% (2 levels at the same time).
If I do a manual /json.htm?type=command&param=switchlight&idx=&switchcmd=Set%20Level&level=DIMVALUE in the browser, I see the same behaviour. So it does not seem to be caused by the script itself, but it appears to be a bug/feature of Domoticz.
If I send f.i. level=6, it will skip this value and go to 5 directly. I cannot set level=6 with the json call.

Can anyone confirm this?
i am running V2.2229.

Can you please post the dimmercode you created so far?

[floris74]

I've already played with the frontpage.html. It's very cool! (weird, i wanted to upload a picture, but it's not possible anymore??)
my 1th problem is that i can't set the thermostat setpoint in an easy way anyway.

[Slayer007]

I changed some stuff again. I think it's OK for me now

* Camera popup when doorbel rings
* Popup with message when a switch is pressed. Feedback feels more natural.
* Second page with switches. NO second html page, just swipe to next page

A teaser for now:

http://youtu.be/J3Xp_Ee115c

How did you get your "camera popup when doorbel rings"to work?
Does it popup when you push the button in the FrontPage? Or does it actually get the status from your doorbell?
When I add my doorbel and I ring it, nothing happens. The json status is also blanc (""). I saw you've made a dummy? Is that for a reason?

[vanputten80]

Awesome trailer!
Hope you want to share this with us

[Slayer007]

Awesome trailer!
Hope you want to share this with us

bizziebis already posted it...

http://domoticz.com/forum/viewtopic.php ... =60#p31586

[vanputten80]

Awesome trailer!
Hope you want to share this with us

bizziebis already posted it...

http://domoticz.com/forum/viewtopic.php ... =60#p31586

Oeps missed that! Thanks

Work todo tonight

[ThinkPad]

Does anyone know how i can request a URL in the background? Just like it is happening now with switches?

I would like to call an URL to activate a scene, but cannot find how to do it, without opening the link in a new tab.
I have looked at the code that is used for the switches, but can't figure it out.

[jannl]

pff, took some time, but dimmer is working as I want it.
Just the icons are not completely ok yet.
But dimming up and down works fine now.
Pitfall was that the dimlevels in Domoticz are in values from 1 to 16 and displayed in values from 0 to 100 %!!

frontpage2.zip

(4.47 KiB) Downloaded 384 times

Yet another change, in the min part I change the line to, the 'rounding' takes care of going down one level at a time:

Code: Select all

var d = ((level )/100*16)  ;

[bbqkees]

I have my version ready for use.
(I see now that jan_nl also created a solution, I have not checked it yet)

It includes dimmer buttons (also for thermostats) and the optional indication of the 'last seen'.
See the read me file in the attachment.

I found out that the dimming range depends on the device, you can now set the step interval accordingly.
Some dimmers have a range between 1 and 16 (default), other 1 to 100 (like Hue).
You can choose the step size yourself to account for this and use whatever step size is convenient for you.
I have no controllable thermostat myself, so others have to verify if it works for those devices.

You can also turn off a dimmable device by clicking on the value, so it leaves the current dimming value intact.
And when it is off, it will show 'Uit' instead of the dimming value (yes it can have a dimming value while off).
Colors change accordingly.

[ThinkPad]

bbqkees, the 'images' folder needs to be in the css folder, otherwise i couldn't get the min and plus buttons visible.

[mvveelen]

Wow....I've been trying to get the pieces of code into 'my' version of the frontpage.html, but that's really a difficult task. I like the new setup in which you can set the sort of dimmer and IF you want the + / - buttons to be shown, but I haven't succeeded in using the bits and pieces of code yet. I'll try later today.

But....thanks so far for sharing your code !!

[jannl]

bbqkees, the 'images' folder needs to be in the css folder, otherwise i couldn't get the min and plus buttons visible.

That is not completely true, just the (relative) path in the CSS must be correct

[jannl]

I have my version ready for use.

You can also turn off a dimmable device by clicking on the value, so it leaves the current dimming value intact.
And when it is off, it will show 'Uit' instead of the dimming value (yes it can have a dimming value while off).
Colors change accordingly.

That is a nice features, let's see if I can copy/create that in my frontpage

[bbqkees]

bbqkees, the 'images' folder needs to be in the css folder, otherwise i couldn't get the min and plus buttons visible.

That is not completely true, just the (relative) path in the CSS must be correct

They should be in www/css/images according to my code, but of course you can put them anywhere if you change the path.

By the way, I also changed the HTML a bit.
In previous versions al lot of DIV's have id="frame", but this should be class="frame".
ID is for something unique, class for setting properties of multiple instances.

Things to do:
-Move the PageArray to another file, so it is easy to upgrade the code and layout without having to fill in all the cells again.
This would also mean moving the cam picture/buienradar settings to that external file.
-Change the button pictures
-When the dimmer is off, and you press on the plus button, the dimmer turns on not on the current setting, but one stepsize up.
Not really that important but it is something that can be improved.

[supergroover]

I have my version ready for use.......

I really don't get it, the only thing i get is a big black screen (IE10, chrome and chrome mobile)

What did i do:
- edit the frontpage.html file to change the adress to the domotica ip:port and some devices idx
- copy the files and maps in the right places (according the txt file)

Do i forgot something?

[bbqkees]

You need to put the swipe.js file in www/js/
When zipping the files I did not put everything in the right folder.

I wil update the read me etc this weekend.

If the swipe.js file is in the right folder, you should see all the (empty) cells regardless if the domoticz address is correct or not.

[supergroover]

You need to put the swipe.js file in www/js/
When zipping the files I did not put everything in the right folder.

I wil update the read me etc this weekend.

If the swipe.js file is in the right folder, you should see all the (empty) cells regardless if the domoticz address is correct or not.

Thanks bbqkees, that did the trick...

[Slayer007]

Is it also possible to access this frontpage from outside home eg. At work? I have a vpn connection, but when i open the frontpage i see the blocks but not the value's. Am i forgetting something?