This could be for developers who have contributed in the past but are not currently active developers.

I noticed when I hadn't entered my Canvas URL that I kept getting the "Get Canvas Events Error" alert on the Planner. While it could be possible to address this by adding more detail to the alert, this is just a bug that needs to be fixed so that there aren't any alerts for a person who hasn't entered the Canvas URL.

This is currently what shows after school today:

When it's supposed to say "No more classes left! 🎊" Or something like that. The message is already in the markdown, but some *ngIf must not be configured properly.

A great idea would be to keep the edit button, but have some sort of dialogue that says the user must create an account before customizing the homepage

Like the title says, the 'Edit' and 'Delete' buttons are shown on both the planner sidebar and in the view event modal. The buttons should be disabled in the sidebar and should not show on the modal. This is probably because of that refactoring of the Canvas feeds we did a while back for feed caching.

I noticed the "Create Event" button overlaps with the background when the browser width changes.

Right now we just use an <object> element to display the Daily Bulletin, but it might behoove us to use PDF.js for a better display. With this, we don't have to worry about the browser's implementation of PDF viewing which creates a uniform cross-browser experience. Additionally, we can detect how many pages and their dimension in order to set the correct height/width (avoid scaling issues on mobile) and the PDF is rendered in a Canvas, which means we have full styling control and can get rid of the ugly border from the PDF viewer.

Right know we're sorta just taking the URL, splitting it up by the / character, capitalizing it, the prefixing it with "MyMICDS - ". While this is okay for the majority of routes, it can produce weird titles for URLs with multiple slashes. (Ex. "MyMICDS - Confirm/mgira/123xyz")

The most practical solution is to probably use the custom data property available in the Angular router config. The example linked above simply demonstrates its usage but does not actually work because I was trying some stuff out and forgot to delete when I committed.

Module for quickly viewing upcoming homework assignments/Canvas events.

Module for quickly viewing the lunch on the homepage.

When you have a planner description that is really long, the text won't wrap immediately and adds a vertical scroll to the sidebar. We should fix this so the text simply wraps so there's never a vertical scroll.

something to do with the CSS

@michaelgira23 @AsianPsychoBoy pls fix

On small screens, there should only be two columns, and on even smaller screens there should only be one column. Angular2gridster does have a responsive option, but since it takes a mobile-first approach, all items are internally stored in terms of the smallest dimensions. This is a problem when the back-end tries to populate the grid with a four-column layout. We may have to just manually listen for window resize and change columns accordingly.

https://twitter.com/MyMICDS 👀

Make sure the Font Awesome icon is on its own line

There should be some code located in the app.component.ts and settings.component.ts that update the background. We should call these functions when user logs in and out. Would be nice if we could create an updateBackground() function in the background service.

On bigger screens, the "Coming Up" button and the "Refresh Portal/Create Event" button group are on the same row. Normally, they are supposed to be on separate lines.

This is what it looks like on big screens:

Compared to what it's supposed to look like on smaller screens:

In the planner (and maybe settings), we should have a button for the user to manually refresh their Canvas cache.

If there's room in the schedule component (or maybe settings), we should have a button for the user to manually refresh their Portal cache.

Video Demonstration

Since the "progress bar" is actually a chart.js pie chart, chart.js isn't necessarily built for our use case. When we update the class percentages every second, it has to redraw the canvas and resets the position of the hover labels. Since the label's position is animated, it keeps sliding from the origin (top-left corner) to it's actual position.

It's possible this could be fixed be removing the transition timing function/duration for the label position.

In the lunch page, add the ability to assign different icons to each specific section (Ex. "Dessert" or "Pizza Station") besides just the default hamburger icon.

Make sure the planner is updated when the user adds/deletes MyMICDS events from their planner.

This article (courtesy of @nickbclifford) describes good practice for structuring an Angular application. We should eventually migrate to these good practices from the one monolithic Angular module we have right now.

This would also allow us to implement lazy-loading so the client downloads only what they need to view the current page.

Have newer, cooler, SVG icons with wider selection

For example, when I click on an event and the modal pops up, it will say the assignment's title, and under that the date of the assignment. If the start date and the end date are the same, it should shorten "Apr 11, 2017 - Apr 11, 2017" to simply "Apr 11, 2017"

