olin-build / abe-web Goto Github PK

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.

https://www.npmjs.com/package/markdown-it-emoji

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.

To replicate:
Add Event > Start > Move slider
The text input box won't update with the new time displayed in the box itself

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 label
• events.olin.build/l/talks+performances would show events with the talks or performances labels

Some 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 label

Combining 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:

• I want to see all admission events with food: events.olin.build/l/food&admission
• What events does the shop hold other than operating hours?: events.olin.build/l/shop-hours
• What club performances are coming up?: events.olin.build/l/clubs&performances
• I want to see all events except office hours: events.olin.build/l/all-hours
• When are the shop ninja 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.

• Sidebar width about half what it should be, squishing logo
• Scrollbars shown when not needed

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.

For showing error, confirmation, saved, etc messages

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?

Steps to reproduce

• Click on recurring event in calendar view, click Edit occurrence
• Change date, description, and labels.
• Click Update Event

Observed problems

• Description changed for all occurrences
• Date not changed
• Tags gone
• Can't edit again because seriesData is not set

Because you can't highlight pop-ups in Chrome, and also it's more convenient.

Editing an event doesn't load the labels

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:

• https://stackoverflow.com/questions/5191616/how-can-i-auto-fit-fullcalendar-into-a-specified-div-space
• https://stackoverflow.com/questions/9982045/fullcalendar-resize-calendar-on-window-resize

Select with mouse rather than typing

The event pop-up hangs around after clicking on its link loads the Details page for the event. Firefox 54.0, Ubuntu Linux

Before clicking event
After clicking event
Dialog remains on top of Details page it loaded

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

Currently there's no way to return to the default view after toggling labels other than refreshing the page.

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:

• offline functionality
• ability to have a native-like experience
• foundation to use other useful features like web push notifications and share target integration (should it be implemented)

Interesting readings:

• https://developers.google.com/web/showcase/2016/alibaba
• https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3
• https://blog.twitter.com/engineering/en_us/topics/open-source/2017/how-we-built-twitter-lite.html

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.

Need to have a way to view event details, without resetting the selected event categories.
Select all, before clicking event
After clicking event
Event details clicked
Default categories selected

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?

Currently an event's labels aren't shown on the event's page.

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.

Steps to ameliorate 401:

• Be sure you're on OLIN, not OLIN-GUEST
• If off-campus, connect with VPN