Merge pull request #576 from filipedelimabrito/layout/chat-list-screen

[LAYOUT][V2]Chat list screen.

app/build.gradle

@@ -46,6 +46,7 @@ dependencies {
     kapt libraries.daggerAndroidApt
 
     implementation libraries.timber
+    implementation libraries.threeTenABP
 
     implementation libraries.fresco
     implementation libraries.frescoAnimatedGif

app/src/main/AndroidManifest.xml

@@ -19,6 +19,18 @@
             android:configChanges="orientation"
             android:screenOrientation="portrait"
             android:theme="@style/AuthenticationTheme">
+            <!--<intent-filter>-->
+                <!--<action android:name="android.intent.action.MAIN" />-->
+
+                <!--<category android:name="android.intent.category.DEFAULT" />-->
+                <!--<category android:name="android.intent.category.LAUNCHER" />-->
+            <!--</intent-filter>-->
+        </activity>
+
+        <activity
+            android:name=".app.MainActivity"
+            android:theme="@style/AppTheme">
+
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 
@@ -26,6 +38,6 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
-
     </application>
+
 </manifest>
\ No newline at end of file

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

+package chat.rocket.android
+
+import android.app.Activity
+import android.app.Fragment
+
+abstract class BaseActivity : Activity() {
+
+    protected fun addFragment(fragment: Fragment, tag: String, layoutId: Int) {
+        fragmentManager.beginTransaction().add(layoutId, fragment, tag).commit()
+    }
+}
\ No newline at end of file

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

 package chat.rocket.android.app
 
-import android.app.Activity
-import android.app.Fragment
 import android.os.Bundle
+import chat.rocket.android.BaseActivity
 import chat.rocket.android.R
 
 /**
  * @author Filipe de Lima Brito (filipedelimabrito@gmail.com)
  */
-class AuthenticationActivity : Activity() {
+class AuthenticationActivity : BaseActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_authentication)
 
         LayoutHelper.androidBug5497Workaround(this)
-        addFragment(AuthenticationLoginFragment(), "authenticationServerFragment")
-    }
-
-    private fun addFragment(fragment: Fragment, tag: String) {
-        fragmentManager.beginTransaction().add(R.id.fragment_container, fragment, tag).commit()
+        addFragment(AuthenticationLoginFragment(), "authenticationServerFragment", R.id.fragment_container)
     }
 }
\ No newline at end of file

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

+import android.content.Context
+import chat.rocket.android.R
+import org.threeten.bp.LocalDate
+import org.threeten.bp.LocalDateTime
+import org.threeten.bp.Period
+import org.threeten.bp.format.DateTimeFormatter
+import org.threeten.bp.format.FormatStyle
+import org.threeten.bp.format.TextStyle
+import java.util.*
+
+object DateTimeHelper {
+    private val today = LocalDate.now()
+    private val yesterday = today.minusDays(1)
+    private val lastWeek = today.minusWeeks(1)
+
+    /**
+     * Returns a date from a LocalDateTime or the textual representation if the LocalDateTime has a max period of a week from the current date.
+     *
+     * @param localDateTime The LocalDateTime.
+     * @param context The context.
+     * @return The date or the textual representation from a LocalDateTime.
+     */
+    fun getDate(localDateTime: LocalDateTime, context: Context): String {
+        val localDate = localDateTime.toLocalDate()
+        return when (localDate) {
+            today -> localDateTime.toLocalTime().toString()
+            yesterday -> context.getString(R.string.msg_yesterday)
+            else -> {
+                if (Period.between(lastWeek, localDate).days <= 0) {
+                    formatDate(localDate)
+                } else {
+                    localDate.dayOfWeek.getDisplayName(TextStyle.FULL, Locale.getDefault())
+                }
+            }
+        }
+    }
+
+    private fun formatDate(localDate: LocalDate): String {
+        val formatter = DateTimeFormatter.ofLocalizedDate(FormatStyle.SHORT)
+        return localDate.format(formatter).toString()
+    }
+}
\ No newline at end of file

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

@@ -3,6 +3,8 @@ import android.graphics.drawable.Drawable
 import android.support.v4.content.ContextCompat
 import android.support.v4.graphics.drawable.DrawableCompat
 import android.widget.EditText
