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 let
name = Maybe.withDefault "<No Name>" <| roomName jr name = Maybe.withDefault "<No Name>" <| roomName jr
in 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 : Model -> Html Msg
loginView m = div [ class "login-wrapper" ] loginView m = div [ class "login-wrapper" ]

View File

@ -89,7 +89,7 @@ div.base-wrapper {
display: flex; display: flex;
height: 100%; height: 100%;
div { > div {
padding: 5px; padding: 5px;
box-sizing: border-box; box-sizing: border-box;
} }
@ -100,9 +100,15 @@ div.base-wrapper {
*/ */
div.rooms-wrapper { div.rooms-wrapper {
flex-shrink: 0; flex-shrink: 0;
}
a { div.room-link-wrapper {
display: block; whitespace: nowrap;
display: flex;
padding: 0px;
span, a {
margin-right: 5px;
} }
} }