How to modify the list view behavior in the calendar app

đź’» Development
,
1

Hi,
I would like to ask if anyone could point me into the right direction regarding modifying the code of the calendar app to display more than one month in the list view. I tried a few things and was able to modify some behavior but not the one that I was looking for.

Thank you for any hints.
kr,
Martin

2

The app uses the full calendar npm package. According to the documentation you can also create a list for the current year or of the box. Would that help you?

3

Thank you, that helped a lot. I replaced all listMonth by listYear in the code (I am not a developer, so I am going the “brute force” way) . Now the “List” view selection displays all the events for a year.

Unpleasant side effect is that when sharing the calendar with the ebedding code the events are not displayed under any view anymore. Not sure where to solve that yet, I am thankful for any further hints.

4

To add the yearly list to the embedded view would be:

A quick and untested variant would be to clone the lines declaring isListMonthViewSelected and make them listYear. Then, you can also clone the corresponding button, fix the class definition and the call to view. Updating the title of the button might be beneficial.

For the internal views, you will most probably have to modify this file.

If there is something not working, you might want to make sure the network traffic looks good. I expect that there are some requests returning 4xx or even 5xx HTML error codes. The, one could have a look at these errors in detail.

5

Thank you again!!!
The current main branch seems to be unstable with regards to the embedded views.
I successfully created the list view for a year with the stable4.6 branch!

6

Hi, I got a wunderfull solution with AI to have a “dynamic List”. It shows all calendar entries from -1 of current month until +11 months based on the selected month. So even crossing the year end. I just replaced these two files (generated by AI), deactivatd and re-activated the calendar app in this nextcloud folder /www…/nextcloud/apps/calendar/js and it works superb. 1st file: calendar-defaultVendors-src_views_Calendar_vue-src_models_attendee_js.js.map 2nd file: calendar-main.js The public shared link has to have a suffix “…/listMonth/now”. It looks like that: Nextcloud

7

Or you can give CompactCalendarWidget a try to have a quick overwiew of your appointments

8

I use the widget and like the desktop functionality, but it does not provide a list view nor can I share the view as a public link to be used on mobile phones.