Shows member details.

app/src/main/java/chat/rocket/android/members/adapter/MembersAdapter.kt

@@ -10,14 +10,20 @@ import chat.rocket.android.util.extensions.inflate
 import kotlinx.android.synthetic.main.avatar.view.*
 import kotlinx.android.synthetic.main.item_member.view.*
 
-class MembersAdapter(private var dataSet: List<MemberViewModel>) : RecyclerView.Adapter<MembersAdapter.ViewHolder>() {
+class MembersAdapter(private val listener: (MemberViewModel) -> Unit) : RecyclerView.Adapter<MembersAdapter.ViewHolder>() {
+    private var dataSet: List<MemberViewModel> = ArrayList()
 
     override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MembersAdapter.ViewHolder = ViewHolder(parent.inflate(R.layout.item_member))
 
-    override fun onBindViewHolder(holder: MembersAdapter.ViewHolder, position: Int) = holder.bind(dataSet[position])
+    override fun onBindViewHolder(holder: MembersAdapter.ViewHolder, position: Int) = holder.bind(dataSet[position], listener)
 
     override fun getItemCount(): Int = dataSet.size
 
+    fun prependData(dataSet: List<MemberViewModel>) {
+        this.dataSet = dataSet
+        notifyItemRangeInserted(0, dataSet.size)
+    }
+
     fun appendData(dataSet: List<MemberViewModel>) {
         val previousDataSetSize = this.dataSet.size
         this.dataSet += dataSet
@@ -26,9 +32,11 @@ class MembersAdapter(private var dataSet: List<MemberViewModel>) : RecyclerView.
 
     class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
 
-        fun bind(memberViewModel: MemberViewModel) = with(itemView) {
+        fun bind(memberViewModel: MemberViewModel, listener: (MemberViewModel) -> Unit) = with(itemView) {
             image_avatar.setImageURI(memberViewModel.avatarUri)
-            text_member.content = memberViewModel.memberName
+            text_member.content = memberViewModel.displayName
+
+            setOnClickListener { listener(memberViewModel) }
         }
     }
 }
\ No newline at end of file

app/src/main/java/chat/rocket/android/members/ui/MembersFragment.kt

 package chat.rocket.android.members.ui
 
 import android.os.Bundle
+import android.support.design.widget.BottomSheetBehavior
 import android.support.v4.app.Fragment
 import android.support.v7.app.AppCompatActivity
 import android.support.v7.widget.LinearLayoutManager
@@ -15,12 +16,11 @@ import chat.rocket.android.members.adapter.MembersAdapter
 import chat.rocket.android.members.presentation.MembersPresenter
 import chat.rocket.android.members.presentation.MembersView
 import chat.rocket.android.members.viewmodel.MemberViewModel
-import chat.rocket.android.util.extensions.inflate
-import chat.rocket.android.util.extensions.setVisible
-import chat.rocket.android.util.extensions.showToast
+import chat.rocket.android.util.extensions.*
 import chat.rocket.android.widget.DividerItemDecoration
 import dagger.android.support.AndroidSupportInjection
 import kotlinx.android.synthetic.main.fragment_members.*
+import kotlinx.android.synthetic.main.member_bottom_sheet.*
 import javax.inject.Inject
 
 fun newInstance(chatRoomId: String, chatRoomType: String): Fragment {
@@ -37,7 +37,9 @@ private const val BUNDLE_CHAT_ROOM_TYPE = "chat_room_type"
 
 class MembersFragment : Fragment(), MembersView {
     @Inject lateinit var presenter: MembersPresenter
-    private lateinit var adapter: MembersAdapter
+    private val adapter: MembersAdapter = MembersAdapter { memberViewModel -> showMemberDetails(memberViewModel) }
+    private val linearLayoutManager = LinearLayoutManager(context, LinearLayoutManager.VERTICAL, false)
+    private val bottomSheetBehavior by lazy { BottomSheetBehavior.from(member_bottom_sheet) }
 
     private lateinit var chatRoomId: String
     private lateinit var chatRoomType: String
@@ -60,18 +62,16 @@ class MembersFragment : Fragment(), MembersView {
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
         (activity as AppCompatActivity).supportActionBar?.title = ""
+
+        setupRecyclerView()
         presenter.loadChatRoomsMembers(chatRoomId, chatRoomType)
     }
 
     override fun showMembers(dataSet: List<MemberViewModel>, total: Long) {
         activity?.apply {
             setupToolbar(total)
-            if (recycler_view.adapter == null) {
-                adapter = MembersAdapter(dataSet)
-                recycler_view.adapter = adapter
-                val linearLayoutManager = LinearLayoutManager(context, LinearLayoutManager.VERTICAL, false)
-                recycler_view.layoutManager = linearLayoutManager
-                recycler_view.addItemDecoration(DividerItemDecoration(this))
+            if (adapter.itemCount == 0) {
+                adapter.prependData(dataSet)
                 if (dataSet.size >= 60) {
                     recycler_view.addOnScrollListener(object : EndlessRecyclerViewScrollListener(linearLayoutManager) {
                         override fun onLoadMore(page: Int, totalItemsCount: Int, recyclerView: RecyclerView?) {
@@ -95,6 +95,32 @@ class MembersFragment : Fragment(), MembersView {
 
     override fun showGenericErrorMessage() = showMessage(getString(R.string.msg_generic_error))
 
+    private fun setupRecyclerView() {
+        activity?.apply {
+            recycler_view.layoutManager = linearLayoutManager
+            recycler_view.addItemDecoration(DividerItemDecoration(this))
+            recycler_view.adapter = adapter
+        }
+    }
+
+    private fun showMemberDetails(memberViewModel: MemberViewModel) {
+        image_bottom_sheet_avatar.setImageURI(memberViewModel.avatarUri)
+        text_bottom_sheet_member_name.content = memberViewModel.realName
+        text_bottom_sheet_member_username.content = "@${memberViewModel.username}"
+
+        val memberEmail = memberViewModel.email
+        if (memberEmail != null) {
+            text_member_email_address.textContent = memberEmail
+        } else {
+            text_email_address.setVisible(false)
+            text_member_email_address.setVisible(false)
+        }
+
+        text_member_utc.content = memberViewModel.utcOffset.toString()
+
+        bottomSheetBehavior.state = BottomSheetBehavior.STATE_EXPANDED
+    }
+
     private fun setupToolbar(totalMembers: Long) {
         (activity as ChatRoomActivity).setupToolbarTitle(getString(R.string.title_members, totalMembers))
     }

app/src/main/java/chat/rocket/android/members/viewmodel/MemberViewModel.kt

@@ -7,11 +7,19 @@ import chat.rocket.core.model.Value
 
 class MemberViewModel(private val member: User, private val settings: Map<String, Value<Any>>, private val baseUrl: String?) {
     val avatarUri: String?
-    val memberName: CharSequence
+    val displayName: String
+    val realName: String?
+    val username: String?
+    val email: String?
+    val utcOffset: Float?
 
     init {
         avatarUri = getUserAvatar()
-        memberName = getUserName()
+        displayName = getUserDisplayName()
+        realName = getUserRealName()
+        username = getUserUsername()
+        email = getUserEmail()
+        utcOffset = getUserUtcOffset()
     }
 
     private fun getUserAvatar(): String? {
@@ -21,10 +29,18 @@ class MemberViewModel(private val member: User, private val settings: Map<String
         }
     }
 
-    private fun getUserName(): CharSequence {
+    private fun getUserDisplayName(): String {
         val username = member.username
         val realName = member.name
         val senderName = if (settings.useRealName()) realName else username
         return senderName ?: username.toString()
     }
+
+    private fun getUserRealName(): String? = member.name
+
+    private fun getUserUsername(): String? = member.username
+
+    private fun getUserEmail(): String? = member.emails?.get(0)?.address
+
+    private fun getUserUtcOffset(): Float? = member.utcOffset
 }
\ No newline at end of file

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

 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<android.support.design.widget.CoordinatorLayout 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"
@@ -11,12 +11,15 @@
         android:layout_width="match_parent"
         android:layout_height="match_parent" />
 
+    <include layout="@layout/member_bottom_sheet" />
+
     <com.wang.avi.AVLoadingIndicatorView
         android:id="@+id/view_loading"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_gravity="center"
         android:layout_centerInParent="true"
         app:indicatorColor="@color/black"
         app:indicatorName="BallPulseIndicator" />
 
-</RelativeLayout>
+</android.support.design.widget.CoordinatorLayout>
\ No newline at end of file

app/src/main/res/layout/member_bottom_sheet.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:id="@+id/member_bottom_sheet"
+    android:layout_width="match_parent"
+    android:layout_height="340dp"
+    app:behavior_hideable="true"
+    app:behavior_peekHeight="0dp"
+    app:layout_behavior="android.support.design.widget.BottomSheetBehavior">
+
+    <com.facebook.drawee.view.SimpleDraweeView
+        android:id="@+id/image_bottom_sheet_avatar"
+        android:layout_width="match_parent"
+        android:layout_height="200dp" />
+
+    <TextView
+        android:id="@+id/text_bottom_sheet_member_name"
+        style="@style/TextAppearance.AppCompat.Title"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="16dp"
+        android:textColor="@color/white"
+        app:layout_constraintBottom_toTopOf="@+id/text_bottom_sheet_member_username"
+        app:layout_constraintLeft_toLeftOf="parent"
+        tools:text="Ronald Perkins" />
+
+    <TextView
+        android:id="@+id/text_bottom_sheet_member_username"
+        style="@style/Sender.Name.TextView"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="10dp"
+        android:layout_marginStart="16dp"
+        android:textColor="@color/white"
+        app:layout_constraintBottom_toBottomOf="@+id/image_bottom_sheet_avatar"
+        app:layout_constraintLeft_toLeftOf="parent"
+        tools:text="\@ronaldPerkins" />
+
+    <TextView
+        android:id="@+id/text_email_address"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="16dp"
+        android:layout_marginTop="16dp"
+        android:text="@string/msg_email_address"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/image_bottom_sheet_avatar" />
+
+    <TextView
+        android:id="@+id/text_member_email_address"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="16dp"
+        android:layout_marginTop="10dp"
+        android:textColor="@color/colorPrimaryText"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/text_email_address"
+        tools:text="ronald@perkins.com" />
+
+    <TextView
+        android:id="@+id/text_utc"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="16dp"
+        android:layout_marginTop="16dp"
+        android:text="@string/msg_utc_offset"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/text_member_email_address" />
+
+    <TextView
+        android:id="@+id/text_member_utc"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="16dp"
+        android:layout_marginTop="10dp"
+        android:textColor="@color/colorPrimaryText"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/text_utc"
+        tools:text="+01:00" />
+
+</android.support.constraint.ConstraintLayout>
\ No newline at end of file

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

@@ -51,6 +51,8 @@
     <string name="msg_content_description_show_attachment_options">Mostrar opções de anexo</string>
     <string name="msg_you">Você</string>
     <string name="msg_unknown">Desconhecido</string>
+    <string name="msg_email_address">Endereço de e-mail</string>
+    <string name="msg_utc_offset">Deslocamento de UTC</string>
 
     <!-- System messages -->
     <string name="message_room_name_changed">Nome da sala alterado para: %1$s por %2$s</string>

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

@@ -53,6 +53,8 @@
     <string name="msg_content_description_show_attachment_options">Show attachment options</string>
     <string name="msg_you">You</string>
     <string name="msg_unknown">Unknown</string>
+    <string name="msg_email_address">E-mail address</string>
+    <string name="msg_utc_offset">UTC offset</string>
 
     <!-- System messages -->
     <string name="message_room_name_changed">Room name changed to: %1$s by %2$s</string>