Re: Dashticz - Module - Calendar
Posted: Wednesday 20 February 2019 13:46
@lokonli: problem solved. there werer no meetings for the selected agenda! Everythings works fine...
Thanks for replying,Lokonli wrote: ↑Monday 18 February 2019 19:46How did you add your calendar to Dashticz? Via a frame, or via a calendar block?mvdheide01 wrote: ↑Sunday 17 February 2019 16:54 Hi,
I am trying just to display the google calendar as it shows in the "integrate calendar". So no tricks or formatting, just as it comes because i like that. Also my garbage calendar is included, the holidays etc.
I was able to show it in Dashticz, but after 1 minute or so, it is replace by the month view of a google calendar.
I have seen some posts on it and tried to put it together, but I am stuck.
How can i do that?
I tried to add a screenshot as attachement to this post but it keeps complaining that it is too large
Marcel
Can you post your calendar definition from your CONFIG.js here?
First, you have to find the correct link to your calendar. You can find them as follows:mvdheide01 wrote: ↑Wednesday 20 February 2019 18:27Thanks for replying,Lokonli wrote: ↑Monday 18 February 2019 19:46How did you add your calendar to Dashticz? Via a frame, or via a calendar block?mvdheide01 wrote: ↑Sunday 17 February 2019 16:54 Hi,
I am trying just to display the google calendar as it shows in the "integrate calendar". So no tricks or formatting, just as it comes because i like that. Also my garbage calendar is included, the holidays etc.
I was able to show it in Dashticz, but after 1 minute or so, it is replace by the month view of a google calendar.
I have seen some posts on it and tried to put it together, but I am stuck.
How can i do that?
I tried to add a screenshot as attachement to this post but it keeps complaining that it is too large
Marcel
Can you post your calendar definition from your CONFIG.js here?
Actually at this moment i don't know what my configuration was exactly and I ca't find that post anymore.
I had found a post that put it in a frame and remove the "<iframe src=" before the link and "></iframe>" from the end of the Google calendar link.
But at this moment every try does not display the page anymore. I should be displayed like for example the train info or news from nu.nl.
It would help to have a simple example that always would work to display.
Code: Select all
var frames = {}
frames.calendar = { frameurl: 'PublicURL'}
columns[1] = {}
columns[1]['blocks'] = [
frames.calendar
]
Code: Select all
var buttons= {}
buttons.calendar = { url: 'PublicURL'}
columns[1] = {}
columns[1]['blocks'] = [
buttons.calendar
]
yes, that is possible.
Code: Select all
calendars.example = {maxitems:4, icalurl:'/home/pi/dashticz_v2/f1kalender.ics'}
Great!Lokonli wrote: ↑Wednesday 20 February 2019 20:46First, you have to find the correct link to your calendar. You can find them as follows:mvdheide01 wrote: ↑Wednesday 20 February 2019 18:27Thanks for replying,
Actually at this moment i don't know what my configuration was exactly and I ca't find that post anymore.
I had found a post that put it in a frame and remove the "<iframe src=" before the link and "></iframe>" from the end of the Google calendar link.
But at this moment every try does not display the page anymore. I should be displayed like for example the train info or news from nu.nl.
It would help to have a simple example that always would work to display.
open https://calendar.google.com/calendar
Under 'My calendars' click on the three dots behind your calendar -> settings and sharing
In the page that opens look for the following links:
Public URL to this calendar. It's something like: https://calendar.google.com/calendar/em ... FAmsterdam
I call this PublicURL
Secret address in ICAL format. It's something like: https://calendar.google.com/calendar/ic ... /basic.ics
I call this SecretICAL
There are several ways to display your google calendar:
1) Use a calendar block.
See https://www.domoticz.com/wiki/Dashticz_ ... -_Calendar
Set the icalurl parameter to SecretICAL
Set the url parameter to PublicURL
Precondition: You must use a recent beta, and have PHP enabled.
2) Use a frame:
In CONFIG.js:3) Via a buttonCode: Select all
var frames = {} frames.calendar = { frameurl: 'PublicURL'} columns[1] = {} columns[1]['blocks'] = [ frames.calendar ]
In CONFIG.js:If you click the button your calendar will be shown in a popup window.Code: Select all
var buttons= {} buttons.calendar = { url: 'PublicURL'} columns[1] = {} columns[1]['blocks'] = [ buttons.calendar ]
You can configure the frame and button via the usual parameters (title, width, height, icon, etc)
One of the advantages for method 1 is that you don't have to login into your Google account, so I would recommend that one.
Code: Select all
var calendars = {}
calendars.private = { maxitems: 5, icalurl: 'https://calendar.google.com/calendar/ical/.......mic.be_.........group.calendar.google.com/private-....../basic.ics' }
var frames = {}
frames.calendar = { frameurl: 'https://calendar.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=400&wkst=2&bgcolor=%23FFFFFF&src=..........c.be_.........4%40group.calendar.google.com&color=%2344a703&src=en.be%23holiday%40group.v.calendar.google.com&color=%23125A12&src=.....%40import.calendar.google.com&color=%23691426&ctz=Europe%2FBrussels" style="border-width:0" width="400" height="400" frameborder="0" scrolling="no">'}
var columns = {}
columns[1] = {}
columns[1]['blocks'] = [calendars.private]
columns[2] = {}
columns[2]['blocks'] = [frames.calendar]
The ics file must have read permission set for the webserver-user (normally that's root)
Code: Select all
var calendars = {}
calendars.example = {maxitems:4, icalurl:'/home/pi/dashticz_v2/f1kalender.ics'}
Code: Select all
config['calendarurl']
I have switched to the calendar in block, which workes good, also the recurring events are there.mvdheide01 wrote: ↑Thursday 21 February 2019 10:37Great!Lokonli wrote: ↑Wednesday 20 February 2019 20:46First, you have to find the correct link to your calendar. You can find them as follows:mvdheide01 wrote: ↑Wednesday 20 February 2019 18:27
Thanks for replying,
Actually at this moment i don't know what my configuration was exactly and I ca't find that post anymore.
I had found a post that put it in a frame and remove the "<iframe src=" before the link and "></iframe>" from the end of the Google calendar link.
But at this moment every try does not display the page anymore. I should be displayed like for example the train info or news from nu.nl.
It would help to have a simple example that always would work to display.
open https://calendar.google.com/calendar
Under 'My calendars' click on the three dots behind your calendar -> settings and sharing
In the page that opens look for the following links:
Public URL to this calendar. It's something like: https://calendar.google.com/calendar/em ... FAmsterdam
I call this PublicURL
Secret address in ICAL format. It's something like: https://calendar.google.com/calendar/ic ... /basic.ics
I call this SecretICAL
There are several ways to display your google calendar:
1) Use a calendar block.
See https://www.domoticz.com/wiki/Dashticz_ ... -_Calendar
Set the icalurl parameter to SecretICAL
Set the url parameter to PublicURL
Precondition: You must use a recent beta, and have PHP enabled.
2) Use a frame:
In CONFIG.js:3) Via a buttonCode: Select all
var frames = {} frames.calendar = { frameurl: 'PublicURL'} columns[1] = {} columns[1]['blocks'] = [ frames.calendar ]
In CONFIG.js:If you click the button your calendar will be shown in a popup window.Code: Select all
var buttons= {} buttons.calendar = { url: 'PublicURL'} columns[1] = {} columns[1]['blocks'] = [ buttons.calendar ]
You can configure the frame and button via the usual parameters (title, width, height, icon, etc)
One of the advantages for method 1 is that you don't have to login into your Google account, so I would recommend that one.
With this info, I at least have my previous results back.
I have used both options
1, with the calendar block using SecretICAL. That works ok but does not show my recurring appointments and the format is not like i want it (that i might be able to change in a css)
2, with iframe, this shows my combined calendar perfect, but only for one minute or so, then it is empty. You wrote something like I need to login to Google? Or do I need to set up an api key or something like that?
I would like option 2 to function
Let me try if i can show my code
In CONFIG.js:Code: Select all
var calendars = {} calendars.private = { maxitems: 5, icalurl: 'https://calendar.google.com/calendar/ical/.......mic.be_.........group.calendar.google.com/private-....../basic.ics' } var frames = {} frames.calendar = { frameurl: 'https://calendar.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=400&wkst=2&bgcolor=%23FFFFFF&src=..........c.be_.........4%40group.calendar.google.com&color=%2344a703&src=en.be%23holiday%40group.v.calendar.google.com&color=%23125A12&src=.....%40import.calendar.google.com&color=%23691426&ctz=Europe%2FBrussels" style="border-width:0" width="400" height="400" frameborder="0" scrolling="no">'} var columns = {} columns[1] = {} columns[1]['blocks'] = [calendars.private] columns[2] = {} columns[2]['blocks'] = [frames.calendar]
Code: Select all
Refused to display 'https://accounts.google.com/ServiceLogin?service=cl&passive=*******&osid=1&continue=https://calendar.google.com/calendar/render&followup=https://calendar.google.com/calendar/render&scc=1' in a frame because it set 'X-Frame-Options' to 'deny'.
Which exact Dashticz version are you using?TankySpanky wrote: ↑Tuesday 26 March 2019 22:18 Im starting to getting a headache of the Calendar thing......... Grrrr
I got the garbage working but the normal one seems to get blocked ( probally my mistake ) but i cant find it.
When i press F12 i get the following error
changed one number to ***Code: Select all
Refused to display 'https://accounts.google.com/ServiceLogin?service=cl&passive=*******&osid=1&continue=https://calendar.google.com/calendar/render&followup=https://calendar.google.com/calendar/render&scc=1' in a frame because it set 'X-Frame-Options' to 'deny'.
I placed in the .htaccess
"Header always unset X-Frame-Options"
But no fireworks with that...
"Pretty please" Help![]()
Code: Select all
https://calendar.google.com/calendar/ical/***********%40gmail.com/private-************************/basic.ics
Just to be sure: Which Dashticz version are you using?TankySpanky wrote: ↑Wednesday 27 March 2019 16:55 Hello ,
I have installed...
Dashticz Beta
Php 7.0.33-0+deb9u3
Apache2 webserver
I have copied the "private" link from google calendar in the place for the kalender URL icalfurther i have some CSS changes for nothing strangeCode: Select all
https://calendar.google.com/calendar/ical/***********%40gmail.com/private-************************/basic.ics
Edited the traffic.js info to show belgium traffic info
ty in advance
Code: Select all
var calendars = {}
calendars.me = { maxitems: 10,
icon:'far fa-lightbulb',
icalurl: 'https://calendar.google.com/calendar/ical/me%40gmail.com/private-12ab12ab12ab12ab12ab12ab/basic.ics'
}
Code: Select all
columns[1] = {}
columns[1]['blocks'] = [
calendars.me
]
Excellent!TankySpanky wrote: ↑Wednesday 27 March 2019 20:43 Sorry i forgot Dashticz version
"version": "2.5.10",
"branch": "beta",
I have placed copied it as stated, but i do get the bar with the lightbulbbut nothing below or next to it,
even make a app. for next saturday ( for private ) and it does nog show
All other things are not visable too
UPDATE:
Typo found
Its working now ...
THANKS![]()
crap i think i spend all together about 11 hours of copie paste type and redo / reinstall restart apache2 Name it...
/BOW /HUG
Code: Select all
icon:'far fa-calendar', icalurl: 'https://calendar.google.com/calendar/ical/https://calendar.google.com/calendar/ical/aad.*****%40gmail.com/private-d***********/basic.ics
Code: Select all
calendars.combined = {}
calendars.combined.maxitems = 14;
calendars.combined.width = 6;
calendars.combined.icon = 'far fa-calendar';
calendars.combined.calendars = [
{ color:'White',calendar:calendars.simone },
{ color:'Yellow',calendar:calendars.aad }
]
calendars.combined.url = 'https://calendar.google.com/calendar';