Component: EventItemDetail
A component to encapsulate the details of a single feature from the the Events state is required. This component will display the necessary information from a single Feature
object. This component must support flexible information display based on dynamic format strings, and may rely on Angular's ng-container
and ng-template
to support custom external content and external control over which content is displayed when.
Acceptance Criteria:
- Should accept a formatted string primary detail line as input
- Should be split into two segments:
- Left "key info" box (to display magnitude | DYFI code | etc.)
- Right "details" rows of text
- Should display external information from first template or default dash (
-
) in left segment - Should display external formatted informational string as line 1 in right segment
- Should display date and time stamp as left aligned text in line 2 in right segment
- Should display external information from second template or default dash (
-
) as right aligned content in line 2 in right segment
Edited by Jon Rista