NEW frontpage.html - request comments

Moderator: leecollings

User avatar
G3rard
Posts: 669
Joined: Wednesday 04 March 2015 22:15
Target OS: -
Domoticz version: No
Location: The Netherlands
Contact:

Re: NEW frontpage.html - request comments

Post by G3rard »

M4RcO wrote: So i tried to switch but, it isnt working. i wait now few days and ill see.
Have you also updated the frontpage_settings.js file with the right IDX of your switch?
See https://github.com/gerard33/frontpage/b ... ngs.js#L53
Change 66 in lines 52 & 53 with the IDX of your switch.
Not using Domoticz anymore
marcom
Posts: 3
Joined: Friday 22 April 2016 21:10
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by marcom »

Hi,

I started some time ago with the frontpage designed by G3rard, and configured it to my wishes with the help of all 50 pages in this thread ;) .
But there is one thing that i would like to add, and that is the weather prediction (forecast) like shown on the screenshot attached to the download package.

I see that the icons already in the package, but hope that someone can point me in the right direction to configure this..

Kind regards,
Marco
Attachments
day_sun.png
day_sun.png (218.74 KiB) Viewed 6130 times
User avatar
G3rard
Posts: 669
Joined: Wednesday 04 March 2015 22:15
Target OS: -
Domoticz version: No
Location: The Netherlands
Contact:

Re: NEW frontpage.html - request comments

Post by G3rard »

@marcom, you have to add Weatherunderground to Domoticz and add the idx of device with Temp + Humidity + Baro to frontpage_settings.
In the example below the idx is 49.

Code: Select all

['49','ForecastStr','cell2_3',	'Weersvoorspelling','0','0'],
Not using Domoticz anymore
marcom
Posts: 3
Joined: Friday 22 April 2016 21:10
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by marcom »

G3rard, thanks for the help.
I already had weatherunderground implemented, but was using the wrong idx..
Now also the forecast is working perfectly ;) .

I have one question which i like to ask you, it doesn't matter in which browser i open the frontpage, i always get a vertical scrollbar..
Is there something i can do to remove this?

I changed the background of the frontpage, but i had the same problem using the original background.
The picture shown below is on a 10" tablet.

Thanks for your help.
Marco
Attachments
frontpage.jpg
frontpage.jpg (138.72 KiB) Viewed 6087 times
Xroads
Posts: 30
Joined: Thursday 25 February 2016 10:43
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by Xroads »

Hi all
I relly like this frontpage, and has nearly got it to look and feel like I (and the Misses) want it.
The only thing I'm missing is to be able to control the volume of my Logitech media player. The on / off is working and the "now playing" also, just need the volume. Please anyone?
Raspberry pi 2
Razberry z-wave module with Fibaro dimmer, relay and pir and Dlink pir.
433mhz RFlink with 5 pcs. on/off switches
curious
Posts: 132
Joined: Saturday 02 April 2016 19:38
Target OS: -
Domoticz version:
Contact:

Is there an overall version ???

Post by curious »

I started with this new frontpage and like it very much.
I managed to get buienradar, my ip-cam and a switch working. Now i would like to add a switch/group but cannot find how.

In one of the replies here a switch is added by modifying a *.js file.
As a starter i only use the html file.
Before I start from scratch by downloading another zip file, I would like to know what version I should proceed with.
At first I don't care about colors etc, but I would like to implement much options, like :
time and date cell
pop_up when doorbell rings
buienradar

etc
Colors etc comes later
robertbrand78
Posts: 3
Joined: Friday 29 April 2016 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by robertbrand78 »

Maybe stupid but who can just help me
I've used Gerard its front page and it works well
but would like to show CELL3 (next to the "buienradar") the weather icon
how do I get it done

:o
Knipsel.JPG
Knipsel.JPG (120.32 KiB) Viewed 5911 times
JuanUil
Posts: 498
Joined: Friday 22 May 2015 12:21
Target OS: Raspberry Pi / ODroid
Domoticz version: 4.11083
Location: Asten NB Nederland
Contact:

