From 98b9cd64b76c9e90ed1b907a108f72a7b3e7cbd3 Mon Sep 17 00:00:00 2001
From: Gracia <hotmauligracia@gmail.com>
Date: Fri, 18 Apr 2025 02:35:27 +0700
Subject: [PATCH] ui update sells

---
 app/src/main/res/drawable/ic_person.png       | Bin 0 -> 1112 bytes
 .../main/res/drawable/shape_sells_title.xml   |   8 +
 app/src/main/res/layout/activity_my_store.xml |   2 +-
 app/src/main/res/layout/item_sells_order.xml  | 292 ++++++++++++++++++
 .../main/res/layout/item_store_product.xml    |   2 +-
 5 files changed, 302 insertions(+), 2 deletions(-)
 create mode 100644 app/src/main/res/drawable/ic_person.png
 create mode 100644 app/src/main/res/drawable/shape_sells_title.xml
 create mode 100644 app/src/main/res/layout/item_sells_order.xml

diff --git a/app/src/main/res/drawable/ic_person.png b/app/src/main/res/drawable/ic_person.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab1e6ef5286b8edc04f1a78ac9f07597e5c7e3c8
GIT binary patch
literal 1112
zcmV-e1gHCnP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1MNvfK~#7F?U`?K
z5={`spWY4m`f`Nz1aCZncmm@IlAOT!#VSoSgBq>!i}3`36Bth*o<KZ->j~V?5N3Ra
zU{wl+unY7OEAy*Lp!Ofz&vf_n^Z=1aBoc{4B9Xg^U;`LqngcYl6xeaF1rHTl81;F)
zK+V)Dz)N$wpFsBbwKeCGo`vhaF-INLL@fds^FDKM=a_H!G`V2#kRFjk8Fc}SIi;J+
zSAK0)x)HA6%Ta`*J`_<EU^4RGQQ7#v=!=j*iHY$`jQn+^N$>gWlO~i<6F|iJWS51{
zx{g2|w#^Iie}b+14(QH#RA$jQgc52YaAMy5L_h$6J1}#yJoCjqNBn&Dj1Pt3J&kEn
z#RHDbyIll~XGpZo4O5&yM}gY2XQX+FbO#Ek2#~-9Ue*<_&5^-EhG+a&%sw;Og#t=B
zK(gs0bnPD~fp>Fy%D0&(0{=k)wInzVUHd0)A+-rW2};K>X9$(i4xu7|ID`t99lCe6
z;MQ^dfI!J?ohubWRnZYZM#0L>Vf%d1y^Q~l!Q+yuRD+szfG>eVvjL~N;nV3k-B)`K
z4H_@|fyd=6nC?M=EhxdH_bFV|2#cNV)+=-Rh1FmG>RR6y7%!8XbDq_P+IuQOFYs%D
z7FNP_+UDp0N~q2PT+=`1M~>ymeYijoRRMgQ`$Z3c$_b3&@omx+QEije))M1F$1u*H
zVDa*}@cF}(Dw|iQ)}G+i9B*5eiI6}1KPF;0hhKb?ob|(n$e^={=4j-uQgaB5TU&l@
zpZQNgauouwx&O3Cifs(@IzvEB0B`IFja^^la3=8a?yJJGy*)2LpJnk63)`D)n&ePm
ztpfPPj+MrqIB8+!0%#i7w@$jL3@+9w#>xVWN7`-gCxS;<yU}x5+YZvw0(iqY+D|yz
zzGJJ_wq8K)#B~xk>@MpSO9^mn-n3GrexZ}$c94%SI(Tbd_E3?^0?_zf8vnV%E$s0L
zdwiBjEy;N=%i>XC%=7&EMUzGd|6J3Ko2m(ur+a`3-bE1}Q-ljtpppRBc6+j$uJd&~
zJHtI1(W9X~tbj2ecAUFxIl<rR@upv{ynj%sAHb0@GT(UL&F!*%ebHXg=<68s%rB(;
z-<cP~;_{I1uou2s=sgX?FQs>qDtQ3c_rDQv$*YFN@T{%^X0oR6yGSRqXRCQZX#orq
zpF{d}_V?`5cKi4Y8{p*R?I9$Y=^=7J?w8$BF5M4c`5H_{n=;-ba@h$T9|e1nVM+_Y
za&}X5{an@&ay4#@+)h^R3NtY}{KMRN4~PQbjuVq$*$Y#y!AB6a9h!BLV$ee*5{X12
ekw_$RBYyzUV0a_EHGne!0000<MNUMnLSTZ0)eler

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/shape_sells_title.xml b/app/src/main/res/drawable/shape_sells_title.xml
new file mode 100644
index 0000000..939ef1f
--- /dev/null
+++ b/app/src/main/res/drawable/shape_sells_title.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/darkblue_500" />
+    <corners
+        android:topRightRadius="4dp"
+        android:bottomRightRadius="4dp"/>
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_my_store.xml b/app/src/main/res/layout/activity_my_store.xml
index 1f6501a..8342ce0 100644
--- a/app/src/main/res/layout/activity_my_store.xml
+++ b/app/src/main/res/layout/activity_my_store.xml
@@ -83,7 +83,7 @@
 
                 <View
                     android:id="@+id/line_profile"
-                    android:layout_width="380dp"
+                    android:layout_width="match_parent"
                     android:layout_height="1dp"
                     android:layout_marginTop="10dp"
                     android:background="@color/black_50"
diff --git a/app/src/main/res/layout/item_sells_order.xml b/app/src/main/res/layout/item_sells_order.xml
new file mode 100644
index 0000000..8cc6547
--- /dev/null
+++ b/app/src/main/res/layout/item_sells_order.xml
@@ -0,0 +1,292 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@color/white"
+    android:paddingTop="16dp">
+
+    <!-- Order Header -->
+    <View
+        android:id="@+id/shape_sells_title"
+        android:layout_width="4dp"
+        android:layout_height="48dp"
+        android:background="@drawable/shape_sells_title"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"/>
+
+    <LinearLayout
+        android:id="@+id/layout_order_header"
+        android:layout_width="220dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="12dp"
+        app:layout_constraintStart_toStartOf="@id/shape_sells_title"
+        app:layout_constraintTop_toTopOf="parent"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/tv_order_title"
+            style="@style/label_medium_prominent"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:maxLines="1"
+            android:text="Pesanan Perlu Dibuat Tagihan"/>
+
+        <TextView
+            android:id="@+id/tv_order_number"
+            style="@style/label_small"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:maxLines="1"
+            android:textColor="@color/black_300"
+            android:text="No. Pesanan: 123456789"/>
+        
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal">
+            
+            <ImageView
+                android:layout_width="16dp"
+                android:layout_height="16dp"
+                android:src="@drawable/ic_person"/>
+
+            <TextView
+                android:id="@+id/tv_order_customer"
+                style="@style/label_small"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:maxLines="1"
+                android:layout_marginStart="4dp"
+                android:textColor="@color/black_300"
+                android:text="Gracia Hotmauli"/>
+            
+        </LinearLayout>
+
+    </LinearLayout>
+    
+    <LinearLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:orientation="vertical"
+        android:layout_marginEnd="16dp"
+        android:gravity="end">
+
+        <TextView
+            android:layout_width="150dp"
+            android:layout_height="wrap_content"
+            android:maxLines="1"
+            style="@style/label_small"
+            android:textAlignment="textEnd"
+            android:text="Buat tagihan sebelum:"
+            android:textColor="@color/black_300" />
+
+        <TextView
+            android:id="@+id/tv_order_due"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="25 Okt; 23.59"
+            style="@style/label_small"
+            android:paddingHorizontal="4dp"
+            android:textColor="@color/darkblue_500"
+            android:background="@drawable/bg_product_active" />
+
+    </LinearLayout>
+
+    <!-- Order Detail -->
+    <LinearLayout
+        android:id="@+id/layout_order_detail"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/layout_order_header"
+        android:paddingHorizontal="16dp"
+        android:layout_marginTop="8dp"
+        android:orientation="vertical">
+
+        <View
+            android:layout_width="match_parent"
+            android:layout_height="1dp"
+            android:background="@color/black_50"/>
+
+        <!-- Product Detail -->
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/layout_order_product_detail"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:paddingVertical="12dp">
+
+            <com.google.android.material.imageview.ShapeableImageView
+                android:id="@+id/iv_order_product"
+                android:layout_width="95dp"
+                android:layout_height="64dp"
+                android:src="@drawable/placeholder_image"
+                android:scaleType="centerCrop"
+                android:contentDescription="Order Product Image"
+                app:shapeAppearanceOverlay="@style/store_product_image"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <LinearLayout
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                android:layout_marginStart="13dp"
+                app:layout_constraintStart_toEndOf="@id/iv_order_product"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent">
+
+                <TextView
+                    android:id="@+id/tv_order_product_name"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:maxLines="1"
+                    android:text="Jaket Pink Fuschia"
+                    style="@style/label_medium_prominent"/>
+
+                <TextView
+                    android:id="@+id/tv_order_product_variant"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:maxLines="1"
+                    android:text="S"
+                    style="@style/label_medium"
+                    android:textColor="@color/black_300"/>
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                android:layout_marginStart="13dp"
+                android:gravity="end"
+                app:layout_constraintStart_toEndOf="@id/iv_order_product"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintBottom_toBottomOf="@id/iv_order_product">
+
+                <TextView
+                    android:id="@+id/tv_order_product_qty"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:maxLines="1"
+                    android:text="x2"
+                    style="@style/label_medium"
+                    android:textColor="@color/black_300"
+                    android:textAlignment="textEnd"/>
+
+                <TextView
+                    android:id="@+id/tv_order_product_price"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:maxLines="1"
+                    android:text="Rp150.000"
+                    style="@style/label_medium"
+                    android:textAlignment="textEnd"/>
+
+            </LinearLayout>
+
+            <TextView
+                android:id="@+id/tv_see_more"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:focusable="true"
+                android:text="Lihat 3 produk lainnya"
+                android:gravity="center"
+                style="@style/label_small"
+                android:fontFamily="@font/dmsans_italic"
+                android:textColor="@color/black_300"
+                app:layout_constraintTop_toBottomOf="@id/iv_order_product"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                android:layout_marginVertical="8dp"
+                android:clickable="true"
+                android:visibility="gone"/>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <View
+            android:layout_width="match_parent"
+            android:layout_height="1dp"
+            android:background="@color/black_50"/>
+
+        <!-- Total Price -->
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:paddingVertical="8dp">
+
+            <TextView
+                android:id="@+id/tv_order_qty"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="2 produk"
+                style="@style/label_large"
+                android:layout_alignParentStart="true"/>
+
+            <LinearLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_alignParentEnd="true">
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Total:"
+                    style="@style/label_large_prominent"
+                    android:textAlignment="textEnd"/>
+
+                <TextView
+                    android:id="@+id/tv_order_price"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="Rp300.000"
+                    style="@style/label_large_prominent"
+                    android:textColor="@color/blue_500"
+                    android:layout_marginStart="5dp"
+                    android:textAlignment="textEnd"/>
+
+            </LinearLayout>
+
+        </RelativeLayout>
+
+        <View
+            android:layout_width="match_parent"
+            android:layout_height="1dp"
+            android:background="@color/black_50"/>
+
+        <!-- Action Buttons -->
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="13dp"
+            android:orientation="horizontal">
+
+            <Button
+                android:id="@+id/btn_edit_order"
+                style="@style/button.small.secondary.medium"
+                android:text="Ubah Tagihan"
+                android:layout_marginEnd="10dp"/>
+
+            <Button
+                android:id="@+id/btn_confirm_order"
+                style="@style/button.small.active.medium"
+                android:text="Konfirmasi Tagihan" />
+
+        </LinearLayout>
+
+    </LinearLayout>
+
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="8dp"
+        android:background="@color/black_50"
+        android:layout_marginTop="16dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/layout_order_detail"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_store_product.xml b/app/src/main/res/layout/item_store_product.xml
index 84cf534..09df7db 100644
--- a/app/src/main/res/layout/item_store_product.xml
+++ b/app/src/main/res/layout/item_store_product.xml
@@ -75,7 +75,7 @@
             </LinearLayout>
 
             <ImageView
-                android:id="@+id/ivMenu"
+                android:id="@+id/iv_menu"
                 android:layout_width="24dp"
                 android:layout_height="24dp"
                 android:src="@drawable/ic_more_vertical"