Item_messege_survey

Item_messege_survey.xml

<?xml version="1.0" encoding="utf-8"?>l
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="8dp"
        android:layout_marginTop="4dp"
        android:textColor="@color/qiscus_secondary_text"
        android:textSize="14sp"
        android:visibility="gone"/>

    <com.qiscus.sdk.ui.view.QiscusCircularImageView
        android:id="@+id/avatar"
        android:layout_width="38dp"
        android:layout_height="38dp"
        android:layout_alignTop="@+id/message"
        android:layout_marginLeft="8dp"
        android:layout_marginStart="8dp"/>

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@+id/message"
        android:layout_alignLeft="@+id/bubble"
        android:layout_alignRight="@+id/message"
        android:layout_alignStart="@+id/bubble"
        android:layout_below="@+id/date"
        android:layout_marginEnd="4dp"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="4dp"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:ellipsize="end"
        android:maxLines="1"
        android:textColor="@color/qiscus_secondary_text"
        android:textSize="12sp"
        android:visibility="gone"/>

    <ImageView
        android:id="@+id/bubble"
        android:layout_width="42dp"
        android:layout_height="27dp"
        android:layout_alignTop="@+id/message"
        android:layout_marginLeft="42dp"
        android:layout_marginStart="42dp"
        android:src="@drawable/ic_qiscus_arrow_bubble_primary"
        android:tint="@color/qiscus_left_bubble"/>

    <LinearLayout
        android:id="@+id/message"
        android:layout_width="236dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/name"
        android:layout_marginBottom="4dp"
        android:layout_marginLeft="54dp"
        android:layout_marginRight="32dp"
        android:layout_marginStart="54dp"
        android:background="@drawable/qiscus_rounded_primary_chat_bg"
        android:orientation="vertical">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <RelativeLayout
                android:id="@+id/image"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:layout_centerVertical="true"
                android:layout_margin="10dp"
                android:background="@drawable/qiscus_rounded_dark_white">

                <ImageView
                    android:id="@+id/ic_image"
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:layout_centerInParent="true"
                    android:layout_centerVertical="true"
                    android:layout_marginEnd="8dp"
                    android:layout_marginRight="8dp"
                    android:padding="8dp"
                    android:tint="@color/qiscus_divider"/>
            </RelativeLayout>

            <TextView
                android:id="@+id/name_survey"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginTop="13dp"
                android:layout_toRightOf="@+id/image"
                android:autoLink="web"
                android:linksClickable="true"
                android:text="LINE @ Selles Survey"
                android:textColor="@color/qiscus_primary_text"
                android:textColorLink="@color/qiscus_primary_text"
                android:textSize="16sp"
                android:textStyle="bold"/>

            <TextView
                android:id="@+id/date_survey"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/name_survey"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginTop="8dp"
                android:layout_toRightOf="@+id/image"
                android:autoLink="web"
                android:linksClickable="true"
                android:text="2017-09-29"
                android:textColor="@color/qiscus_secondary_text"
                android:textColorLink="@color/qiscus_primary_text"
                android:textSize="14sp"/>
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <View
                android:id="@+id/line"
                android:layout_width="match_parent"
                android:layout_height="0.5dp"
                android:background="@color/qiscus_white"/>

            <TextView
                android:id="@+id/view_now"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/line"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginTop="8dp"
                android:autoLink="web"
                android:linksClickable="true"
                android:paddingBottom="10dp"
                android:text="View Now"
                android:textColor="@color/qiscus_secondary_text"
                android:textColorLink="@color/qiscus_primary_text"
                android:textSize="14sp"/>

        </RelativeLayout>

    </LinearLayout>

    <TextView
        android:layout_marginTop="100dp"
        android:id="@+id/time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:layout_marginStart="8dp"
        android:text="12.36 AM"
        android:layout_toRightOf="@+id/message"
        android:textColor="@color/qiscus_secondary_text"
        android:textSize="12sp"/>
    <!-- Add this view because Xiaomi need it -->
    <View
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_below="@+id/message"/>
</RelativeLayout>