Re: NEW frontpage.html - request comments

Post by JuanUil »

bizziebis wrote:It's a little embedde javascript inside the image tag which needs to be right. You need to put in "your camera url"&t= or ?t=

That last part is important because it will write a random time tag like t=752554822 behind the url forcing the image to be reloaded.
Hi There all. Great GUI which I allready use a long time.
Since last week I bought myself a Foscam FI9900P camera. I get a snapshot but no live stream.
This is what I have in frontpage html:

<div id="cell3"><img src="http://192.168.1.133:88/cgi-bin/CGIProx ... ture2&usr=my username&pwd=my password&t="

What am I doing wrong?
thnx for any help

Jan
Your mind is like a parachute,
It only works when it is opened!

RPI4 several Fibaro, KaKu, Neocoolcam switches, Z-Wave, Zigbee2Mqtt, Ikea bulbs and remote, Zigbee temp nodes
curious
Posts: 132
Joined: Saturday 02 April 2016 19:38
Target OS: -
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by curious »

I use G3rard 's frontpage and would like to use the sunrise and sunset values in cell21.
However they don't show

In frontpage-settings.js i see that the var idx_SunState gets idx 66
However in my domoticz idx 66 is allready used. Is that a rpoblem or does the js file override's this idx ?

Do I have to change some settings in the default frontpage-settings of this frontpage ?

edit:
Sunset and sunrise do show now (large font) Icons don't show
User avatar
G3rard
Posts: 669
Joined: Wednesday 04 March 2015 22:15
Target OS: -
Domoticz version: No
Location: The Netherlands
Contact:

Re: NEW frontpage.html - request comments

Post by G3rard »

curious wrote:I use G3rard 's frontpage and would like to use the sunrise and sunset values in cell21.
However they don't show

In frontpage-settings.js i see that the var idx_SunState gets idx 66
However in my domoticz idx 66 is allready used. Is that a rpoblem or does the js file override's this idx ?

Do I have to change some settings in the default frontpage-settings of this frontpage ?

edit:
Sunset and sunrise do show now (large font) Icons don't show
You have to change 66 to the idx of your IsDonker (IsDark) switch. That is a virtual switch, which switches on at sunset and off at sunrise.
See this post http://www.domoticz.com/forum/viewtopic ... ker#p83390 for more details about the switch.

You have to change all three 66 references in frontpage_settings to your idx.
Not using Domoticz anymore
User avatar
G3rard
Posts: 669
Joined: Wednesday 04 March 2015 22:15
Target OS: -
Domoticz version: No
Location: The Netherlands
Contact:

Re: NEW frontpage.html - request comments

Post by G3rard »

marcom wrote:G3rard, thanks for the help.
I already had weatherunderground implemented, but was using the wrong idx..
Now also the forecast is working perfectly ;) .

I have one question which i like to ask you, it doesn't matter in which browser i open the frontpage, i always get a vertical scrollbar..
Is there something i can do to remove this?

I changed the background of the frontpage, but i had the same problem using the original background.
The picture shown below is on a 10" tablet.

Thanks for your help.
Marco
Have you tried to reduce the size of the background? Otherwise just google on remove vertical scrollbar :D
Not using Domoticz anymore
User avatar
G3rard
Posts: 669
Joined: Wednesday 04 March 2015 22:15
Target OS: -
Domoticz version: No
Location: The Netherlands
Contact:

Re: NEW frontpage.html - request comments

Post by G3rard »

robertbrand78 wrote:Maybe stupid but who can just help me
I've used Gerard its front page and it works well
but would like to show CELL3 (next to the "buienradar") the weather icon
how do I get it done
:o
You have to change the code in frontpage.html for that cell. Now the webcam is coded in the html.
Then you can have a look at this post http://www.domoticz.com/forum/viewtopic ... 855#p83984.
Not using Domoticz anymore
robertbrand78
Posts: 3
Joined: Friday 29 April 2016 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by robertbrand78 »