+import android.widget.TextView
+import chat.rocket.android.R
 
 /**
  * @author Filipe de Lima Brito (filipedelimabrito@gmail.com)
@@ -40,7 +42,6 @@ object DrawableHelper {
      */
     fun wrapDrawable(drawable: Drawable) = DrawableCompat.wrap(drawable)
 
-
     /**
      * Tints an array of Drawable.
      *
@@ -72,30 +73,50 @@ object DrawableHelper {
     fun tintDrawable(drawable: Drawable, context: Context, resId: Int) = DrawableCompat.setTint(drawable, ContextCompat.getColor(context, resId))
 
     /**
-     * Compounds an array of Drawable (to appear to the left of the text) into an array of EditText.
+     * Compounds an array of Drawable (to appear to the left of the text) into an array of TextView.
      *
      * REMARK: the number of elements in both array of Drawable and EditText MUST be equal.
      *
-     * @param editTexts The array of EditText.
+     * @param textView The array of TextView.
      * @param drawables The array of Drawable.
      * @see compoundDrawable
      */
-    fun compoundDrawables(editTexts: Array<EditText>, drawables: Array<Drawable>) {
-        if (editTexts.size != drawables.size) {
+    fun compoundDrawables(textView: Array<EditText>, drawables: Array<Drawable>) {
+        if (textView.size != drawables.size) {
             return
         } else {
-            for (i in editTexts.indices) {
-                editTexts[i].setCompoundDrawablesWithIntrinsicBounds(drawables[i], null, null, null)
+            for (i in textView.indices) {
+                textView[i].setCompoundDrawablesWithIntrinsicBounds(drawables[i], null, null, null)
             }
         }
     }
 
     /**
-     * Compounds a Drawable (to appear to the left of the text) into an EditText.
+     * Compounds a Drawable (to appear to the left of the text) into a TextView.
      *
-     * @param editText The EditText.
+     * @param textView The TextView.
      * @param drawable The Drawable.
      * @see compoundDrawables
      */
-    fun compoundDrawable(editText: EditText, drawable: Drawable) = editText.setCompoundDrawablesWithIntrinsicBounds(drawable, null, null, null)
+    fun compoundDrawable(textView: TextView, drawable: Drawable) = textView.setCompoundDrawablesWithIntrinsicBounds(drawable, null, null, null)
+
+    /**
+     * Returns the user status drawable.
+     *
+     * @param userStatus The user status.
+     * @param context The context.
+     * @return The user status drawable.
+     */
+    fun getUserStatusDrawable(userStatus: String, context: Context): Drawable {
+        val userStatusDrawable = getDrawableFromId(R.drawable.ic_user_status_black, context).mutate()
+        wrapDrawable(userStatusDrawable)
+        when (userStatus) {
+            // TODO: create a enum or check if it will come from the SDK
+            "online" -> tintDrawable(userStatusDrawable, context, R.color.colorUserStatusOnline)
+            "busy" -> tintDrawable(userStatusDrawable, context, R.color.colorUserStatusBusy)
+            "away" -> tintDrawable(userStatusDrawable, context, R.color.colorUserStatusAway)
+            "offline" -> tintDrawable(userStatusDrawable, context, R.color.colorUserStatusOffline)
+        }
+        return userStatusDrawable
+    }
 }
\ No newline at end of file

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

+package chat.rocket.android.app
+
+import android.os.Bundle
+import chat.rocket.android.BaseActivity
+import chat.rocket.android.R
+import chat.rocket.android.app.chatlist.ChatListFragment
+
+class MainActivity : BaseActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_main)
+
+        addFragment(ChatListFragment(), "ChatListFragment", R.id.fragment_container)
+    }
+}
\ No newline at end of file

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

@@ -6,6 +6,7 @@ import chat.rocket.android.BuildConfig
 
 import chat.rocket.android.dagger.DaggerApplicationComponent
 import com.facebook.drawee.backends.pipeline.Fresco
+import com.jakewharton.threetenabp.AndroidThreeTen
 import dagger.android.AndroidInjector
 import dagger.android.DispatchingAndroidInjector
 import dagger.android.HasActivityInjector
@@ -26,6 +27,7 @@ class RocketChatApplication : Application(), HasActivityInjector {
 
         Fresco.initialize(this)
 
+        AndroidThreeTen.init(this)
         setupTimber()
     }
 
@@ -38,4 +40,4 @@ class RocketChatApplication : Application(), HasActivityInjector {
     override fun activityInjector(): AndroidInjector<Activity> {
         return activityInjector
     }
-}
+}
\ No newline at end of file

