🏠 Story labelling system

[jrosseel]

Story labelling system

---

Quick links: Summary | Description | Technical-Analysis | Acceptance-Criteria

NOTE:: This issue is dependent on #362, #366 and #364

---

Summary

As a user I want labels for my stories

Description

Stories of bots relate to each other either by reference (jump), by parent-child relationship (brick) or by role within the system (re-usable info, assessment, ...)

This feature introduces an open labelling system that users can assign labels to stories.

Users can create and edit labels as they want

Labels have a colour. The user can determine the colour by clicking the labels.

Labels make use of Material chips for display purposes: https://material.angular.io/components/chips/overview

The input for assigning labels to a story needs to be added on the create bot modal. It should appear as shown below

The input field utilises the material chips library linked above and below the input field the user has a list of suggested labels (The suggested labels list is dynamic which means if I type something on the input box I should get suggestions that match what I'm typing like an autocomplete field but based on the labels created for that story).

Fetch the labels from the LabelsStore

Please take note of all the design features

Technical Analysis

The component is pixel perfect