Add room notifications.
This commit is contained in:
parent
56878533f4
commit
d95e383fb1
|
@ -69,7 +69,24 @@ roomListElementView s jr =
|
|||
let
|
||||
name = Maybe.withDefault "<No Name>" <| roomName jr
|
||||
in
|
||||
a [ href <| roomUrl s ] [ text name ]
|
||||
div [ class "room-link-wrapper" ]
|
||||
[ a [ href <| roomUrl s ] [ text name ]
|
||||
, roomNotificationCountView jr.unreadNotifications
|
||||
]
|
||||
|
||||
roomNotificationCountView : Maybe UnreadNotificationCounts -> Html Msg
|
||||
roomNotificationCountView ns =
|
||||
let
|
||||
spanNumber = case Maybe.andThen .notificationCount ns of
|
||||
Nothing -> ""
|
||||
Just 0 -> ""
|
||||
Just i -> String.fromInt i
|
||||
spanSuffix = case Maybe.andThen .highlightCount ns of
|
||||
Nothing -> ""
|
||||
Just 0 -> ""
|
||||
Just i -> "!"
|
||||
in
|
||||
span [ class "notification-count" ] [ text (spanNumber ++ spanSuffix) ]
|
||||
|
||||
loginView : Model -> Html Msg
|
||||
loginView m = div [ class "login-wrapper" ]
|
||||
|
|
|
@ -89,7 +89,7 @@ div.base-wrapper {
|
|||
display: flex;
|
||||
height: 100%;
|
||||
|
||||
div {
|
||||
> div {
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
@ -100,9 +100,15 @@ div.base-wrapper {
|
|||
*/
|
||||
div.rooms-wrapper {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
div.room-link-wrapper {
|
||||
whitespace: nowrap;
|
||||
display: flex;
|
||||
padding: 0px;
|
||||
|
||||
span, a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user