Lab 3: Angular course scheduler application

Assignment

Transform your scheduler AngularJS application to a Single Page Application (SPA) that uses AngularJS rounting (with ngRoute) to load different views. A menu of links should be provided so that the user can navigate to a view that displays the schedule generated in lab 2, and to views that display data for course components (e.g., a view for Homework, a separate view for Exams, a separate view for Labs, etc.). Course component objects are defined in scheduleObjects.js. Every course component has the following attributes:

• type: typical values are Lab, Homework, Exam, Quiz, etc.
• name: the value is the name of the assignment or course componenet, e.g., Multithreading lab.
• number: the number of this componenet among components of the same type.
• sessionDue: the number that corresponds to the session when this component is due.
• url: the URL of the instructions or data relevant to this component.
• solution: the URL of the solutions if this component has solutions.
• sample: the URL of samples if there are samples of this component, e.g., sample exams.

It should be noted that all the properties of a course component do not need to contain a truthy value. Only the appropriate values need to be provided.

The views for the course components should display their data in a grid format, as shown in this course. Click on the Homework, Labs, and Exams links to get a sense of how the data should be displayed.

Your AngularJS application should be transformed in the following ways at a minimun:

• use the ngRoute module to configure routes for providing the navigations described above.
• Define a controller for each route.
• Use the built-in ng-view directiive to include the template (view/partial) of the current route (/schedule, /labs, /exams, etc) in the main html file.
• Define views for each route in a partials sub-directory.
• Provide a navigation menu to allow users to navigate to desired routes.

You will demo your solution to your instructor at the stat of class, next Thursday.