According to our survey, many people don't utilize the Canvas/Portal URL and class aliases simply because they are hidden. I agree that making these features more accessible would lead to more adoption. Have some sort of slideshow/walkthrough (similar to #20) where the user can input their info.

Redirect the user to here upon registration and also have a notification on the home page if the user skipped this step and hasn't completed it yet.

Apparently there's some error on the planner of a user hasn't inserted their canvas url. This should cease.

This step in the creation of classes will reduce the variability of teacher names, and therefore makes it much easier to aggregate users under the same class.

Add instructions on how to configure your aliases. Possibly, display example assignments for each Canvas class so that people know which class is which.

(Accidentally put in the back-end repository MyMICDS/MyMICDS-v2#38)

The registration page could be a bit more engaging and streamline the entire setup from registration to integrating Portal/Canvas feeds and adding aliases. Right now, the URL inputs are a bit hidden in the settings page, so it could be cool if we could walk the user through setting everything up.

I think it would be great to have something like Slack does. (Here's an example. I'm talking about the steps from confirming email to inviting users) Basically, have a full-page slideshow type thing. Have form inputs in the middle of the page with text to walk you though inserting data. Obviously, the user should be able to skip any of these additional steps besides basic account registration if they don't currently have time. We could give a little alert on the home page with a link to said walk-through page if the user hasn't already inserted their URLs or aliases yet.

Screenshots were taken around 2:50 PM

Unknown whether this is due to Backend or Front end, either way, it shouldn't say School is Over until 3:15

When you make an API request for a user's schedule, you get the normal day rotation (day), regular class schedule (classes) and all-day events occurring that day (allDay). It would be nice if we can find somewhere to display these all-day events, which can include things like "Spring Break - No Classes (US)" which would be useful.

Right now, lunch categories are shown based on hardcoded css-element-queries CSS rules. This should be migrated to a method similar to the simplified-schedule component, where it detects each element's width/height, and shows the element if there's enough room. This would allow us to adapt to different screen sizes and lunch menus showing more categories if there's enough room and showing less if there's an abnormally long menu.

Because the "Edit" button in the top left corner of the homepage is a bit hidden, we should also have a button in settings that simply links to /home/edit so users can edit their layout that way.

I have created a script to be used on travis to automatically deploy github repos. Although it probably needs further testing and configurations

With the update to Angular 4, Angular Universal is now integrated into the official Angular project. This allows us to run Angular on the back-end. You can read a bit more about it in this blog post.

This would improve loading times and increase SEO.

Says "December" in November and "Undefined" in December

Sometimes, when there's stuff going on after school, the percentage of the day will be inaccurate because the current algorithm determines the last event on the schedule as the end of school. This should be capped at a maximum of 3:15pm, but should be allowed to be the time of the last class if it's earlier than 3:15, implying it's a half day or something.

Right now the red 'close' button spans the whole width and we should probably fix that. We could also possibly change the alias section to a modal.

The Hovering Tooltip says the event is "Practice @ [location]".

Normal practices aren't listed under student schedule in the MICDS Portal, however, when this one was, Mymicds counted it as a class.

This could or could not be an issue, and could be dealt with in numerous ways.

When clicking on the planner calendar and clicking the "Add Event" button, the current date is selected by default no matter what. This is a little counter-intuitive, and it should probably have the day currently selected by default (Ex. Clicking on January 1st and "Add Event" should have form input date default to January 1st).

When clicking the "Edit" button of a custom event, Angular crashes giving the error

TypeError: n.getTime is not a function

Similar to how Slack does it, simplify the register page so it's only one field per page. Upon completion, redirect to the next field. This ensures users don't miss any fields, we don't have to cram everything in one page, and allows for a smoother ux.

Instead of having a single bright red for each event, allow users to change the planner crosses on a planner-wide basis "to complete [Sarah's] aesthetic" (Niesen).

When you create a custom event on the planner and submit, the information on the form persists which means creating another event will already have the previous event info filled in. The form should be reset every time the user submits it.

drag and drop modules for the home page

That way user doesn't quit before their important information is saved

Ever since migrating to the new school lunch API, the lunch module on the homepage hasn't worked. Interestingly though, the MyMICDS lunch API should be in the exact same format, besides the category labels?

Lazy-loading components would allow only necessary parts of the application to be initially loaded. This would help with load times. Read more here.

This would require the project to be separated into different ng modules, which is a good thing as it would increase organization.