Customer Log

The Customer Log is a new top-level dashboard view which will display summarized customer data.

Scope

Backend

[ ] A REST endpoint must be created for GET /api/customer/[ID] and GET /api/customers.
[ ] Possible entity may be required for Customer.

Frontend

[ ] A new customer log dashboard view will have to be created.
[ ] A new button must be added to the dashboard navigation, linking to the new view.
[ ] Components must be made for the customer pods and all data it contains.
[ ] The customer pods must be nested in a <Fetch> component.
[ ] Appropriate SASS must be created.
[ ] Must be mobile responsive.

Requirements

Overall Page

[ ] Customer information should be grouped into "pods".
[ ] Pods should be sorted by date with the newest customer response at the top of the page.
[ ] There should be an option to filter in a similar fashion to the preset Time Filters in the Aspects page.

Individual Pod

[ ] A pod should contain the date of the post. An average date is acceptable.
[ ] An email should be displayed if available.
[ ] The customer's comment should be displayed if available.
[ ] Each rated aspect should be displayed in a badge, alongside the actual score given for said aspect.
[ ] 3 summary badges should be displayed: Average (of all aspects), To Benchmark (wording may change; this should show the percent difference between the customer's average and the average of all the responses/customers given in that time window).

Design Mockup

This is an early iteration of the design of each "customer info" pod:

The 3 horizontal bars should be omitted and are a relic of an older proposal. Ignore the "Responses" badge next to the 3 bars; it doesn't make any sense.

This mockup is more of a guideline. The final implementation can diverge a bit.

Brevada / brv