Events Calendar WIP - Help Wanted

eddiewebb

Howdy all. I'm working on an Events Calendar for flarum. The goal is to let users schedule events to share with others.

It's not feature rich, but has core components, the concept is meeting my expectations, but is early days.

Calendar View
List View
Event Detail
Event Create with Date Picker

Done!

[x] Data model and DB migrations
[x] API to CRUD events
[x] New UI route to calendar page
[x] JS Frontend (I was exploring "fullcalendar" as a nice looking option)
[x] Events details modal or page (exists, can be prettier)
[x] Events create modal or page
[x] permissions for create and moderate

In Progress

Pagination
SEO

Up Next

[ ] Hosts and Attendees (currently just actor)

Open Decisions

[ ] should they be linked to discussions like polls or free
[ ] searching?
[ ] roles: single owner, what about hosts, attendees, what are the cardinality

GitHub

Also, if you just have ideas/input, etc. Feel free to raise here or on github issues.

https://github.com/eddiewebb/flarum-calendar

Install

composer require webbinaro/flarum-calendar

Pollux

eddiewebb A great expansion project to foster community building, especially at the local level. Wonderful.

Ganesha604

eddiewebb When installed on beta 14, asks for a sitemap to be enabled. Then the site does not display posts, constant loading, no calendar (

ctml

[deleted] eddie has got a discussion about development of it here eddiewebb. It looks really great, and would surely be a great addition to the flarum ecosystem 🙂 I am not sure if anything has changed since those screenshots were posted, but gives you a rough idea at least.

Hari

eddiewebb Do add embed calandar feature, we want to use it in static pages 😍

eddiewebb

I just packaged 0.0.1.beta.1 - as the name suggests its a beta, but it can do the basics, and I would love feedback.

katos

This looks great, and as Pollux says, is a great way to foster a community - I look forward to seeing what comes of this! 🙂

eddiewebb

0.0.1-beta.2

restrict who can create new events
set moderators who can delete/edit others
supports create, update, delete
event details support markdown rendering

Goals:

pagination for calendar view
event <> discussion relationship (but optional)
click on calendar to create event

[deleted]

eddiewebb Great work!

Mark73

@eddiewebb I see a huge potential in this extension, well done.

Something I noticed when I was giving it a try, when you choose the 'list' option to view events, you find one event repeated every single day of its duration. I'd suggest that it only shows the start and the end date of the event in one line, instead of 30 lines if it's up for 1 month for example. I hope I explained it well. But overall, it's amazing.

luceos

Mark73 showing the event on each day this is the behavior Google calendar has, I think that makes a lot of sense.

eddiewebb

Mark73 thank you! I do see what you mean. I probably fall more in line with luceos 's thoughts, but either way the way events are displayed is from FullCalendar.io, and I don't see a way to easily change that behavior.

Mark73

luceos Possibly, although I see Google calendar more as a daily to-do list organizer instead of an events calendar.

eddiewebb

Thoughts on SEO?

Right now content is just held in memory and show in modal. I wonder if there's a way to make that place nice with crawlers, or if I should move the event details to an overridden DiscussionPage essentially so it has a url?

datitisev

eddiewebb You can make a plain HTML page for it - see how it's done for /u/<username> @ https://github.com/flarum/core/blob/24b16f9d7cc01a3d61708358ab597adcd864fa8f/src/Forum/Content/User.php. This will also make the events available to the page directly with app.preloadedApiDocument() (or similar) and then u access them with app.store.all('events').

I'd also suggest making routes for specific events, that way you can have some structured data for events. Just some ideas.

Hopefully this information is helpful.

eddiewebb

Thanks datitisev , thanks for pointer. I'll dig in that direction.

SecurityDog, thanks. The idea of invitees and attendees is high on my list, I think I want to add pagination and event pages first and then look at adding the UI and data for attendees and linking with discussions.

BayuHerkuncahyo I opened GitHub issue for the import. I can add close button in next beta.

[deleted] I opened a GH issue for that. Also need to think how best to control potential spamming.

https://github.com/eddiewebb/flarum-calendar/issues

BayuHerkuncahyo

Is it possible to add a feature where we can import events from google calendar? and add a close button in the modal event would be nice too.

[deleted]

Another feature I'd add is the ability to send email reminders etc...

dav1d

eddiewebb should they be linked to discussions like polls or free

010101 [ ] should they be linked to discussions like polls or free
Definitely not a critical feature. But, could be nice to have each event tied to a discussion post so that members can talk about it.

I would second this, having it linked like a poll makes sence

[deleted] Another feature I'd add is the ability to send email reminders etc...

There could be auto reminders eg dates upcoming/digest? You could add an option to attach additional discussions and each one with the 'first post' could be the notification? Perhaps when RSVP or 'subscribe' to the event each notification could open a new discussion (referencing the same event/main discussion) with options to target? If the option to target is based on who has RSVP'ed then it could create a fof/byobu

eddiewebb [deleted] I opened a GH issue for that. Also need to think how best to control potential spamming.
Could they be linked to the descuttion, could reminders

Expanding on the data, can

an 'all day' toggle be included
a where/location (that can take a URL or map link) echoing

Amarok possibility to add a location (city location or url for virtual event)

Feature icon & colour (with permission to restrict)? Perhaps inherited from an tags?
Tags (thought if linked to a discussion AKA fof/polls style then, echoing

ctml tag groups in an event

@eddiewebb is it better to raise in on eddiewebb/flarum-calendarissues ?

There also may be issues with the formatting on mobile (PWA) where the UI for the creation form make creation unviable. Perhaps the same as eddiewebb/flarum-calendar29

SecurityDog

Its already a nice extension! 🙂

It would be great to have the option to create automaticly a new discussion, which link to each other. And that users can sign in the event, with an list of all users how will be at the event (who signed in at the calender event).

ctml

eddiewebb Thanks datitisev , thanks for pointer. I'll dig in that direction.

SecurityDog, thanks. The idea of invitees and attendees is high on my list, I think I want to add pagination and event pages first and then look at adding the UI and data for attendees and linking with discussions.

Great work @Eddiefincer , I'm hoping this extension is still being worked on. An event plugin would be key! I love the idea of having invitees (users, groups) and attendees with optional email reminders as someone else here mentioned already. Please keep up the great work! We'll be keeping an eye out for future updates.

Aleram

Great extension! Thank!

From what I tried:

only in 5 countries out of 197, the beginning of the week starts on Sunday and has a 12-hour time format. This setting would come in handy.
now the extension is not detected by Linguist and its translation into another language is difficult

clarkwinkelmann

Aleram the extension is not detected by Linguist

If the extension doesn't follow the naming convention for translations, it won't be visible in Linguist extension dropdown (expected, webbinaro-calendar, actual flarum-calendar), however you should be able to search for "flarum-calendar" and see all translations.

Aleram

clarkwinkelmann This is understandable to me, which is why I wrote that translation is difficult, but not impossible.
And this method cannot translate the name in the main menu (Event Calendar)

clarkwinkelmann

Aleram that text seems to have been hard-coded, @eddiewebb will have to fix that to make it translatable.