added time stamp and sender name to android chat

This commit is contained in:
Alex
2026-04-14 23:42:23 -06:00
parent 7847bf19cc
commit 1114982553
7 changed files with 101 additions and 9 deletions

View File

@@ -16,7 +16,10 @@ import com.example.petstoremobile.R;
import com.example.petstoremobile.databinding.ItemMessageReceivedBinding; import com.example.petstoremobile.databinding.ItemMessageReceivedBinding;
import com.example.petstoremobile.databinding.ItemMessageSentBinding; import com.example.petstoremobile.databinding.ItemMessageSentBinding;
import com.example.petstoremobile.models.Message; import com.example.petstoremobile.models.Message;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List; import java.util.List;
import java.util.Locale;
public class MessageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> { public class MessageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
@@ -29,6 +32,7 @@ public class MessageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder
private final List<Message> messages; private final List<Message> messages;
private Long currentUserId; private Long currentUserId;
private Long staffId;
private String token; private String token;
private String baseUrl; private String baseUrl;
private OnAttachmentClickListener attachmentClickListener; private OnAttachmentClickListener attachmentClickListener;
@@ -50,6 +54,11 @@ public class MessageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder
notifyDataSetChanged(); notifyDataSetChanged();
} }
public void setStaffId(Long id) {
this.staffId = id;
notifyDataSetChanged();
}
public void setToken(String token) { public void setToken(String token) {
this.token = token; this.token = token;
} }
@@ -87,7 +96,7 @@ public class MessageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) { public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
Message m = messages.get(position); Message m = messages.get(position);
if (holder instanceof SentHolder) ((SentHolder) holder).bind(m, token, baseUrl, attachmentClickListener); if (holder instanceof SentHolder) ((SentHolder) holder).bind(m, token, baseUrl, attachmentClickListener);
if (holder instanceof ReceivedHolder) ((ReceivedHolder) holder).bind(m, token, baseUrl, attachmentClickListener); if (holder instanceof ReceivedHolder) ((ReceivedHolder) holder).bind(m, token, baseUrl, attachmentClickListener, staffId);
} }
@Override public int getItemCount() { return messages.size(); } @Override public int getItemCount() { return messages.size(); }
@@ -99,17 +108,18 @@ public class MessageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder
this.binding = binding; this.binding = binding;
} }
void bind(Message m, String token, String baseUrl, OnAttachmentClickListener listener) { void bind(Message m, String token, String baseUrl, OnAttachmentClickListener listener) {
// Check for Text binding.tvSenderName.setText("You");
binding.tvTimestamp.setText(formatTimestamp(m.getTimestamp()));
if (m.getContent() != null && !m.getContent().isEmpty()) { if (m.getContent() != null && !m.getContent().isEmpty()) {
binding.tvMessageContent.setVisibility(View.VISIBLE); binding.tvMessageContent.setVisibility(View.VISIBLE);
binding.tvMessageContent.setText(m.getContent()); binding.tvMessageContent.setText(m.getContent());
} else { } else {
binding.tvMessageContent.setVisibility(View.GONE); binding.tvMessageContent.setVisibility(View.GONE);
} }
// Check for Attachment
displayAttachment(m, binding.ivAttachment, binding.tvAttachmentName, token, baseUrl); displayAttachment(m, binding.ivAttachment, binding.tvAttachmentName, token, baseUrl);
View.OnClickListener click = v -> { View.OnClickListener click = v -> {
if (listener != null) listener.onAttachmentClick(m); if (listener != null) listener.onAttachmentClick(m);
}; };
@@ -124,8 +134,10 @@ public class MessageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder
super(binding.getRoot()); super(binding.getRoot());
this.binding = binding; this.binding = binding;
} }
void bind(Message m, String token, String baseUrl, OnAttachmentClickListener listener) { void bind(Message m, String token, String baseUrl, OnAttachmentClickListener listener, Long staffId) {
// Check for Text binding.tvSenderName.setText(resolveSenderName(m, staffId));
binding.tvTimestamp.setText(formatTimestamp(m.getTimestamp()));
if (m.getContent() != null && !m.getContent().isEmpty()) { if (m.getContent() != null && !m.getContent().isEmpty()) {
binding.tvMessageContent.setVisibility(View.VISIBLE); binding.tvMessageContent.setVisibility(View.VISIBLE);
binding.tvMessageContent.setText(m.getContent()); binding.tvMessageContent.setText(m.getContent());
@@ -133,7 +145,6 @@ public class MessageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder
binding.tvMessageContent.setVisibility(View.GONE); binding.tvMessageContent.setVisibility(View.GONE);
} }
// Check for Attachment
displayAttachment(m, binding.ivAttachment, binding.tvAttachmentName, token, baseUrl); displayAttachment(m, binding.ivAttachment, binding.tvAttachmentName, token, baseUrl);
View.OnClickListener click = v -> { View.OnClickListener click = v -> {
@@ -144,7 +155,29 @@ public class MessageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder
} }
} }
// helper function to display the attachment to the chat bubble private static String resolveSenderName(Message m, Long staffId) {
if ("BOT".equalsIgnoreCase(m.getSenderRole())) {
return (m.getSenderDisplayName() != null && !m.getSenderDisplayName().isEmpty())
? m.getSenderDisplayName() : "AI Bot";
}
if (staffId != null && staffId.equals(m.getSenderId())) {
return "Staff";
}
return "Customer";
}
private static String formatTimestamp(String timestamp) {
if (timestamp == null || timestamp.isEmpty()) return "";
try {
String normalized = timestamp.length() > 19 ? timestamp.substring(0, 19) : timestamp;
SimpleDateFormat input = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss", Locale.getDefault());
Date date = input.parse(normalized);
return new SimpleDateFormat("MMM d, HH:mm", Locale.getDefault()).format(date);
} catch (Exception e) {
return "";
}
}
private static void displayAttachment(Message m, ImageView iv, TextView tvName, String token, String baseUrl) { private static void displayAttachment(Message m, ImageView iv, TextView tvName, String token, String baseUrl) {
// Check if there's an attachment by looking at name or mime type // Check if there's an attachment by looking at name or mime type
if (m.getAttachmentName() != null || m.getAttachmentMimeType() != null) { if (m.getAttachmentName() != null || m.getAttachmentMimeType() != null) {

View File

@@ -34,6 +34,12 @@ public class MessageDTO {
@SerializedName("attachmentSizeBytes") @SerializedName("attachmentSizeBytes")
private Long attachmentSizeBytes; private Long attachmentSizeBytes;
@SerializedName("senderRole")
private String senderRole;
@SerializedName("senderDisplayName")
private String senderDisplayName;
public MessageDTO() {} public MessageDTO() {}
public Long getId() { return id; } public Long getId() { return id; }
@@ -65,4 +71,10 @@ public class MessageDTO {
public Long getAttachmentSizeBytes() { return attachmentSizeBytes; } public Long getAttachmentSizeBytes() { return attachmentSizeBytes; }
public void setAttachmentSizeBytes(Long attachmentSizeBytes) { this.attachmentSizeBytes = attachmentSizeBytes; } public void setAttachmentSizeBytes(Long attachmentSizeBytes) { this.attachmentSizeBytes = attachmentSizeBytes; }
public String getSenderRole() { return senderRole; }
public void setSenderRole(String senderRole) { this.senderRole = senderRole; }
public String getSenderDisplayName() { return senderDisplayName; }
public void setSenderDisplayName(String senderDisplayName) { this.senderDisplayName = senderDisplayName; }
} }

View File

@@ -362,6 +362,8 @@ public class ChatFragment extends Fragment implements ChatAdapter.OnChatClickLis
binding.tvChatTitle.setText(chat.getCustomerName()); binding.tvChatTitle.setText(chat.getCustomerName());
binding.chatDrawerLayout.closeDrawer(GravityCompat.START); binding.chatDrawerLayout.closeDrawer(GravityCompat.START);
messageAdapter.setStaffId(chat.getStaffId());
if (stompChatManager != null) stompChatManager.subscribeToConversation(activeConversationId); if (stompChatManager != null) stompChatManager.subscribeToConversation(activeConversationId);
viewModel.loadMessageHistory(activeConversationId); viewModel.loadMessageHistory(activeConversationId);
} }

View File

@@ -11,6 +11,8 @@ public class Message {
private String attachmentName; private String attachmentName;
private String attachmentMimeType; private String attachmentMimeType;
private Long attachmentSizeBytes; private Long attachmentSizeBytes;
private String senderRole;
private String senderDisplayName;
public Message() {} public Message() {}
@@ -49,4 +51,10 @@ public class Message {
public Long getAttachmentSizeBytes() { return attachmentSizeBytes; } public Long getAttachmentSizeBytes() { return attachmentSizeBytes; }
public void setAttachmentSizeBytes(Long attachmentSizeBytes) { this.attachmentSizeBytes = attachmentSizeBytes; } public void setAttachmentSizeBytes(Long attachmentSizeBytes) { this.attachmentSizeBytes = attachmentSizeBytes; }
public String getSenderRole() { return senderRole; }
public void setSenderRole(String senderRole) { this.senderRole = senderRole; }
public String getSenderDisplayName() { return senderDisplayName; }
public void setSenderDisplayName(String senderDisplayName) { this.senderDisplayName = senderDisplayName; }
} }

View File

@@ -173,6 +173,8 @@ public class ChatListViewModel extends ViewModel {
m.setIsRead(dto.getIsRead()); m.setIsRead(dto.getIsRead());
m.setAttachmentUrl(dto.getAttachmentUrl()); m.setAttachmentUrl(dto.getAttachmentUrl());
m.setAttachmentName(dto.getAttachmentName()); m.setAttachmentName(dto.getAttachmentName());
m.setSenderRole(dto.getSenderRole());
m.setSenderDisplayName(dto.getSenderDisplayName());
m.setAttachmentMimeType(dto.getAttachmentMimeType()); m.setAttachmentMimeType(dto.getAttachmentMimeType());
m.setAttachmentSizeBytes(dto.getAttachmentSizeBytes()); m.setAttachmentSizeBytes(dto.getAttachmentSizeBytes());
return m; return m;

View File

@@ -14,6 +14,15 @@
android:padding="8dp" android:padding="8dp"
android:maxWidth="300dp"> android:maxWidth="300dp">
<TextView
android:id="@+id/tvSenderName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/text_dark"
android:textStyle="bold"
android:textSize="12sp"
android:layout_marginBottom="4dp"/>
<ImageView <ImageView
android:id="@+id/ivAttachment" android:id="@+id/ivAttachment"
android:layout_width="200dp" android:layout_width="200dp"
@@ -38,6 +47,14 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="Received message" android:text="Received message"
android:textColor="@color/text_dark" /> android:textColor="@color/text_dark" />
<TextView
android:id="@+id/tvTimestamp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#94a3b8"
android:textSize="11sp"
android:layout_marginTop="4dp"/>
</LinearLayout> </LinearLayout>
</LinearLayout> </LinearLayout>

View File

@@ -14,6 +14,16 @@
android:padding="8dp" android:padding="8dp"
android:maxWidth="300dp"> android:maxWidth="300dp">
<TextView
android:id="@+id/tvSenderName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="You"
android:textColor="@color/white"
android:textStyle="bold"
android:textSize="12sp"
android:layout_marginBottom="4dp"/>
<ImageView <ImageView
android:id="@+id/ivAttachment" android:id="@+id/ivAttachment"
android:layout_width="200dp" android:layout_width="200dp"
@@ -38,6 +48,14 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:text="Sent message" android:text="Sent message"
android:textColor="@color/white" /> android:textColor="@color/white" />
<TextView
android:id="@+id/tvTimestamp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#dbeafe"
android:textSize="11sp"
android:layout_marginTop="4dp"/>
</LinearLayout> </LinearLayout>
</LinearLayout> </LinearLayout>