G3rard wrote:
robertbrand78 wrote:Maybe stupid but who can just help me
I've used Gerard its front page and it works well
but would like to show CELL3 (next to the "buienradar") the weather icon
how do I get it done
:o
You have to change the code in frontpage.html for that cell. Now the webcam is coded in the html.
Then you can have a look at this post http://www.domoticz.com/forum/viewtopic ... 855#p83984.

Oké Thnx fot the reply,

i fond the code but what do i do whit it if got the W.U. Working for the forcast in a other cell barro, temp, enz.
what code do i have to put in the <div id="cell3"><.... of the frontpage.html

Best regards Robert
Attachments
Knipsel.PNG
Knipsel.PNG (24.45 KiB) Viewed 5720 times
robertbrand78
Posts: 3
Joined: Friday 29 April 2016 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by robertbrand78 »

robertbrand78 wrote:
G3rard wrote:
robertbrand78 wrote:Maybe stupid but who can just help me
I've used Gerard its front page and it works well
but would like to show CELL3 (next to the "buienradar") the weather icon
how do I get it done
:o
You have to change the code in frontpage.html for that cell. Now the webcam is coded in the html.
Then you can have a look at this post http://www.domoticz.com/forum/viewtopic ... 855#p83984.

Oké Thnx fot the reply,

i fond the code but what do i do whit it if got the W.U. Working for the forcast in a other cell barro, temp, enz.
what code do i have to put in the <div id="cell3"><.... of the frontpage.html

Best regards Robert
GOT IT DONE :D :D
Attachments
Knipsel.PNG
Knipsel.PNG (213.84 KiB) Viewed 5714 times
curious
Posts: 132
Joined: Saturday 02 April 2016 19:38
Target OS: -
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by curious »

I am stuck on getting the right values in cell21.

What should be displayed : An icon representing night or day and the values for sunrise and sunset.
What I get : one value for sunrise where the icon should be

what I did :
1. I made new hardware ->dummy hardware name isDonker
2. I added a new switch named isDonker : Type Lighting subype X10 (idx = 88)
added two timers as shown in http://www.domoticz.com/forum/viewtopic ... ker#p83390

3. Changed idx to 88 in frontpage-settings where the original idx was 66

var idx_SunState = '88';
var idx_IsDonker = '88'; <!-- for day night css -->

['88','Status', 'cell21', 'Zon','2','0']

I could not find what to change in frontpage.js

As i am not a javascript developer it is hard for me to find what I do have to change.
Could you give me a hint ?
Thanks in advance


Solved :D :D : changed the cellnumber in line
['0','SunBoth', 'cell25', 'Dummy cel voor bepaling zon op en zon onder','0','0'],

to a non-displayed/non-existing cellnumber
Attachments
what_it_should_be.png
what_it_should_be.png (49.79 KiB) Viewed 5555 times
frontpage.png
frontpage.png (292.98 KiB) Viewed 5681 times
Last edited by curious on Saturday 21 May 2016 9:35, edited 4 times in total.
SwordFish
Posts: 278
Joined: Sunday 14 December 2014 12:28
Target OS: Raspberry Pi / ODroid
Domoticz version: V4.11375
Contact:

Re: NEW frontpage.html - request comments

Post by SwordFish »

Is there a way without making 15 scenes in domoticz ( have a kaku dimmer ) to dim the lights to a certain level with http and not get the status page. I have a idea for my frontpage. :roll:
curious
Posts: 132
Joined: Saturday 02 April 2016 19:38
Target OS: -
Domoticz version:
Contact:

Re: NEW frontpage.html split data weatherforecast

Post by curious »

I use weatherforecast.io to get some weather data
Some values such as windvelocity and direction come as a string like 296.00;WNW;86;0;12.2;12.2
For this string there is only one idx
How can I dsiplay only one subtype ?

Do I have to add some code (where) or can i use the subtype ?

Edit : found this tutorial https://www.domoticz.com/wiki/Virtual_w ... emperature

Will try to modify it
Last edited by curious on Monday 16 May 2016 10:44, edited 1 time in total.
franzelare
Posts: 141
Joined: Thursday 19 February 2015 21:48
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by franzelare »