app/src/main/java/chat/rocket/android/app/chatlist/Chat.kt

+package chat.rocket.android.app.chatlist
+
+import org.threeten.bp.LocalDateTime
+
+/**
+ * @author Filipe de Lima Brito (filipedelimabrito@gmail.com)
+ */
+data class Chat(val userAvatarUri: String,
+                val name: String,
+                val type: String,
+                val userStatus: String?,
+                val lastMessage: String,
+                val lastMessageDateTime: LocalDateTime,
+                val totalUnreadMessages: Int)
\ No newline at end of file

app/src/main/java/chat/rocket/android/app/chatlist/ChatListAdapter.kt

+package chat.rocket.android.app.chatlist
+
+import DateTimeHelper
+import DrawableHelper
+import android.content.Context
+import android.support.v7.widget.RecyclerView
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.TextView
+import chat.rocket.android.R
+import com.facebook.drawee.view.SimpleDraweeView
+import kotlinx.android.synthetic.main.item_chat.view.*
+
+/**
+ * @author Filipe de Lima Brito (filipedelimabrito@gmail.com)
+ */
+class ChatListAdapter(private var dataSet: MutableList<Chat>, private val context: Context) : RecyclerView.Adapter<ChatListAdapter.ViewHolder>() {
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_chat, parent, false)
+        return ViewHolder(view)
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        val chat = dataSet[position]
+
+        holder.userAvatar.setImageURI(chat.userAvatarUri)
+        holder.chatName.text = chat.name
+        holder.lastMessage.text = chat.lastMessage
+        holder.lastMessageDateTime.text = DateTimeHelper.getDate(chat.lastMessageDateTime, context)
+
+        when (chat.type) {
+            "p" -> DrawableHelper.compoundDrawable(holder.chatName, DrawableHelper.getDrawableFromId(R.drawable.ic_lock_outline_black, context))
+            "c" -> DrawableHelper.compoundDrawable(holder.chatName, DrawableHelper.getDrawableFromId(R.drawable.ic_hashtag_black, context))
+            "d" -> {
+                val userStatus = chat.userStatus
+                if (userStatus != null) {
+                    DrawableHelper.compoundDrawable(holder.chatName, DrawableHelper.getUserStatusDrawable(userStatus, context))
+                }
+            }
+        }
+
+        val totalUnreadMessage = chat.totalUnreadMessages
+        when {
+            totalUnreadMessage in 1..99 -> {
+                holder.unreadMessage.text = totalUnreadMessage.toString()
+                holder.unreadMessage.visibility = View.VISIBLE
+            }
+            totalUnreadMessage > 99 -> {
+                holder.unreadMessage.text = context.getString(R.string.msg_more_than_ninety_nine_unread_messages)
+                holder.unreadMessage.visibility = View.VISIBLE
+            }
+        }
+    }
+
+    override fun getItemCount(): Int = dataSet.size
+
+    class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+        val userAvatar: SimpleDraweeView = itemView.image_user_avatar
+        val chatName: TextView = itemView.text_chat_name
+        val lastMessage: TextView = itemView.text_last_message
+        val lastMessageDateTime: TextView = itemView.text_last_message_date_time
+        val unreadMessage: TextView = itemView.text_total_unread_messages
+    }
+}
\ No newline at end of file

app/src/main/java/chat/rocket/android/app/chatlist/ChatListFragment.kt

