Dashboard date range and cloud account name filter

[infinitewarp]

As a customer, I want to have an account name filter at the top of the dashboard page so that I can limit the displayed data on the rest of the dashboard.

As a customer, I want to have a date range filter at the top of the dashboard page so that I can limit the displayed data on the rest of the dashboard.

See mockup diagram here.

The date picker is not expected to be a traditional date picker but instead uses words to indicate "last 30 days" and each of the whole previous 12 months. For example:

• last 30 days
• 2018 June
• 2018 May
• 2018 April
• 2018 March
• 2018 February
• 2018 January
• 2017 December
• 2017 November
• 2017 October
• 2017 September
• 2017 August
• 2017 July

The account name filter is a simple text field.

Acceptance Criteria

• Verify that a name field exists
• Verify there is some reasonable character length limit to the name field
• Verify that a pseudo-date selector exists
• Verify that changing the date or name appliesas a filter via some mechanism
  • This might just be a placeholder javascript function that just prints the current filter to the console so it can be verified.
  • This needs to use start and end ISO-8601 datetime format strings to indicate the selected time period. The start value is inclusive and the end value is exclusive. e.g. start "2018-01-01T00:00:00" to end "2018-02-01T00:00:00" effectively means "the month of 2018-01".
• Verify that an issue for tracking integration tests exists!

Assumptions and Questions

• This story defines the date filter without anything to apply it to. The content with the graphs and account list will come in future stories, and they will need to integrate nicely with this filter.
• When we have actual content on the page to be filtered, how and when is the filter applied? Since we have no "apply" button, does the act of changing the date cause the data to refresh immediately upon change?
  • Yes! Simply changing the value should apply the filter and refresh the data on the page.
• When we have actual content on the page to be filtered, how and when is the filter applied? Since we have no "apply" button, how soon after keyup should the name filter cause a refresh? Or is there some other way to apply this filter?
  • Maybe we use an enter key on onblur? @cdcabrera will look into the standard behavior. 🙂