As a way to easily track member specified data, notes are shown and can be added on the Dashboard/DST trend line charts.
On click of any of the charts on the widgets, it should open the modal that displays the trend line for the selected widget.
Dates that have notes are represented by shaded dots on the trendline, and on hover, it should display a tooltip with the data for that date, and a preview of the currently added notes per ASIN.
Showing Notes
To be able to view the existing notes that were added, simply hover on a shaded dot, and click on the Show Notes button at the bottom of the tooltip.
This will open a small modal that shows a date picker on the left, and on the right, a dropdown to select an ASIN and the text field where the notes will be added/displayed.
Similar to the trend line dots, the dates that already have notes added have a dot marker on their upper right corner.
Adding Notes
There are three ways to add notes in the modal. The first one is by clicking on the Show Notes button from a date that already contains notes, and selecting a date and ASIN to add notes.
The second, is via the Add Notes button on the upper right of the modal.
This will open the same modal that displays whenever clicking on the Show Notes button, wherein members may select a date and ASIN, then add their notes.
On the third option, members can select any dot on the trend line. If the dot marker is unshaded, then they’ll see the Add Notes button on the tooltip and should open the same modal for selecting a date and adding notes.
Additional Notes
Notes that have been added through this feature should also be visible when navigating to the DST pages.
When grouped by brand on the Dashboard, members should select a brand first on the notes modal, before selecting an ASIN and adding notes.
On the ASIN selector of the Add Notes modal, ASINs from the selected date that have notes saved display a dot mark, while the currently active/selected ASIN displays a check mark.