Did anyone integrate a color selector for HUE of other RGB/RGBW dimmers in this frontpage?
jovo
Posts: 15
Joined: Thursday 12 March 2015 16:57
Target OS: Linux
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments

Post by jovo »

Hi All,
Not sure if this has been asked before (couldnt find the answer so far):
I like to add daily cost of energy to the frontpage, similar to what is know from other commercial energy displays like Toon.
This information should make the family more aware of the cost of energy.

I like to display the daily cost and monthly cost of electricity and gas.
I don't see an easy way of doing this?
I take my energy reading from a P1 smartmeter.

Anybody any hints how to make this happen?
curious
Posts: 132
Joined: Saturday 02 April 2016 19:38
Target OS: -
Domoticz version:
Contact:

Re: NEW frontpage.html - request comments solved

Post by curious »


Solved issue below by adding next code in frontpage.js for both idx items :

Code: Select all

vdata=new String(vdata).replace("0,","") ;
[/b]

Don't know why it is necessary in my situation, but it works :)

Asked this before in the scripting-section, but did not get an answer.
Perhaps it is a NEW frontpage issue ? :


From the wiki I "borrowed"the code to scrape values from a virtual weather device.
when using the script to get the temperature it works fine.

Now I would like to get some wind-values from this virtual weather device. However I don't get the right values, and besides that I get a strange icon returned (see picture)
The virtual weather device returns 6 values : 277.00;W;65;0;11.6;11.6

After running the script idx104 has a string 0;277 and idx 106 has the string 0;W

I hope someone will check my code and checks what is wrong (and explain why)


Edit : Strange ? When checking the current status of both devices the values are displayed correct

Code: Select all

--Script To Parse WeatherUnderground Multi-Value Sensor, Additionally using PWS: system from WU with a new output format
--This script assumes the output (which can be viewed in events show current state button) is like this 19.5;79;3;1019;3 (temp;humidity;null;pressure;null)
--more details at this wiki http://www.domoticz.com/wiki/Virtual_weather_devices
--
--The following need updated for your environment get the 'Idx' or 'Name' off the Device tab. By default only the Temp is 'uncommented or enabled' in this script.
local sensorwu = 'Wind' --name of the sensor that gets created when you add the WU device (and that contains multiple values like temperature, humidity, barometer etc)
local idxw =104 --idx of the virtual temperature sensor you need to change this to your own Device IDx
local idxx = 106 --idx of the virtual humidity sensor you need to change this to your own Device IDx
local idxp = 999 --idx of the virtual pressure sensor you need to change this to your own Device IDx
--
 
commandArray = {}
 
if devicechanged[sensorwu] then
        sWindspeed, sWinddirection, sWind3, sWind4,sTemp1,sTemp2 = otherdevices_svalues[sensorwu]:match("([^;]+);([^;]+);([^;]+);([^;]+);([^;]+)")
        sWindspeed = tonumber(sWindspeed)
        sWinddirection = tonumber(sWinddirection)
        sWind3 = tonumber(sWind3)
       sWind4 = tonumber(sWind4)
       sTemp1 = tonumber(sTemp1)
        sTemp2 = tonumber(sTemp2)
        --parseDebug = ('WU Script Parsed Temp=' .. sWeatherTemp .. ' Humidity=' .. sWeatherHumidity .. ' Pressure=' .. sWeatherPressure)
        --print(parseDebug)
 
        commandArray[1] = {['UpdateDevice'] = idxw .. '|0|' .. sWindspeed}
        commandArray[2] = {['UpdateDevice'] = idxx .. '|' .. tostring(sWinddirection) .. '|' .. tostring(sWinddirection)}
        --commandArray[3] = {['UpdateDevice'] = idxp .. '|0|' .. tostring(sWeatherPressure) .. ';' .. tostring(sWeatherPressForcast)}
end
 
return commandArray
Attachments
wind_2.jpg
wind_2.jpg (27.83 KiB) Viewed 5517 times
Last edited by curious on Sunday 12 June 2016 20:51, edited 1 time in total.
Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest