mirror of
https://github.com/shaulascr/ecommerce_serang.git
synced 2025-08-15 19:37:26 +00:00
264 lines
11 KiB
XML
264 lines
11 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
|
xmlns:tools="http://schemas.android.com/tools"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
xmlns:app="http://schemas.android.com/apk/res-auto">
|
|
|
|
<androidx.appcompat.widget.Toolbar
|
|
android:id="@+id/chatToolbar"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:background="#FFFFFF"
|
|
android:elevation="4dp"
|
|
app:layout_constraintTop_toTopOf="parent">
|
|
|
|
<androidx.constraintlayout.widget.ConstraintLayout
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content">
|
|
|
|
<ImageButton
|
|
android:id="@+id/btnBack"
|
|
android:layout_width="48dp"
|
|
android:layout_height="48dp"
|
|
android:background="?attr/selectableItemBackgroundBorderless"
|
|
android:contentDescription="Back"
|
|
android:src="@drawable/ic_back_24"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:layout_constraintBottom_toBottomOf="parent" />
|
|
|
|
<de.hdodenhof.circleimageview.CircleImageView
|
|
android:id="@+id/imgProfile"
|
|
android:layout_width="40dp"
|
|
android:layout_height="40dp"
|
|
android:layout_marginStart="8dp"
|
|
android:src="@drawable/placeholder_image"
|
|
app:layout_constraintStart_toEndOf="@+id/btnBack"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:layout_constraintBottom_toBottomOf="parent" />
|
|
|
|
<TextView
|
|
android:id="@+id/tvStoreName"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="8dp"
|
|
android:layout_marginEnd="8dp"
|
|
android:text="SnackEnak"
|
|
android:textColor="@android:color/black"
|
|
android:textSize="16sp"
|
|
android:textStyle="bold"
|
|
app:layout_constraintStart_toEndOf="@+id/imgProfile"
|
|
app:layout_constraintTop_toTopOf="@+id/imgProfile"
|
|
app:layout_constraintEnd_toStartOf="@+id/btnOptions" />
|
|
|
|
<TextView
|
|
android:id="@+id/tvLastActive"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="8dp"
|
|
android:text="Aktif 3 jam lalu"
|
|
android:textColor="#888888"
|
|
android:textSize="12sp"
|
|
app:layout_constraintStart_toEndOf="@+id/imgProfile"
|
|
app:layout_constraintTop_toBottomOf="@+id/tvStoreName"
|
|
app:layout_constraintEnd_toEndOf="@+id/tvStoreName" />
|
|
|
|
<ImageButton
|
|
android:id="@+id/btnOptions"
|
|
android:layout_width="48dp"
|
|
android:layout_height="48dp"
|
|
android:background="?attr/selectableItemBackgroundBorderless"
|
|
android:contentDescription="Options"
|
|
android:src="@drawable/ic_arrow_right"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:layout_constraintBottom_toBottomOf="parent" />
|
|
|
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
|
</androidx.appcompat.widget.Toolbar>
|
|
|
|
<!-- Connection Status -->
|
|
<TextView
|
|
android:id="@+id/tvConnectionStatus"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:background="#FFC107"
|
|
android:padding="4dp"
|
|
android:textAlignment="center"
|
|
android:textColor="#000000"
|
|
android:text="Connecting..."
|
|
android:visibility="gone"
|
|
app:layout_constraintTop_toBottomOf="@+id/chatToolbar"
|
|
tools:visibility="visible" />
|
|
|
|
<!-- Product Card -->
|
|
<androidx.cardview.widget.CardView
|
|
android:id="@+id/cardProduct"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:layout_margin="8dp"
|
|
app:cardCornerRadius="8dp"
|
|
app:cardElevation="4dp"
|
|
app:layout_constraintTop_toBottomOf="@+id/tvConnectionStatus">
|
|
|
|
<androidx.constraintlayout.widget.ConstraintLayout
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:padding="16dp">
|
|
|
|
<ImageView
|
|
android:id="@+id/imgProduct"
|
|
android:layout_width="0dp"
|
|
android:layout_height="0dp"
|
|
android:scaleType="centerCrop"
|
|
android:src="@drawable/placeholder_image"
|
|
app:layout_constraintDimensionRatio="1:1"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent" />
|
|
|
|
<TextView
|
|
android:id="@+id/tvProductName"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="8dp"
|
|
android:text="Keripik Balado"
|
|
android:textColor="@android:color/black"
|
|
android:textSize="18sp"
|
|
android:textStyle="bold"
|
|
app:layout_constraintTop_toBottomOf="@+id/imgProduct" />
|
|
|
|
<TextView
|
|
android:id="@+id/tvProductPrice"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="4dp"
|
|
android:text="Rp65.000"
|
|
android:textColor="@android:color/black"
|
|
android:textSize="16sp"
|
|
android:textStyle="bold"
|
|
app:layout_constraintTop_toBottomOf="@+id/tvProductName" />
|
|
|
|
<RatingBar
|
|
android:id="@+id/ratingBar"
|
|
style="?android:attr/ratingBarStyleSmall"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="4dp"
|
|
android:isIndicator="true"
|
|
android:numStars="5"
|
|
android:rating="5.0"
|
|
android:stepSize="0.1"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintTop_toBottomOf="@+id/tvProductPrice" />
|
|
|
|
<TextView
|
|
android:id="@+id/tvRating"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="4dp"
|
|
android:text="5.0"
|
|
android:textColor="#F9A825"
|
|
android:textSize="12sp"
|
|
app:layout_constraintBottom_toBottomOf="@+id/ratingBar"
|
|
app:layout_constraintStart_toEndOf="@+id/ratingBar"
|
|
app:layout_constraintTop_toTopOf="@+id/ratingBar" />
|
|
|
|
<TextView
|
|
android:id="@+id/tvSellerName"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="4dp"
|
|
android:text="SnackEnak"
|
|
android:textColor="#666666"
|
|
android:textSize="12sp"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintTop_toBottomOf="@+id/ratingBar" />
|
|
|
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
|
</androidx.cardview.widget.CardView>
|
|
|
|
<!-- Progress Bar -->
|
|
<ProgressBar
|
|
android:id="@+id/progressBar"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:visibility="gone"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
tools:visibility="visible" />
|
|
|
|
<!-- Chat messages -->
|
|
<androidx.recyclerview.widget.RecyclerView
|
|
android:id="@+id/recyclerChat"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="0dp"
|
|
android:clipToPadding="false"
|
|
android:paddingTop="8dp"
|
|
android:paddingBottom="8dp"
|
|
app:layout_constraintBottom_toTopOf="@+id/tvTypingIndicator"
|
|
app:layout_constraintTop_toBottomOf="@+id/cardProduct" />
|
|
|
|
<!-- Typing indicator -->
|
|
<TextView
|
|
android:id="@+id/tvTypingIndicator"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:padding="4dp"
|
|
android:text="User is typing..."
|
|
android:textColor="#666666"
|
|
android:textSize="12sp"
|
|
android:textStyle="italic"
|
|
android:visibility="gone"
|
|
app:layout_constraintBottom_toTopOf="@+id/layoutChatInput"
|
|
tools:visibility="visible" />
|
|
|
|
<!-- Chat input area -->
|
|
<LinearLayout
|
|
android:id="@+id/layoutChatInput"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:background="#FFFFFF"
|
|
android:elevation="8dp"
|
|
android:orientation="horizontal"
|
|
android:padding="8dp"
|
|
app:layout_constraintBottom_toBottomOf="parent">
|
|
|
|
<ImageButton
|
|
android:id="@+id/btnAttachment"
|
|
android:layout_width="40dp"
|
|
android:layout_height="40dp"
|
|
android:layout_gravity="center_vertical"
|
|
android:background="?attr/selectableItemBackgroundBorderless"
|
|
android:contentDescription="Attachment"
|
|
android:src="@drawable/baseline_attach_file_24" />
|
|
|
|
<EditText
|
|
android:id="@+id/editTextMessage"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="8dp"
|
|
android:layout_marginEnd="8dp"
|
|
android:layout_weight="1"
|
|
android:background="@drawable/bg_edit_text_background"
|
|
android:hint="Tulis pesan"
|
|
android:inputType="textMultiLine"
|
|
android:maxLines="4"
|
|
android:minHeight="40dp"
|
|
android:padding="8dp" />
|
|
|
|
<ImageButton
|
|
android:id="@+id/btnSend"
|
|
android:layout_width="40dp"
|
|
android:layout_height="40dp"
|
|
android:layout_gravity="center_vertical"
|
|
android:background="?attr/selectableItemBackgroundBorderless"
|
|
android:contentDescription="Send"
|
|
android:src="@drawable/baseline_attach_file_24" />
|
|
</LinearLayout>
|
|
|
|
|
|
</androidx.constraintlayout.widget.ConstraintLayout> |