+package chat.rocket.android.app.chatlist
+
+import android.app.Fragment
+import android.os.Bundle
+import android.support.v7.widget.DividerItemDecoration
+import android.support.v7.widget.LinearLayoutManager
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import chat.rocket.android.R
+import kotlinx.android.synthetic.main.fragment_chat_list.*
+import org.threeten.bp.LocalDateTime
+
+/**
+ * @author Filipe de Lima Brito (filipedelimabrito@gmail.com)
+ */
+class ChatListFragment : Fragment() {
+
+    override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? = inflater?.inflate(R.layout.fragment_chat_list, container, false)
+
+    override fun onViewCreated(view: View?, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        showChatList(createDumpData())
+    }
+
+    // This is just a sample showing 6 chat rooms (aka user subscription). We need to get it rid in a real word. REMARK: remove this comment and this method.
+    private fun createDumpData(): List<Chat> {
+        val dumpChat1 = Chat("https://open.rocket.chat/avatar/leonardo.aramaki",
+                "Leonardo Aramaki",
+                "d",
+                "busy",
+                "Type something",
+                LocalDateTime.of(2017, 11, 21,1, 3),
+                1)
+        val dumpChat2 = Chat("https://open.rocket.chat/avatar/filipe.brito",
+                "Filipe Brito",
+                "d",
+                "online",
+                "Type something...Type something...Type something",
+                LocalDateTime.of(2017, 11, 22,1, 3),
+                150)
+        val dumpChat3 = Chat("https://open.rocket.chat/avatar/lucio.maciel",
+                "Lucio Maciel",
+                "d",
+                "away",
+                "Type something",
+                LocalDateTime.of(2017, 11, 17,1, 3),
+                0)
+        val dumpChat4 = Chat("https://open.rocket.chat/avatar/sing.li",
+                "mobile-internal",
+                "p",
+                null,
+                "@aaron.ogle @rafael.kellermann same problem over here. Although all the servers show up on the selection.",
+                LocalDateTime.of(2017, 11, 15,1, 3),
+                0)
+        val dumpChat5 = Chat("https://open.rocket.chat/avatar/hetal",
+                "general",
+                "c",
+                null,
+                "Has joined the channel.",
+                LocalDateTime.of(2017, 11, 13,1, 3),
+                0)
+        val dumpChat6 = Chat("https://open.rocket.chat/avatar/matheus.cardoso",
+                "androidnativeapp",
+                "c",
+                null,
+                "Yes @sttyru, but you'll need to implement from the ground up following the docs at docs.rocket.chat where you can see the REST (HTTP) and Real-Time (WebSockets) calls.",
+                LocalDateTime.of(2017, 11, 14,1, 3),
+                0)
+
+        // creates a list of chat sorted by lastMessageDateTime attribute.
+        return listOf(dumpChat1, dumpChat2, dumpChat3, dumpChat4, dumpChat5, dumpChat6).sortedByDescending { chat -> chat.lastMessageDateTime }
+    }
+
+    // REMARK: The presenter should call this method. The presenter also need to sort the chat list by latest message (compared by its date).
+    private fun showChatList(dataSet: List<Chat>) {
+        val context = activity.applicationContext
+        recycler_view.adapter = ChatListAdapter(dataSet.toMutableList(), context)
+        recycler_view.layoutManager = LinearLayoutManager(context, LinearLayoutManager.VERTICAL, false)
+        recycler_view.addItemDecoration(DividerItemDecoration(activity, DividerItemDecoration.VERTICAL))
+    }
+}
\ No newline at end of file

app/src/main/res/drawable/ic_hashtag_black.xml

+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="13dp"
+        android:height="16dp"
+        android:viewportWidth="13.0"
+        android:viewportHeight="16.0">
+    <path
+        android:pathData="M6.626,11.495L4.505,11.495L3.714,16L1.703,16L2.495,11.495L0,11.495L0,9.604L2.824,9.604L3.374,6.484L0.824,6.484L0.824,4.571L3.714,4.571L4.516,0L6.516,0L5.714,4.571L7.846,4.571L8.648,0L10.659,0L9.857,4.571L12.264,4.571L12.264,6.484L9.516,6.484L8.967,9.604L11.429,9.604L11.429,11.495L8.637,11.495L7.846,16L5.835,16L6.626,11.495ZM4.835,9.604L6.956,9.604L7.505,6.484L5.374,6.484L4.835,9.604Z"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#000000"
+        android:strokeWidth="1"/>
+</vector>

app/src/main/res/drawable/ic_lock_outline_black.xml

+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="13dp"
+        android:height="16dp"
+        android:viewportWidth="13.0"
+        android:viewportHeight="16.0">
+    <path
+        android:pathData="M6.095,12.19C6.933,12.19 7.619,11.505 7.619,10.667C7.619,9.829 6.933,9.143 6.095,9.143C5.257,9.143 4.571,9.829 4.571,10.667C4.571,11.505 5.257,12.19 6.095,12.19ZM10.667,5.333L9.905,5.333L9.905,3.81C9.905,1.707 8.198,0 6.095,0C3.992,0 2.286,1.707 2.286,3.81L2.286,5.333L1.524,5.333C0.686,5.333 0,6.019 0,6.857L0,14.476C0,15.314 0.686,16 1.524,16L10.667,16C11.505,16 12.19,15.314 12.19,14.476L12.19,6.857C12.19,6.019 11.505,5.333 10.667,5.333ZM3.733,3.81C3.733,2.507 4.792,1.448 6.095,1.448C7.398,1.448 8.457,2.507 8.457,3.81L8.457,5.333L3.733,5.333L3.733,3.81ZM10.667,14.476L1.524,14.476L1.524,6.857L10.667,6.857L10.667,14.476Z"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#000000"
+        android:strokeWidth="1"/>
+</vector>

