Merge pull request #845 from pcforgeek/add-day-marker-in-chatroom

[NEW] Add day marker in chatroom

app/src/main/java/chat/rocket/android/app/DateTimeHelper.kt

@@ -44,39 +44,48 @@ object DateTimeHelper {
         }
     }
 
-    /**
-     * Returns a time from a [LocalDateTime].
-     *
-     * @param localDateTime The [LocalDateTime].
-     * @return The time from a [LocalDateTime].
-     */
-    fun getTime(localDateTime: LocalDateTime): String {
-        val formatter = DateTimeFormatter.ofLocalizedTime(FormatStyle.SHORT)
-        return localDateTime.toLocalTime().format(formatter).toString()
+    fun getFormattedDateForMessages(localDateTime: LocalDateTime, context: Context): String {
+        val localDate = localDateTime.toLocalDate()
+        return when (localDate) {
+            today -> context.getString(R.string.msg_today)
+            yesterday -> context.getString(R.string.msg_yesterday)
+            else -> formatLocalDate(localDate)
+        }
     }
 
-    /**
-     * Returns a date time from a [LocalDateTime].
-     *
-     * @param localDateTime The [LocalDateTime].
-     * @return The time from a [LocalDateTime].
-     */
-    fun getDateTime(localDateTime: LocalDateTime): String {
-        return formatLocalDateTime(localDateTime)
-    }
+/**
+ * Returns a time from a [LocalDateTime].
+ *
+ * @param localDateTime The [LocalDateTime].
+ * @return The time from a [LocalDateTime].
+ */
+fun getTime(localDateTime: LocalDateTime): String {
+    val formatter = DateTimeFormatter.ofLocalizedTime(FormatStyle.SHORT)
+    return localDateTime.toLocalTime().format(formatter).toString()
+}
 
-    private fun formatLocalDateTime(localDateTime: LocalDateTime): String {
-        val formatter = DateTimeFormatter.ofLocalizedDateTime(FormatStyle.SHORT)
-        return localDateTime.format(formatter).toString()
-    }
+/**
+ * Returns a date time from a [LocalDateTime].
+ *
+ * @param localDateTime The [LocalDateTime].
+ * @return The time from a [LocalDateTime].
+ */
+fun getDateTime(localDateTime: LocalDateTime): String {
+    return formatLocalDateTime(localDateTime)
+}
 
-    private fun formatLocalDate(localDate: LocalDate): String {
-        val formatter = DateTimeFormatter.ofLocalizedDate(FormatStyle.SHORT)
-        return localDate.format(formatter).toString()
-    }
+private fun formatLocalDateTime(localDateTime: LocalDateTime): String {
+    val formatter = DateTimeFormatter.ofLocalizedDateTime(FormatStyle.SHORT)
+    return localDateTime.format(formatter).toString()
+}
 
-    private fun formatLocalTime(localTime: LocalTime): String {
-        val formatter = DateTimeFormatter.ofLocalizedTime(FormatStyle.SHORT)
-        return localTime.format(formatter).toString()
-    }
+private fun formatLocalDate(localDate: LocalDate): String {
+    val formatter = DateTimeFormatter.ofLocalizedDate(FormatStyle.SHORT)
+    return localDate.format(formatter).toString()
+}
+
+private fun formatLocalTime(localTime: LocalTime): String {
+    val formatter = DateTimeFormatter.ofLocalizedTime(FormatStyle.SHORT)
+    return localTime.format(formatter).toString()
+}
 }
\ No newline at end of file

app/src/main/java/chat/rocket/android/chatroom/adapter/MessageViewHolder.kt

