Chapter 6. Keeping Up with Activities

In this chapter, we'll build an activity log in our task management system using Scalable Vector Graphics (SVG) to build graphical components using Angular. SVG is the perfect candidate when it comes to complex graphical content, and using Angular components, we can build nicely encapsulated and reusable content.

Since we want to log all the activities within our application, such as adding comments or renaming tasks, we are going to create a central repository. We can then display these activities and render them as an activity timeline using SVG.

To add an overview of all the activities and to provide a user input to narrow the range of displayed activities, we're going to create an interactive slider component. ...

Get Mastering Angular 2 Components now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.