Add room notifications.

This commit is contained in:
Danila Fedorin 2018-12-13 17:47:58 -08:00
parent 56878533f4
commit d95e383fb1
2 changed files with 27 additions and 4 deletions

View File

@ -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" ]

View File

@ -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;
}
}