Skip to content

Component: Settings (enhancements)

The existing component SettingsComponent requires enhancement to display the necessary information and functionality. This component is a container component that will display several child components, in the following order top down, in a scrollable div:

  • EarthquakeSettingsComponent
  • ListFormatComponent
  • ListSortOrderComponent
  • ListByMapOptionComponent
  • MapLayersComponent
  • TimeZoneComponent

This component will be required to retrieve information streams from the appropriate facades, pass them into the appropriate child components through the async pipe, and handle output events from the above child components. Specific interactions are described below.

Acceptance Criteria:

  • Should display earthquake settings component:
    • Must pass in EventFilter array of valid permutations of filtration options
    • Must pass in EventFilter object containing current selection
    • Should handle filterChanged output and call appropriate facade method
  • Should display list format component:
    • Must pass in formats as list of ListFormat options
    • Must pass in currentFormat as ListFormat for current selection
    • Should handle formatChanged output and call appropriate facade method
  • Should display list sort order component:
    • Must pass in sortOrders as list of ListSort options
    • Must pass in currentSortOrder as ListSort for current selection
    • Should handle sortOrderChanged` output and call appropriate facade method
  • Should display list by map option component:
    • Must pass in filterListByMap boolean for current state
    • Should handle filterListByMapChanged output and call appropriate facade method
  • Should display map layers component:
    • Must pass in BaseLayers array of valid base layer options
    • Must pass in BaseLayers object containing current selection
    • Must pass in showPlateBoundaries, showUSFaults & showUSHazard booleans for current states
    • Should handle baseLayerChanged output and call appropriate facade method
    • Should handle plateBoundariesToggled output and call appropriate facade method
    • Should handle usFaultsToggled output and call appropriate facade method
    • Should handle usHazardToggled output and call appropriate facade method
  • Should display time zone component:
    • Should pass in TimeZones enum value for current selection
    • Should handle timeZoneChanged output and call appropriate facade method
Edited by Jon Rista