NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-12-01 00:34:27 +03:00
Code Issues Packages Projects Releases Wiki Activity

Use the pnaelId helper to get the labels

Browse Source
This commit is contained in:
Tessa Kelly 2019-04-11 13:06:51 -07:00
parent 92ac76a57b
commit c8e245629c
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/Nri/Ui/SlideModal/V2.elm
View File

@ -129,16 +129,14 @@ summarize panels current =
viewModal : Config msg -> State -> Summary -> Html msg
viewModal config ((State { previousPanel }) as state) summary =
let
( labelledById, currentPanel ) =
( panelId summary.current
, [ viewIcon summary.current.icon
, Text.subHeading
[ span [ Html.Styled.Attributes.id (panelId summary.current) ] [ Html.text summary.current.title ]
]
, viewContent summary.current.content
, viewActiveFooter summary |> Html.map config.parentMsg
]
)
currentPanel =
[ viewIcon summary.current.icon
, Text.subHeading
[ span [ Html.Styled.Attributes.id (panelId summary.current) ] [ Html.text summary.current.title ]
]
, viewContent summary.current.content
, viewActiveFooter summary |> Html.map config.parentMsg
]
in
Keyed.node "div"
[ css
@ -151,7 +149,7 @@ viewModal config ((State { previousPanel }) as state) summary =
]
, Role.dialog
, Widget.modal True
, labelledBy labelledById
, labelledBy (panelId summary.current)
]
(case previousPanel of
Just ( direction, panelView ) ->
@ -172,13 +170,13 @@ viewModal config ((State { previousPanel }) as state) summary =
]
)
|> Tuple.mapSecond (Html.map (\_ -> config.parentMsg state))
, ( labelledById
, ( panelId summary.current
, panelContainer config.height [ Slide.animateIn direction ] currentPanel
)
]
Nothing ->
[ ( labelledById
[ ( panelId summary.current
, panelContainer config.height [] currentPanel
)
]