@@ -26,20 +26,30 @@ class MessageViewHolder(
 
     override fun bindViews(data: MessageUiModel) {
         with(itemView) {
-            if (data.isFirstUnread) new_messages_notif.visibility = View.VISIBLE
-            else new_messages_notif.visibility = View.GONE
+            day_marker_layout.visibility = if (data.showDayMarker) {
+                day.text = data.currentDayMarkerText
+                View.VISIBLE
+            } else {
+                View.GONE
+            }
+
+            if (data.isFirstUnread) {
+                new_messages_notif.visibility = View.VISIBLE
+            } else {
+                new_messages_notif.visibility = View.GONE
+            }
 
             text_message_time.text = data.time
             text_sender.text = data.senderName
             text_content.text = data.content
             image_avatar.setImageURI(data.avatar)
-            text_content.setTextColor(
-                if (data.isTemporary) Color.GRAY else Color.BLACK
-            )
+            text_content.setTextColor(if (data.isTemporary) Color.GRAY else Color.BLACK)
+
             data.message.let {
                 text_edit_indicator.isVisible = !it.isSystemMessage() && it.editedBy != null
                 image_star_indicator.isVisible = it.starred?.isNotEmpty() ?: false
             }
+
             if (data.unread == null) {
                 read_receipt_view.isVisible = false
             } else {

app/src/main/java/chat/rocket/android/chatroom/ui/ChatRoomFragment.kt

@@ -12,15 +12,14 @@ import android.text.SpannableStringBuilder
 import android.view.KeyEvent
 import android.view.LayoutInflater
 import android.view.Menu
-import android.view.MenuInflater
 import android.view.MenuItem
 import android.view.View
 import android.view.ViewGroup
-import android.widget.ImageView
 import android.widget.Button
 import android.widget.EditText
-import android.widget.TextView
 import android.widget.FrameLayout
+import android.widget.ImageView
+import android.widget.TextView
 import androidx.annotation.DrawableRes
 import androidx.core.text.bold
 import androidx.core.view.isVisible
@@ -53,9 +52,9 @@ import chat.rocket.android.emoji.EmojiParser
 import chat.rocket.android.emoji.EmojiPickerPopup
 import chat.rocket.android.emoji.EmojiReactionListener
 import chat.rocket.android.helper.EndlessRecyclerViewScrollListener
+import chat.rocket.android.helper.ImageHelper
 import chat.rocket.android.helper.KeyboardHelper
 import chat.rocket.android.helper.MessageParser
-import chat.rocket.android.helper.ImageHelper
 import chat.rocket.android.util.extension.asObservable
 import chat.rocket.android.util.extensions.circularRevealOrUnreveal
 import chat.rocket.android.util.extensions.fadeIn
@@ -296,24 +295,42 @@ class ChatRoomFragment : Fragment(), ChatRoomView, EmojiKeyboardListener, EmojiR
                 adapter.clearData()
             }
 
-            // track the message sent immediately after the current message
-            var prevMessageUiModel: MessageUiModel? = null
+            if (dataSet.isNotEmpty()) {
+                var prevMsgModel = dataSet[0]
+
+                // track the message sent immediately after the current message
+                var prevMessageUiModel: MessageUiModel? = null
 
-            // Loop over received messages to determine first unread
-            for (i in dataSet.indices) {
-                val msgModel = dataSet[i]
+                // Checking for all messages to assign true to the required showDayMaker
+                // Loop over received messages to determine first unread
+                var firstUnread = false
+                for (i in dataSet.indices) {
+                    val msgModel = dataSet[i]
 
-                if (msgModel is MessageUiModel) {
-                    val msg = msgModel.rawData
-                    if (msg.timestamp < chatRoomLastSeen) {
-                        // This message was sent before the last seen of the room. Hence, it was seen.
-                        // if there is a message after (below) this, mark it firstUnread.
-                        if (prevMessageUiModel != null) {
-                            prevMessageUiModel.isFirstUnread = true
+                    if (i > 0) {
+                        prevMsgModel = dataSet[i - 1]
+                    }
+
+                    val currentDayMarkerText = msgModel.currentDayMarkerText
+                    val previousDayMarkerText = prevMsgModel.currentDayMarkerText
+                    println("$previousDayMarkerText then $currentDayMarkerText")
+                    if (previousDayMarkerText != currentDayMarkerText) {
+                        prevMsgModel.showDayMarker = true
+                    }
+
+                    if (!firstUnread && msgModel is MessageUiModel) {
+                        val msg = msgModel.rawData
+                        if (msg.timestamp < chatRoomLastSeen) {
+                            // This message was sent before the last seen of the room. Hence, it was seen.
+                            // if there is a message after (below) this, mark it firstUnread.
+                            if (prevMessageUiModel != null) {
+                                prevMessageUiModel.isFirstUnread = true
+                            }
+                            // Found first unread message.
+                            firstUnread = true
                         }
-                        break
+                        prevMessageUiModel = msgModel
                     }
-                    prevMessageUiModel = msgModel
                 }
             }
 
@@ -428,7 +445,7 @@ class ChatRoomFragment : Fragment(), ChatRoomView, EmojiKeyboardListener, EmojiR
             } else {
                 if (dy < 0 && !button_fab.isVisible) {
                     button_fab.show()
-                    if (newMessageCount !=0) text_count.isVisible = true
+                    if (newMessageCount != 0) text_count.isVisible = true
                 }
             }
         }
@@ -487,14 +504,13 @@ class ChatRoomFragment : Fragment(), ChatRoomView, EmojiKeyboardListener, EmojiR
             if (isMessageReceived && button_fab.isVisible) {
                 newMessageCount++
 
-            if (newMessageCount <= 99)
-                text_count.text = newMessageCount.toString()
-            else
-                text_count.text = "99+"
+                if (newMessageCount <= 99)
+                    text_count.text = newMessageCount.toString()
+                else
+                    text_count.text = "99+"
 
                 text_count.isVisible = true
-            }
-            else if (!button_fab.isVisible)
+            } else if (!button_fab.isVisible)
                 recycler_view.scrollToPosition(0)
             verticalScrollOffset.set(0)
             empty_chat_view.isVisible = adapter.itemCount == 0
@@ -883,7 +899,7 @@ class ChatRoomFragment : Fragment(), ChatRoomView, EmojiKeyboardListener, EmojiR
             clearMessageComposition(false)
             if (text_message.textContent.isEmpty()) {
                 KeyboardHelper.showSoftKeyboard(text_message)
-            }    
+            }
         }
     }
 

app/src/main/java/chat/rocket/android/chatroom/uimodel/AudioAttachmentUiModel.kt

@@ -16,7 +16,9 @@ data class AudioAttachmentUiModel(
         override var preview: Message? = null,
         override var isTemporary: Boolean = false,
         override var unread: Boolean? = null,
-        override var menuItemsToHide: MutableList<Int> = mutableListOf()
+        override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+        override var currentDayMarkerText: String,
+        override var showDayMarker: Boolean
 ) : BaseFileAttachmentUiModel<AudioAttachment> {
     override val viewType: Int
         get() = BaseUiModel.ViewType.AUDIO_ATTACHMENT.viewType

app/src/main/java/chat/rocket/android/chatroom/uimodel/AuthorAttachmentUiModel.kt

@@ -5,20 +5,22 @@ import chat.rocket.core.model.Message
 import chat.rocket.core.model.attachment.AuthorAttachment
 
 data class AuthorAttachmentUiModel(
-        override val attachmentUrl: String,
-        val id: Long,
-        val name: CharSequence?,
-        val icon: String?,
-        val fields: CharSequence?,
-        override val message: Message,
-        override val rawData: AuthorAttachment,
-        override val messageId: String,
-        override var reactions: List<ReactionUiModel>,
-        override var nextDownStreamMessage: BaseUiModel<*>? = null,
-        override var preview: Message? = null,
-        override var isTemporary: Boolean = false,
-        override var unread: Boolean? = null,
-        override var menuItemsToHide: MutableList<Int> = mutableListOf()
+    override val attachmentUrl: String,
+    val id: Long,
+    val name: CharSequence?,
+    val icon: String?,
+    val fields: CharSequence?,
+    override val message: Message,
+    override val rawData: AuthorAttachment,
+    override val messageId: String,
+    override var reactions: List<ReactionUiModel>,
+    override var nextDownStreamMessage: BaseUiModel<*>? = null,
+    override var preview: Message? = null,
+    override var isTemporary: Boolean = false,
+    override var unread: Boolean? = null,
+    override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+    override var currentDayMarkerText: String,
+    override var showDayMarker: Boolean
 ) : BaseAttachmentUiModel<AuthorAttachment> {
     override val viewType: Int
         get() = BaseUiModel.ViewType.AUTHOR_ATTACHMENT.viewType

app/src/main/java/chat/rocket/android/chatroom/uimodel/BaseUiModel.kt

@@ -14,6 +14,8 @@ interface BaseUiModel<out T> {
     var preview: Message?
     var isTemporary: Boolean
     var unread: Boolean?
+    var currentDayMarkerText: String
+    var showDayMarker: Boolean
     var menuItemsToHide: MutableList<Int>
 
     enum class ViewType(val viewType: Int) {

app/src/main/java/chat/rocket/android/chatroom/uimodel/ColorAttachmentUiModel.kt

@@ -5,19 +5,21 @@ import chat.rocket.core.model.Message
 import chat.rocket.core.model.attachment.ColorAttachment
 
 data class ColorAttachmentUiModel(
-        override val attachmentUrl: String,
-        val id: Long,
-        val color: Int,
-        val text: CharSequence,
-        override val message: Message,
-        override val rawData: ColorAttachment,
-        override val messageId: String,
-        override var reactions: List<ReactionUiModel>,
-        override var nextDownStreamMessage: BaseUiModel<*>? = null,
-        override var preview: Message? = null,
-        override var isTemporary: Boolean = false,
-        override var unread: Boolean?,
-        override var menuItemsToHide: MutableList<Int> = mutableListOf()
+    override val attachmentUrl: String,
+    val id: Long,
+    val color: Int,
+    val text: CharSequence,
+    override val message: Message,
+    override val rawData: ColorAttachment,
+    override val messageId: String,
+    override var reactions: List<ReactionUiModel>,
+    override var nextDownStreamMessage: BaseUiModel<*>? = null,
+    override var preview: Message? = null,
+    override var isTemporary: Boolean = false,
+    override var unread: Boolean?,
+    override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+    override var currentDayMarkerText: String,
+    override var showDayMarker: Boolean
 ) : BaseAttachmentUiModel<ColorAttachment> {
     override val viewType: Int
         get() = BaseUiModel.ViewType.COLOR_ATTACHMENT.viewType

app/src/main/java/chat/rocket/android/chatroom/uimodel/GenericFileAttachmentUiModel.kt

@@ -5,18 +5,20 @@ import chat.rocket.core.model.Message
 import chat.rocket.core.model.attachment.GenericFileAttachment
 
 data class GenericFileAttachmentUiModel(
-        override val message: Message,
-        override val rawData: GenericFileAttachment,
-        override val messageId: String,
-        override val attachmentUrl: String,
-        override val attachmentTitle: CharSequence,
-        override val id: Long,
-        override var reactions: List<ReactionUiModel>,
-        override var nextDownStreamMessage: BaseUiModel<*>? = null,
-        override var preview: Message? = null,
-        override var isTemporary: Boolean = false,
-        override var unread: Boolean? = null,
-        override var menuItemsToHide: MutableList<Int> = mutableListOf()
+    override val message: Message,
+    override val rawData: GenericFileAttachment,
+    override val messageId: String,
+    override val attachmentUrl: String,
+    override val attachmentTitle: CharSequence,
+    override val id: Long,
+    override var reactions: List<ReactionUiModel>,
+    override var nextDownStreamMessage: BaseUiModel<*>? = null,
+    override var preview: Message? = null,
+    override var isTemporary: Boolean = false,
+    override var unread: Boolean? = null,
+    override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+    override var currentDayMarkerText: String,
+    override var showDayMarker: Boolean
 ) : BaseFileAttachmentUiModel<GenericFileAttachment> {
     override val viewType: Int
         get() = BaseUiModel.ViewType.GENERIC_FILE_ATTACHMENT.viewType

app/src/main/java/chat/rocket/android/chatroom/uimodel/ImageAttachmentUiModel.kt

@@ -5,20 +5,22 @@ import chat.rocket.core.model.Message
 import chat.rocket.core.model.attachment.ImageAttachment
 
 data class ImageAttachmentUiModel(
-        override val message: Message,
-        override val rawData: ImageAttachment,
-        override val messageId: String,
-        override val attachmentUrl: String,
-        override val attachmentTitle: CharSequence,
-        val attachmentText: String?,
-        val attachmentDescription: String?,
-        override val id: Long,
-        override var reactions: List<ReactionUiModel>,
-        override var nextDownStreamMessage: BaseUiModel<*>? = null,
-        override var preview: Message? = null,
-        override var isTemporary: Boolean = false,
-        override var unread: Boolean? = null,
-        override var menuItemsToHide: MutableList<Int> = mutableListOf()
+    override val message: Message,
+    override val rawData: ImageAttachment,
+    override val messageId: String,
+    override val attachmentUrl: String,
+    override val attachmentTitle: CharSequence,
+    val attachmentText: String?,
+    val attachmentDescription: String?,
+    override val id: Long,
+    override var reactions: List<ReactionUiModel>,
+    override var nextDownStreamMessage: BaseUiModel<*>? = null,
+    override var preview: Message? = null,
+    override var isTemporary: Boolean = false,
+    override var unread: Boolean? = null,
+    override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+    override var currentDayMarkerText: String,
+    override var showDayMarker: Boolean
 ) : BaseFileAttachmentUiModel<ImageAttachment> {
     override val viewType: Int
         get() = BaseUiModel.ViewType.IMAGE_ATTACHMENT.viewType

app/src/main/java/chat/rocket/android/chatroom/uimodel/MessageAttachmentUiModel.kt

@@ -4,20 +4,22 @@ import chat.rocket.android.R
 import chat.rocket.core.model.Message
 
 data class MessageAttachmentUiModel(
-        override val message: Message,
-        override val rawData: Message,
-        override val messageId: String,
-        var senderName: String?,
-        val time: CharSequence?,
-        val content: CharSequence,
-        val isPinned: Boolean,
-        override var reactions: List<ReactionUiModel>,
-        override var nextDownStreamMessage: BaseUiModel<*>? = null,
-        var messageLink: String? = null,
-        override var preview: Message? = null,
-        override var isTemporary: Boolean = false,
-        override var unread: Boolean? = null,
-        override var menuItemsToHide: MutableList<Int> = mutableListOf()
+    override val message: Message,
+    override val rawData: Message,
+    override val messageId: String,
+    var senderName: String?,
+    val time: CharSequence?,
+    val content: CharSequence,
+    val isPinned: Boolean,
+    override var reactions: List<ReactionUiModel>,
+    override var nextDownStreamMessage: BaseUiModel<*>? = null,
+    var messageLink: String? = null,
+    override var preview: Message? = null,
+    override var isTemporary: Boolean = false,
+    override var unread: Boolean? = null,
+    override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+    override var currentDayMarkerText: String,
+    override var showDayMarker: Boolean
 ) : BaseUiModel<Message> {
     override val viewType: Int
         get() = BaseUiModel.ViewType.MESSAGE_ATTACHMENT.viewType

app/src/main/java/chat/rocket/android/chatroom/uimodel/MessageReplyUiModel.kt

@@ -13,7 +13,9 @@ data class MessageReplyUiModel(
     override var isTemporary: Boolean = false,
     override val message: Message,
     override var unread: Boolean? = null,
-    override var menuItemsToHide: MutableList<Int> = mutableListOf()
+    override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+    override var currentDayMarkerText: String,
+    override var showDayMarker: Boolean
 ) : BaseUiModel<MessageReply> {
     override val viewType: Int
         get() = BaseUiModel.ViewType.MESSAGE_REPLY.viewType

app/src/main/java/chat/rocket/android/chatroom/uimodel/MessageUiModel.kt

@@ -12,6 +12,8 @@ data class MessageUiModel(
     override val senderName: CharSequence,
     override val content: CharSequence,
     override val isPinned: Boolean,
+    override var currentDayMarkerText: String,
+    override var showDayMarker: Boolean,
     override var reactions: List<ReactionUiModel>,
     override var nextDownStreamMessage: BaseUiModel<*>? = null,
     override var preview: Message? = null,

app/src/main/java/chat/rocket/android/chatroom/uimodel/UiModelMapper.kt

@@ -265,6 +265,10 @@ class UiModelMapper @Inject constructor(
         val roomName =
             if (settings.useRealName() && name != null) name else message.sender?.username ?: ""
         val permalink = messageHelper.createPermalink(message, chatRoom)
+
+        val localDateTime = DateTimeHelper.getLocalDateTime(message.timestamp)
+        val dayMarkerText = DateTimeHelper.getFormattedDateForMessages(localDateTime, context)
+
         return MessageReplyUiModel(
             messageId = message.id,
             isTemporary = false,
@@ -273,7 +277,9 @@ class UiModelMapper @Inject constructor(
             preview = mapMessagePreview(message),
             rawData = MessageReply(roomName = roomName, permalink = permalink),
             nextDownStreamMessage = null,
-            unread = message.unread
+            unread = message.unread,
+            currentDayMarkerText = dayMarkerText,
+            showDayMarker = false
         )
     }
 
@@ -285,8 +291,12 @@ class UiModelMapper @Inject constructor(
         val title = url.meta?.title
         val description = url.meta?.description
 
+        val localDateTime = DateTimeHelper.getLocalDateTime(message.timestamp)
+        val dayMarkerText = DateTimeHelper.getFormattedDateForMessages(localDateTime, context)
+
         return UrlPreviewUiModel(message, url, message.id, title, hostname, description, thumb,
-            getReactions(message), preview = message.copy(message = url.url), unread = message.unread)
+            getReactions(message), preview = message.copy(message = url.url), unread = message.unread,
+            showDayMarker = false, currentDayMarkerText = dayMarkerText)
     }
 
     private fun mapAttachment(message: Message, attachment: Attachment): BaseUiModel<*>? {
@@ -304,10 +314,14 @@ class UiModelMapper @Inject constructor(
             val content = stripMessageQuotes(message)
             val id = attachmentId(message, attachment)
 
+            val localDateTime = DateTimeHelper.getLocalDateTime(message.timestamp)
+            val dayMarkerText = DateTimeHelper.getFormattedDateForMessages(localDateTime, context)
+
             ColorAttachmentUiModel(attachmentUrl = url, id = id, color = color.color,
                 text = text, message = message, rawData = attachment,
                 messageId = message.id, reactions = getReactions(message),
-                preview = message.copy(message = content.message), unread = message.unread)
+                preview = message.copy(message = content.message), unread = message.unread,
+                showDayMarker = false, currentDayMarkerText = dayMarkerText)
         }
     }
 
@@ -332,10 +346,14 @@ class UiModelMapper @Inject constructor(
             }
             val id = attachmentId(message, attachment)
 
+            val localDateTime = DateTimeHelper.getLocalDateTime(message.timestamp)
+            val dayMarkerText = DateTimeHelper.getFormattedDateForMessages(localDateTime, context)
+
             AuthorAttachmentUiModel(attachmentUrl = url, id = id, name = authorName,
                 icon = authorIcon, fields = fieldsText, message = message, rawData = attachment,
                 messageId = message.id, reactions = getReactions(message),
-                preview = message.copy(message = content.message), unread = message.unread)
+                preview = message.copy(message = content.message), unread = message.unread,
+                showDayMarker = false, currentDayMarkerText = dayMarkerText)
         }
     }
 
@@ -349,11 +367,17 @@ class UiModelMapper @Inject constructor(
             is GenericFileAttachment -> context.getString(R.string.msg_preview_file)
             else -> attachment.text ?: ""
         }
+
+        val localDateTime = DateTimeHelper.getLocalDateTime(message.timestamp)
+        val dayMarkerText = DateTimeHelper.getFormattedDateForMessages(localDateTime, context)
+
         val content = stripMessageQuotes(message)
+
         return MessageAttachmentUiModel(message = content, rawData = message,
             messageId = message.id, time = time, senderName = attachmentAuthor,
             content = attachmentText, isPinned = message.pinned, reactions = getReactions(message),
-            preview = message.copy(message = content.message), unread = message.unread)
+            preview = message.copy(message = content.message), unread = message.unread,
+            currentDayMarkerText = dayMarkerText, showDayMarker = false)
     }
 
     private fun mapFileAttachment(message: Message, attachment: FileAttachment): BaseUiModel<*>? {
@@ -362,19 +386,27 @@ class UiModelMapper @Inject constructor(
         val attachmentText = attachmentText(attachment)
         val attachmentDescription = attachmentDescription(attachment)
         val id = attachmentId(message, attachment)
+
+        val localDateTime = DateTimeHelper.getLocalDateTime(message.timestamp)
+        val dayMarkerText = DateTimeHelper.getFormattedDateForMessages(localDateTime, context)
+
         return when (attachment) {
             is ImageAttachment -> ImageAttachmentUiModel(message, attachment, message.id,
                 attachmentUrl, attachmentTitle, attachmentText, attachmentDescription, id, getReactions(message),
-                preview = message.copy(message = context.getString(R.string.msg_preview_photo)), unread = message.unread)
+                preview = message.copy(message = context.getString(R.string.msg_preview_photo)), unread = message.unread,
+                showDayMarker = false, currentDayMarkerText = dayMarkerText)
             is VideoAttachment -> VideoAttachmentUiModel(message, attachment, message.id,
                 attachmentUrl, attachmentTitle, id, getReactions(message),
-                preview = message.copy(message = context.getString(R.string.msg_preview_video)), unread = message.unread)
+                preview = message.copy(message = context.getString(R.string.msg_preview_video)), unread = message.unread,
+                showDayMarker = false, currentDayMarkerText = dayMarkerText)
             is AudioAttachment -> AudioAttachmentUiModel(message, attachment, message.id,
                 attachmentUrl, attachmentTitle, id, getReactions(message),
-                preview = message.copy(message = context.getString(R.string.msg_preview_audio)), unread = message.unread)
+                preview = message.copy(message = context.getString(R.string.msg_preview_audio)), unread = message.unread,
+                showDayMarker = false, currentDayMarkerText = dayMarkerText)
             is GenericFileAttachment -> GenericFileAttachmentUiModel(message, attachment,
                 message.id, attachmentUrl, attachmentTitle, id, getReactions(message),
-                preview = message.copy(message = context.getString(R.string.msg_preview_file)), unread = message.unread)
+                preview = message.copy(message = context.getString(R.string.msg_preview_file)), unread = message.unread,
+                showDayMarker = false, currentDayMarkerText = dayMarkerText)
             else -> null
         }
     }
@@ -434,11 +466,15 @@ class UiModelMapper @Inject constructor(
             null
         }
 
+        val localDateTime = DateTimeHelper.getLocalDateTime(message.timestamp)
+        val dayMarkerText = DateTimeHelper.getFormattedDateForMessages(localDateTime, context)
+
         val content = getContent(stripMessageQuotes(message))
         MessageUiModel(message = stripMessageQuotes(message), rawData = message,
             messageId = message.id, avatar = avatar!!, time = time, senderName = sender,
-            content = content, isPinned = message.pinned, reactions = getReactions(message),
-            isFirstUnread = false, preview = preview, isTemporary = isTemp, unread = unread)
+            content = content, isPinned = message.pinned, currentDayMarkerText = dayMarkerText,
+            showDayMarker = false, reactions = getReactions(message), isFirstUnread = false,
+            preview = preview, isTemporary = isTemp, unread = unread)
     }
 
     private fun mapMessagePreview(message: Message): Message {

app/src/main/java/chat/rocket/android/chatroom/uimodel/UrlPreviewUiModel.kt

@@ -5,19 +5,21 @@ import chat.rocket.core.model.Message
 import chat.rocket.core.model.url.Url
 
 data class UrlPreviewUiModel(
-        override val message: Message,
-        override val rawData: Url,
-        override val messageId: String,
-        val title: CharSequence?,
-        val hostname: String,
-        val description: CharSequence?,
-        val thumbUrl: String?,
-        override var reactions: List<ReactionUiModel>,
-        override var nextDownStreamMessage: BaseUiModel<*>? = null,
-        override var preview: Message? = null,
-        override var isTemporary: Boolean = false,
-        override var unread: Boolean? = null,
-        override var menuItemsToHide: MutableList<Int> = mutableListOf()
+    override val message: Message,
+    override val rawData: Url,
+    override val messageId: String,
+    val title: CharSequence?,
+    val hostname: String,
+    val description: CharSequence?,
+    val thumbUrl: String?,
+    override var reactions: List<ReactionUiModel>,
+    override var nextDownStreamMessage: BaseUiModel<*>? = null,
+    override var preview: Message? = null,
+    override var isTemporary: Boolean = false,
+    override var unread: Boolean? = null,
+    override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+    override var currentDayMarkerText: String,
+    override var showDayMarker: Boolean
 ) : BaseUiModel<Url> {
     override val viewType: Int
         get() = BaseUiModel.ViewType.URL_PREVIEW.viewType

app/src/main/java/chat/rocket/android/chatroom/uimodel/VideoAttachmentUiModel.kt

@@ -16,7 +16,9 @@ data class VideoAttachmentUiModel(
         override var preview: Message? = null,
         override var isTemporary: Boolean = false,
         override var unread: Boolean? = null,
-        override var menuItemsToHide: MutableList<Int> = mutableListOf()
+        override var menuItemsToHide: MutableList<Int> = mutableListOf(),
+        override var currentDayMarkerText: String,
+        override var showDayMarker: Boolean
 ) : BaseFileAttachmentUiModel<VideoAttachment> {
     override val viewType: Int
         get() = BaseUiModel.ViewType.VIDEO_ATTACHMENT.viewType

app/src/main/res/layout/item_message.xml

@@ -13,6 +13,47 @@
     android:paddingEnd="@dimen/screen_edge_left_and_right_padding"
     android:paddingBottom="@dimen/message_item_top_and_bottom_padding">
 
+    <LinearLayout
+        android:id="@+id/day_marker_layout"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:gravity="center_vertical"
+        android:orientation="horizontal"
+        android:paddingBottom="8dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/new_messages_notif">
+
+        <View
+            android:layout_width="0px"
+            android:layout_height="1dp"
+            android:layout_weight="1"
+            android:background="@color/colorDivider" />
+
+        <TextView
+            android:id="@+id/day"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginLeft="16dp"
+            android:layout_marginRight="16dp"
+            android:textAppearance="@style/Message.DayMarker"
+            tools:text="Wednesday" />
+
+        <View
+            android:layout_width="0dp"
+            android:layout_height="1dp"
+            android:layout_weight="1"
+            android:background="@color/colorDivider" />
+    </LinearLayout>
+
+    <include
+        android:id="@+id/layout_avatar"
+        layout="@layout/avatar"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/text_sender" />
+
     <LinearLayout
         android:id="@+id/new_messages_notif"
         android:layout_width="match_parent"
@@ -50,7 +91,7 @@
     <include
         android:id="@+id/layout_avatar"
         layout="@layout/avatar"
-        android:layout_width="40dp"
+        android:layout_width="38dp"
         android:layout_height="40dp"
         android:layout_marginTop="5dp"
         app:layout_constraintStart_toStartOf="parent"
@@ -63,8 +104,9 @@
         android:layout_height="wrap_content"
         android:layout_marginStart="16dp"
         app:layout_constraintHorizontal_bias="0.5"
+        app:layout_constraintLeft_toRightOf="@+id/layout_avatar"
         app:layout_constraintStart_toEndOf="@+id/layout_avatar"
-        app:layout_constraintTop_toBottomOf="@+id/new_messages_notif"
+        app:layout_constraintTop_toBottomOf="@+id/day_marker_layout"
         tools:text="Ronald Perkins" />
 
     <TextView
@@ -139,4 +181,4 @@
         app:layout_constraintStart_toStartOf="@+id/text_content"
         app:layout_constraintTop_toBottomOf="@+id/text_content" />
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+</androidx.constraintlayout.widget.ConstraintLayout>

app/src/main/res/values-es/strings.xml

@@ -3,8 +3,7 @@
     <string name="title_sign_in_your_server">Inicia sesión en tu servidor</string>
     <string name="title_log_in">Iniciar sesión</string>
     <string name="title_register_username">Registrar nombre de usuario</string>
-    // TODO: Add proper translation.
-    <string name="title_reset_password">Reset Password</string>
+    <string name="title_reset_password">Restablecer la contraseña</string>
     <string name="title_sign_up">Regístrate</string>
     <string name="title_authentication">Autenticación</string>
     <string name="title_legal_terms">Términos legales</string>
@@ -15,8 +14,7 @@
     <string name="title_password">Cambia la contraseña</string>
     <string name="title_update_profile">Actualización del perfil</string>
     <string name="title_about">Acerca de</string>
-    // TODO: Add proper translation.
-    <string name="title_create_channel">Create Channel</string>
+    <string name="title_create_channel">Crear canal</string>
 
     <!-- Actions -->
     <string name="action_connect">Conectar</string>
@@ -27,8 +25,7 @@
     <string name="action_search">Buscar</string>
     <string name="action_update">Actualizar</string>
     <string name="action_settings">Configuraciones</string>
-    // TODO: Add proper translation.
-    <string name="action_create_channel">Create channel</string>
+    <string name="action_create_channel">Crear canal</string>
     <string name="action_create">Create</string>
     <string name="action_logout">Cerrar sesión</string>
     <string name="action_files">Archivos</string>
@@ -39,9 +36,8 @@
     <string name="action_away">Ausente</string>
     <string name="action_busy">Ocupado</string>
     <string name="action_invisible">Invisible</string>
-    <string name="action_drawing">Dibujo</string>
-    // TODO: Add proper translation.
-    <string name="action_save_to_gallery">Save to gallery</string>
+    <string name="action_save_to_gallery">Guardar en la galería</string>
+    <string name="action_share">Compartir</string>
 
     <!-- Settings List -->
     <string-array name="settings_actions">
@@ -61,17 +57,14 @@
     <string name="msg_avatar_url">URL del avatar</string>
     <string name="msg_or_continue_using_social_accounts">O continuar usando cuentas sociales</string>
     <string name="msg_new_user">Nuevo usuario? %1$s</string>
-    // TODO: Add proper translation.
-    <string name="msg_forgot_password">Forgot password? %1$s</string>
-    // TODO: Add proper translation.
-    <string name="msg_reset">Reset</string>
-    // TODO: Add proper translation.
-    <string name="msg_check_your_email_to_reset_your_password">Email sent! Check your inbox to reset your password.</string>
-    // TODO: Add proper translation.
-    <string name="msg_invalid_email">Please type a valid e-mail</string>
+    <string name="msg_forgot_password">Se te olvidó tu contraseña? %1$s</string>
+    <string name="msg_reset">reiniciar</string>
+    <string name="msg_check_your_email_to_reset_your_password">¡Email enviado! Verifique su bandeja de entrada para restablecer su contraseña.</string>
+    <string name="msg_invalid_email">Por favor escriba un correo electrónico válido</string>
     <string name="msg_new_user_agreement">Al continuar estás aceptando nuestra\n%1$s y %2$s</string>
     <string name="msg_2fa_code">Código 2FA</string>
     <string name="msg_yesterday">Ayer</string>
+    <string name="msg_today">Hoy</string>
     <string name="msg_message">Mensaje</string>
     <string name="msg_this_room_is_read_only">Esta sala es de solo lectura</string>
     <string name="msg_invalid_2fa_code">Código 2FA no válido</string>
@@ -101,8 +94,7 @@
     <string name="msg_version">Versión %1$s</string>
     <string name="msg_build">Build %1$d</string>
     <string name="msg_ok">OK</string>
-    // TODO: Add proper translation.
-    <string name="msg_update_app_version_in_order_to_continue">Out to date server version. Please contact the server admin to update the server version in order to continue.</string>
+    <string name="msg_update_app_version_in_order_to_continue">Versión del servidor actualizada. Póngase en contacto con el administrador del servidor para actualizar la versión del servidor y continuar.</string>
     <string name="msg_ver_not_recommended">
         Parece que la versión de tu servidor está por debajo de la versión recomendada %1$s.\nAún puede iniciar sesión, pero puede experimentar comportamientos inesperados.</string>
     <string name="msg_ver_not_minimum">
@@ -119,39 +111,29 @@
     <string name="msg_no_chat_title">Sin mensajes de chat</string>
     <string name="msg_no_chat_description">Comience a conversar para ver\nsus mensajes aquí.</string>
     <string name="msg_edited">(editado)</string>
-    // TODO: Add proper translation.
-    <string name="msg_and">\u0020and\u0020</string>
-    // TODO: Add proper translation.
-    <string name="msg_is_typing">\u0020is typing…</string>
-    // TODO: Add proper translation.
-    <string name="msg_are_typing">\u0020are typing…</string>
-    // TODO: Add proper translation.
-    <string name="msg_several_users_are_typing">Several users are typing…</string>
+    <string name="msg_and">\u0020y\u0020</string>
+    <string name="msg_is_typing">\u0020esta escribiendo…</string>
+    <string name="msg_are_typing">\u0020están escribiendo…</string>
+    <string name="msg_several_users_are_typing">Varios usuarios están escribiendo…</string>
     <string name="msg_no_search_found">No se han encontrado resultados</string>
-    // TODO: Add proper translation.
-    <string name="msg_channel_name">Channel name</string>
-    // TODO: Add proper translation.
-    <string name="msg_search">Search</string>
+    <string name="msg_channel_name">Nombre del Canal</string>
+    <string name="msg_search">Buscar</string>
     <string name="msg_message_copied">Mensaje copiado</string>
-    <string name="msg_upload_file">Subir archivo</string>
-    <string name="msg_file_description">Descripción del archivo</string>
-    <string name="msg_send">enviar</string>
-    // TODO: Add proper translation.
-    <string name="msg_delete_message">Delete Message</string>
-    <string name="msg_delete_description">Are you sure you want to delete this message</string>
+    <string name="msg_delete_message">Borrar mensaje</string>
+    <string name="msg_delete_description">Seguro que quieres borrar este mensaje</string>
 
     <!-- Create channel messages -->
-    // TODO: Add proper translation.
-    <string name="msg_private_channel">Private</string>
-    <string name="msg_public_channel">Public</string>
-    <string name="msg_private_channel_description">Only you and invited members can access this channel</string>
-    <string name="msg_public_channel_description">Everyone can access this channel</string>
-    <string name="msg_ready_only_channel">Read only channel</string>
-    <string name="msg_ready_only_channel_description">Only admin can write new messages</string>
-    <string name="msg_invite_members">Invite members to channel</string>
-    <string name="msg_member_already_added">You have already selected this user</string>
-    <string name="msg_member_not_found">Member not found</string>
-    <string name="msg_channel_created_successfully">Channel created successfully</string>
+    <string name="msg_private_channel">Privado</string>
+    <string name="msg_public_channel">Público</string>
+    <string name="msg_private_channel_description">Solo tú y los miembros invitados pueden acceder a este canal</string>
+    <string name="msg_public_channel_description">Todos pueden acceder a este canal</string>
+    <string name="msg_ready_only_channel">Canal de solo lectura</string>
+    <string name="msg_ready_only_channel_description">Solo el administrador puede escribir nuevos mensajes</string>
+    <string name="msg_invite_members">Invita a los miembros a canalizar</string>
+    <string name="msg_member_already_added">Ya has seleccionado este usuario</string>
+    <string name="msg_member_not_found">Miembro no encontrado</string>
+    <string name="msg_channel_created_successfully">Canal creado con éxito</string>
+
 
     <!-- System messages -->
     <string name="message_room_name_changed">Nombre de la sala cambiado para: %1$s por %2$s</string>
@@ -166,8 +148,7 @@
     <string name="message_unmuted">Usuario %1$s no silenciado por %2$s</string>
     <string name="message_role_add">%1$s fue establecido %2$s por %3$s</string>
     <string name="message_role_removed">%1$s ya no es %2$s por %3$s</string>
-    // TODO:Add proper translation.
-    <string name="message_credentials_saved_successfully">Credentials saved successfully</string>
+    <string name="message_credentials_saved_successfully">Credenciales guardadas con éxito</string>
 
     <!-- Message actions -->
     <string name="action_msg_reply">Respuesta</string>
@@ -191,23 +172,17 @@
     // TODO: Add proper translation.
     <string name="permission_starring_not_allowed">Starring is not allowed</string>
 
-    <!-- Search message -->
-    <!-- TODO Add proper translation-->
-    <string name="title_search_message">Search message</string>
-
     <!-- Favorite/Unfavorite chat room -->
-    <!-- TODO Add proper translation-->
-    <string name="title_favorite_chat">Favorite chat</string>
-    <string name="title_unfavorite_chat">Unfavorite chat</string>
+    <string name="title_favorite_chat">Chat favorito</string>
+    <string name="title_unfavorite_chat">Deshacer chat favorito</string>
 
     <!-- Members List -->
     <string name="title_members_list">Miembros</string>
 
     <!-- Mentions -->
-    <!-- TODO Add proper translation-->
-    <string name="msg_mentions">Mentions</string>
-    <string name="msg_no_mention">No mention</string>
-    <string name="msg_all_the_mentions_appear_here">All the mentions\nappear here</string>
+    <string name="msg_mentions">Menciones</string>
+    <string name="msg_no_mention">Sin Menciones</string>
+    <string name="msg_all_the_mentions_appear_here">todas las menciones aparecen aquí</string>
 
     <!-- Pinned Messages -->
     <string name="title_pinned_messages">Mensajes fijados</string>
@@ -215,17 +190,15 @@
     <string name="no_pinned_description">Todas las mensajes fijadas\naparecen aquí</string>
 
     <!-- Favorite Messages -->
-    <!-- TODO Add proper translation-->
-    <string name="title_favorite_messages">Favorite Messages</string>
-    <string name="no_favorite_messages">No favorite messages</string>
-    <string name="no_favorite_description">All the favorite messages\nappear here</string>
+    <string name="title_favorite_messages">Mensajes favoritos</string>
+    <string name="no_favorite_messages">Sin mensajes favoritos</string>
+    <string name="no_favorite_description">Todos los mensajes favoritos aparecen aquí</string>
 
     <!-- Files -->
-    <!-- TODO Add proper translation-->
-    <string name="title_files">Files</string>
-    <string name="title_files_total">Files (%d)</string>
-    <string name="msg_no_files">No files</string>
-    <string name="msg_all_files_appear_here">All the files appear here</string>
+    <string name="title_files">Archivos</string>
+    <string name="title_files_total">Archivos (%d)</string>
+    <string name="msg_no_files">Sin archivos</string>
+    <string name="msg_all_files_appear_here">Todos los archivos aparecen aquí</string>
 
     <!-- Upload Messages -->
     <string name="max_file_size_exceeded">Tamaño del archivo (%1$d bytes) excedió el tamaño máximo de carga de %2$d bytes</string>
@@ -267,7 +240,6 @@
 
     <!-- Emoji message-->
     <string name="msg_no_recent_emoji">Sin emojis recientes</string>
-    <string name="alert_title_default_skin_tone">Tono de piel predeterminado</string>
 
     <!-- Sorting and grouping-->
     <string name="menu_chatroom_sort">Ordenar</string>
@@ -289,6 +261,8 @@
     <string name="notif_action_reply_hint">RESPUESTA</string>
     <string name="notif_error_sending">La respuesta ha fallado. Inténtalo de nuevo.</string>
     <string name="notif_success_sending">Mensaje enviado a %1$s!</string>
+
+    <string name="share_label">Editar mensaje compartido</string>
     <string name="read_by">Leído por</string>
     <string name="message_information_title">Información del mensaje</string>
     <string name="msg_log_out">Saliendo de tu cuenta…</string>

app/src/main/res/values-fr/strings.xml

@@ -72,6 +72,7 @@
     <string name="msg_new_user_agreement">En procédant, vous acceptez notre\n%1$s et %2$s</string>
     <string name="msg_2fa_code">Code 2FA</string>
     <string name="msg_yesterday">Hier</string>
+    <string name="msg_today">Aujourd\'hui</string>
     <string name="msg_message">Message</string>
     <string name="msg_this_room_is_read_only">Cette salle est seulement de lecture</string>
     <string name="msg_invalid_2fa_code">Code 2FA non valide</string>

app/src/main/res/values-hi-rIN/strings.xml

@@ -65,6 +65,7 @@
     <string name="msg_new_user_agreement">आगे बढ़कर आप हमारे %1$s और %2$s से सहमत हो रहे हैं</string>
     <string name="msg_2fa_code">कोड 2FA</string>
     <string name="msg_yesterday">कल</string>
+    <string name="msg_today">आज</string>
     <string name="msg_message">संदेश</string>
     <string name="msg_this_room_is_read_only">यह रूम केवल पढ़ने के लिए है</string>
     <string name="msg_invalid_2fa_code">अमान्य 2FA कोड</string>

app/src/main/res/values-pt-rBR/strings.xml

@@ -64,7 +64,8 @@
     <string name="msg_invalid_email">Por favor informe um e-mail válido</string>
     <string name="msg_new_user_agreement">Ao proceder você concorda com nossos %1$s e %2$s</string>
     <string name="msg_2fa_code">Código 2FA</string>
-    <string name="msg_yesterday">ontem</string>
+    <string name="msg_yesterday">Ontem</string>
+    <string name="msg_today">Hoje</string>
     <string name="msg_message">Mensagem</string>
     <string name="msg_this_room_is_read_only">Este chat é apenas de leitura</string>
     <string name="msg_invalid_2fa_code">Código 2FA inválido</string>

app/src/main/res/values-uk-rRU/strings.xml

@@ -64,6 +64,7 @@
     <string name="msg_new_user_agreement">Продолжая, вы соглашаетесь с нашими\n%1$s и %2$s</string>
     <string name="msg_2fa_code">Код 2FA</string>
     <string name="msg_yesterday">Вчера</string>
+    <string name="msg_today">Сьогодні</string>
     <string name="msg_message">Сообщение</string>
     <string name="msg_this_room_is_read_only">Этот канал только для чтения</string>
     <string name="msg_invalid_2fa_code">Неверный код 2FA</string>
@@ -173,8 +174,7 @@
     <string name="permission_starring_not_allowed">Отмечивание запрещено</string>
 
     <!-- Search message -->
-    <!-- TODO Add proper translation-->
-    <string name="title_search_message">Search message</string>
+    <string name="title_search_message">Поиск сообщения</string>
 
     <!-- Favorite/Unfavorite chat room -->
     <string name="title_favorite_chat">Добавить чат в избранное</string>
@@ -266,5 +266,5 @@
     <string name="notif_action_reply_hint">ОТВЕТИТЬ</string>
     <string name="notif_error_sending">Ошибка ответа. Пожалуйста, попробуйте еще раз.</string>
     <string name="notif_success_sending">Сообщение отправлено %1$s!</string>
-    <string name="msg_log_out">Виходьте…</string>
+    <string name="msg_log_out">Выход…</string>
 </resources>

app/src/main/res/values/colors.xml

@@ -44,6 +44,8 @@
 
     <color name="quoteBar">#A0A0A0</color>
 
+    <color name="colorDivider">#1F000000</color>
+
     <!-- Suggestions -->
     <color name="suggestion_background_color">@color/colorWhite</color>
 

app/src/main/res/values/fonts.xml

+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="font_fontFamily_medium" translatable="false">sans-serif-medium</string>
+</resources>

app/src/main/res/values/strings.xml

@@ -67,6 +67,7 @@
     <string name="msg_2fa_code">2FA Code</string>
     <string name="msg_more_than_ninety_nine_unread_messages" translatable="false">99+</string>
     <string name="msg_yesterday">Yesterday</string>
+    <string name="msg_today">Today</string>
     <string name="msg_message">Message</string>
     <string name="msg_this_room_is_read_only">This room is read only</string>
     <string name="msg_invalid_2fa_code">Invalid 2FA Code</string>

app/src/main/res/values/styles.xml

@@ -101,6 +101,12 @@
         <item name="android:textColor">@color/colorPrimaryText</item>
     </style>
 
+    <style name="Message.DayMarker" parent="TextAppearance.AppCompat">
+        <item name="android:textSize">14sp</item>
+        <item name="android:textColor">@color/colorPrimaryText</item>
+        <item name="android:fontFamily">@string/font_fontFamily_medium</item>
+    </style>
+
     <style name="Message.Quote.TextView" parent="Message.TextView">
         <item name="android:textColor">@color/colorPrimaryText</item>
     </style>
@@ -118,4 +124,4 @@
         <item name="actionModeCloseDrawable">@drawable/ic_close_white_24dp</item>
     </style>
 
-</resources>
\ No newline at end of file
+</resources>