olin-build / abe-web Goto Github PK
View Code? Open in Web Editor NEWWeb Calendar front-end to ABE (Amorphous Blob of Events)
Home Page: https://events.olin.build/
License: MIT License
Web Calendar front-end to ABE (Amorphous Blob of Events)
Home Page: https://events.olin.build/
License: MIT License
Sliders are not a super great input for this, although good to have.
We have markdown, but we don't have the markdown emoji library.
It'd be nice to be able to see the daily, week, and year calendar views
Currently, labels refresh every time the calendar scene loads. This doesn't need to happen.
It'd be great to be able to check a box that marks an event as an "all day" event.
Need to ditch jQuery and FullCalendar at some point. Would be nice to have same calendar work for both edit page and full-screen TV/display page.
It would be a neat feature to have the url reflect the label selection at the time, similar to reddit's subreddit selection: https://www.reddit.com/r/HybridAnimals+NatureIsFuckingLit/ shows posts from both subreddits. Implementing this with labels would allow people to easily share different views of the calendar with each other, or groups like STAR, CORe, and various clubs to link to their calendar easily.
for example:
events.olin.build/l/admission
would show all events with the admission
labelevents.olin.build/l/talks+performances
would show events with the talks
or performances
labelsSome words could be reserved, like all
for all labels and default
for the default labels:
events.olin.build/l/default+hours
would show all of the default labels in addition to the hours
labelCombining this with the advanced filtering from #68, certain url-safe symbols could be assigned to the Boolean selectors, e.g. +
for OR
, &
for AND
, and -
for NOT
. This enables situations like:
events.olin.build/l/food&admission
events.olin.build/l/shop-hours
events.olin.build/l/clubs&performances
events.olin.build/l/all-hours
events.olin.build/l/shop&ninjas&hours
Allowing for grouping of these filters could also be useful - I'm not sure what types of brackets (if any) are supported in urls.
Make sure it doesn't extend past the edge of the screen. max-width: 100%
When clicking on an event in the right-most column (Saturday), the tooltip appears partially off the page.
We want to be able to enable tags even if there aren't any events with that tag in the current view.
not sure if the time should update, or just the date, but definitely the date. Also, we should consider if we want to have a default spread between the start and end times - half hour, hour, 100 minutes like how long classes last?
seriesData
is not setBecause you can't highlight pop-ups in Chrome, and also it's more convenient.
It's kinda weird to go from "Add event" to "Edit event" directly. It would be nice for the page to be redirected to the calendar so you can immediately see your new event on it.
This would be a good way to limit permissions on who can edit what
Should be in React, should support markdown, and integrate with whatever we go with for the final Calendar view.
Right now the month view on mobile doesn't take advantage of the portrait aspect ratio, so a lot of information is lost.
I've found a bit of info on resizing fullcalendar:
Select with mouse rather than typing
Right now we just tell people to go into their calendar application settings and subscribe, but people who aren't experienced at navigating their settings will have difficulty with that and may not just not subscribe.
If we use webcal:// instead of http:// for the link to the calendar (which already works with the backend like it is), Outlook will automatically open and subscribe to the calendar. There isn't a similar URI handler in Google Calendar, which leads me to think we should have two buttons - one to subscribe in outlook that just opens the webcal link and one for Google Calendar that steps you through the process of subscribing.
It happens every time we switches views. Fixing this is only relevant if we stick with FullCalendar
Inputting a street address results in "invalid input" styling. Also tries to parse as Olin campus location.
That way you can edit quickly if you see something you want to change and don't have to go back to the calendar to click edit
This button should turn on all the tags so you don't have to click on every tag to enable them.
https://developers.google.com/web/progressive-web-apps/
why:
Interesting readings:
The event description editor should have a cheat sheet showing how to make headers, bold text, etc. Also, the white preview space should give a better visual indication that it's a preview space when blank.
Probably want to confirm first
See Midnight Memes
Recurring events currently display the same on the view page as a single event with the date and time of the first instance in the series. They should have some sort of mention of their recurrence rules.
Browsers will only allow auto copying in an event handler, so our auto-copy function for the ICS feed is broken right now. The copy-to-clipboard module has a manual copy pop-up as a backup that's being used right now, but it's less nice.
Just design wise it's nice to have the text be lighter than full on black to differentiated nicely from what's default and what's actually been inputed by the user.
Need to check everyone can at least tell the difference between the grey unselected labels and the colorful selected labels (don't think we should try to make all the colors different) - maybe change grey to cross-hatched instead?
Right now there's no way to put in a "recur until" date. There should be one.
Coloring labels differently would go a long way towards making the calendar visually parseable and inviting
We need to remove this input if we aren't implementing this feature.
This would be nice to enable, so I don't have to be uber precise with my slider and I can just go to the minute box and type out the time.
Currently the label filtering interface uses something like an OR Boolean operator: If I select food
and admission
, I get all events with the food
label and all events with the admission
label. A useful feature would be the ability to select all events with both the admission
and food
labels. Building on that, showing events with the shop
label without the hours
label. This specificity would make the labels even more useful!
Backend will be handling "authentication," but we need to display a descriptive error message if someone tries to make a change while not on the Olin network.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.