app/src/main/res/drawable/ic_user_status_black.xml

+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="10dp"
+        android:height="10dp"
+        android:viewportWidth="10.0"
+        android:viewportHeight="10.0">
+    <path
+        android:pathData="M5,5m-5,0a5,5 0,1 1,10 0a5,5 0,1 1,-10 0"
+        android:strokeColor="#00000000"
+        android:fillType="evenOdd"
+        android:fillColor="#000000"
+        android:strokeWidth="1"/>
+</vector>

app/src/main/res/drawable/style_total_unread_messages.xml

+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+
+    <solid
+        android:color="@color/colorAccent" />
+
+</shape>
\ No newline at end of file

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

+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:theme="@style/AuthenticationTheme">
+
+    <FrameLayout
+        android:id="@+id/fragment_container"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+</LinearLayout>
\ No newline at end of file

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

@@ -9,7 +9,7 @@
     android:fillViewport="true">
 
     <android.support.constraint.ConstraintLayout
-        android:id="@+id/container"
+        android:id="@+id/middle_container"
         android:layout_width="match_parent"
         android:layout_height="wrap_content">
 
@@ -190,4 +190,5 @@
             app:layout_constraintBottom_toBottomOf="parent"
             tools:visibility="gone" />
     </android.support.constraint.ConstraintLayout>
-</ScrollView>
+
+</ScrollView>
\ No newline at end of file

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

+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:theme="@style/AppTheme">
+
+    <android.support.v7.widget.RecyclerView
+        android:id="@+id/recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:scrollbars="vertical" />
+
+</LinearLayout>
\ No newline at end of file

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

+<?xml version="1.0" encoding="utf-8"?>
+<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_marginBottom="16dp"
+    android:layout_marginEnd="@dimen/screen_edge_left_and_right_margins"
+    android:layout_marginStart="@dimen/screen_edge_left_and_right_margins"
+    android:layout_marginTop="16dp">
+
+    <com.facebook.drawee.view.SimpleDraweeView
+        android:id="@+id/image_user_avatar"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toLeftOf="@id/middle_container"
+        app:layout_constraintTop_toTopOf="parent"
+        app:roundAsCircle="true" />
+
+    <android.support.constraint.ConstraintLayout
+        android:id="@+id/middle_container"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="16dp"
+        android:layout_marginStart="16dp"
+        app:layout_constraintLeft_toRightOf="@id/image_user_avatar"
+        app:layout_constraintRight_toLeftOf="@id/right_container">
+
+        <TextView
+            android:id="@+id/text_chat_name"
+            style="@style/TextAppearance.AppCompat.Title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:drawablePadding="5dp"
+            android:ellipsize="end"
+            android:maxLines="1"
+            tools:text="Ronald Perkins" />
+
+        <TextView
+            android:id="@+id/text_last_message"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="4dp"
+            android:ellipsize="end"
+            android:maxLines="1"
+            app:layout_constraintTop_toBottomOf="@+id/text_chat_name"
+            tools:text="Type something" />
+    </android.support.constraint.ConstraintLayout>
+
+    <android.support.constraint.ConstraintLayout
+        android:id="@+id/right_container"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <TextView
+            android:id="@+id/text_last_message_date_time"
+            style="@style/TextAppearance.AppCompat.Caption"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:layout_constraintBottom_toTopOf="@+id/guideline_one"
+            app:layout_constraintRight_toRightOf="@+id/text_total_unread_messages"
+            tools:text="11:45" />
+
+        <TextView
+            android:id="@+id/text_total_unread_messages"
+            style="@style/TextAppearance.AppCompat.Caption"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:background="@drawable/style_total_unread_messages"
+            android:gravity="center"
+            android:textColor="@color/white"
+            android:textSize="10sp"
+            android:visibility="gone"
+            app:layout_constraintBottom_toTopOf="@+id/guideline_two"
+            app:layout_constraintRight_toRightOf="parent"
+            tools:text="99+"
+            tools:visibility="visible" />
+
+        <android.support.constraint.Guideline
+            android:id="@+id/guideline_one"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            app:layout_constraintGuide_begin="22dp" />
+
+        <android.support.constraint.Guideline
+            android:id="@+id/guideline_two"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            app:layout_constraintGuide_begin="48dp" />
+    </android.support.constraint.ConstraintLayout>
+
+</android.support.constraint.ConstraintLayout>
\ No newline at end of file

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

@@ -19,6 +19,7 @@
     <string name="msg_new_to_rocket_chat">Novo no Rocket Chat? <font color='#FF1976D2'>Inscreva-se</font></string>
     <string name="msg_new_user_agreement">Ao proceder você concorda com nossos\n<font color='#FF1976D2'>Termos de Serviço</font> e <font color='#FF1976D2'>Política de Privacidade</font></string>
     <string name="msg_2fa_code">Código 2FA</string>
+    <string name="msg_yesterday">ontem</string>
     <string name="msg_content_description_log_in_using_facebook">Fazer login através do Facebook</string>
     <string name="msg_content_description_log_in_using_github">Fazer login através do Github</string>
     <string name="msg_content_description_log_in_using_google">Fazer login através do Google</string>
@@ -26,5 +27,6 @@
     <string name="msg_content_description_log_in_using_meteor">Fazer login através do Meteor</string>
     <string name="msg_content_description_log_in_using_twitter">Fazer login através do Twitter</string>
     <string name="msg_content_description_log_in_using_gitlab">Fazer login através do Gitlab</string>
+    <string name="msg_content_description_chat_icon">Ícone do chat</string>
 
 </resources>

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

@@ -6,5 +6,10 @@
 
     <color name="colorDrawableTintGrey">#9FA2A8</color>
 
+    <color name="colorUserStatusOnline">#2FE1A8</color>
+    <color name="colorUserStatusBusy">#F33E5B</color>
+    <color name="colorUserStatusAway">#FDD236</color>
+    <color name="colorUserStatusOffline">#1F2228</color>
+
     <color name="white">#FFFFFFFF</color>
 </resources>
\ No newline at end of file

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

@@ -20,6 +20,8 @@
     <string name="msg_new_to_rocket_chat">New to Rocket Chat? <font color='#FF1976D2'>Sign up</font></string>
     <string name="msg_new_user_agreement">By proceeding you are agreeing to our\n<font color='#FF1976D2'>Terms of Service</font> and <font color='#FF1976D2'>Privacy Policy</font></string>
     <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_content_description_log_in_using_facebook">Login using Facebook</string>
     <string name="msg_content_description_log_in_using_github">Login using Github</string>
     <string name="msg_content_description_log_in_using_google">Login using Google</string>
@@ -27,5 +29,6 @@
     <string name="msg_content_description_log_in_using_meteor">Login using Meteor</string>
     <string name="msg_content_description_log_in_using_twitter">Login using Twitter</string>
     <string name="msg_content_description_log_in_using_gitlab">Login using Gitlab</string>
+    <string name="msg_content_description_chat_icon">Chat icon</string>
 
-</resources>
+</resources>
\ No newline at end of file

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

 <resources>
 
     <!-- Base application theme. -->
-    <style name="AppTheme" parent="android:Theme.Material">
+    <style name="AppTheme" parent="android:Theme.Material.Light.NoActionBar">
         <!-- Customize your theme here. -->
         <item name="colorPrimary">@color/colorPrimary</item>
         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>

dependencies.gradle

@@ -20,6 +20,7 @@ ext {
         timber            : '4.5.1',
         dagger            : '2.11',
         fresco            : '1.5.0',
+        threeTenABP       : '1.0.5',
 
         // For testing
         expresso          : '3.0.1',
@@ -53,6 +54,7 @@ ext {
         frescoWebP          : "com.facebook.fresco:webpsupport:${versions.fresco}",
         frescoAnimatedWebP  : "com.facebook.fresco:animated-webp:${versions.fresco}",
         timber              : "com.jakewharton.timber:timber:${versions.timber}",
+        threeTenABP         : "com.jakewharton.threetenabp:threetenabp:${versions.threeTenABP}",
 
         // For testing
         junit         : "junit:junit:$versions.junit",