From ffa0b49f94f29fa34fafcf5f31fcb1f43c84b475 Mon Sep 17 00:00:00 2001
From: gracia <hotmauligracia@gmail.com>
Date: Sat, 1 Feb 2025 19:21:09 +0700
Subject: [PATCH] button and toko saya activity

---
 .idea/misc.xml                                |   1 -
 .../main/res/drawable/ic_navigate_next.png    | Bin 0 -> 391 bytes
 .../main/res/drawable/placeholder_image.jpeg  | Bin 0 -> 8485 bytes
 .../res/layout-v28/activity_toko_saya.xml     |  50 +++++
 .../main/res/layout/activity_toko_saya.xml    | 184 ++++++++++++++++--
 app/src/main/res/layout/header.xml            |  11 +-
 app/src/main/res/values/themes.xml            | 161 ++++++++++++++-
 7 files changed, 378 insertions(+), 29 deletions(-)
 create mode 100644 app/src/main/res/drawable/ic_navigate_next.png
 create mode 100644 app/src/main/res/drawable/placeholder_image.jpeg
 create mode 100644 app/src/main/res/layout-v28/activity_toko_saya.xml

diff --git a/.idea/misc.xml b/.idea/misc.xml
index 6d8fb78..fee46db 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="CodeInsightWorkspaceSettings">
     <option name="optimizeImportsOnTheFly" value="true" />
diff --git a/app/src/main/res/drawable/ic_navigate_next.png b/app/src/main/res/drawable/ic_navigate_next.png
new file mode 100644
index 0000000000000000000000000000000000000000..72f4a54265f2215293dcfdf4d1540b4eae01a36f
GIT binary patch
literal 391
zcmeAS@N?(olHy`uVBq!ia0vp^HXzKw1|+Ti+$;i8oCO|{#S9FJ79h;%I?XTvD9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~!moQ$W7V@L(#+nc_p4jG8FK9v4lTP+~+Ca6Sn
z-I=8&+OoUY*KTBY{lm(>_q*H^o5@;yhrF58R?h5zfcZc7<cgmTZC@@pb0)Kk+5fH5
z_Uk^Tbm^IGjLzBmEpJMl#gwyk_rFie`6QY5@6|g+v19LbjBP7F6zJTJT3i3KQKjmW
zDsRUu)2-T1GneTrFVoAPo{-R6#?5vt<9b3ucNst1vKJE)5<2;~+1g%QNI22Q$KQ75
z#gv2-U1gTKwX16+_Rc$#@8kX9n@eeH?T^eK3svVzazCv1p1DzA*T)lmtsB;=I_tE^
z$VDU_{9AECgnOMhL(awrWk(N7a2sCV5`J@|K(TMO%tnDC-_t_e@2+q0*|;tuepx5P
bb3Nyb-bx<oIOb9V3^xW(S3j3^P6<r_jdq~H

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/placeholder_image.jpeg b/app/src/main/res/drawable/placeholder_image.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..0a57cbdae59cc05339422b5ccad97870c646d7e0
GIT binary patch
literal 8485
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

literal 0
HcmV?d00001

diff --git a/app/src/main/res/layout-v28/activity_toko_saya.xml b/app/src/main/res/layout-v28/activity_toko_saya.xml
new file mode 100644
index 0000000..aa5d9a2
--- /dev/null
+++ b/app/src/main/res/layout-v28/activity_toko_saya.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout 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/main"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical"
+    tools:context=".ui.TokoSayaActivity">
+
+    <include layout="@layout/header" />
+
+    <ScrollView
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/layout_profile"
+            android:layout_width="match_parent"
+            android:layout_height="143dp"
+            android:paddingHorizontal="@dimen/horizontal_safe_area"
+            android:paddingVertical="@dimen/vertical_safe_area">
+
+            <com.google.android.material.imageview.ShapeableImageView
+                android:id="@+id/iv_profile"
+                android:layout_width="72dp"
+                android:layout_height="72dp"
+                android:src="@drawable/placeholder_image"
+                android:scaleType="centerCrop"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:shapeAppearanceOverlay="@style/circular_image"/>
+
+            <TextView
+                android:id="@+id/tv_store_name"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Nama Toko"
+                android:layout_marginStart="8dp"
+                style="@style/body_large"
+                android:textFontWeight="700"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintStart_toEndOf="@id/iv_profile"/>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+    </ScrollView>
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_toko_saya.xml b/app/src/main/res/layout/activity_toko_saya.xml
index 3e5e2b8..242629b 100644
--- a/app/src/main/res/layout/activity_toko_saya.xml
+++ b/app/src/main/res/layout/activity_toko_saya.xml
@@ -1,24 +1,182 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<LinearLayout 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/main"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
+    android:orientation="vertical"
     tools:context=".ui.TokoSayaActivity">
 
-    <include layout="@layout/header"
-        android:id="@+id/header_toko_saya"
-        app:layout_constraintTop_toTopOf="parent"
-        app:layout_constraintStart_toStartOf="parent" />
-    
-    <androidx.constraintlayout.widget.ConstraintLayout
-        android:id="@+id/layout_profile"
+    <include layout="@layout/header" />
+
+    <ScrollView
         android:layout_width="match_parent"
-        android:layout_height="143dp"
-        app:layout_constraintTop_toBottomOf="@id/header_toko_saya"
-        app:layout_constraintStart_toStartOf="parent">
+        android:layout_height="0dp"
+        android:layout_weight="1">
 
-    </androidx.constraintlayout.widget.ConstraintLayout>
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical">
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/layout_profile"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingHorizontal="@dimen/horizontal_safe_area"
+                android:paddingVertical="@dimen/vertical_safe_area">
+
+                <LinearLayout
+                    android:id="@+id/layout_profile_preview"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:gravity="center_vertical"
+                    android:orientation="horizontal"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintStart_toStartOf="parent">
+
+                    <com.google.android.material.imageview.ShapeableImageView
+                        android:id="@+id/iv_profile"
+                        android:layout_width="72dp"
+                        android:layout_height="72dp"
+                        android:src="@drawable/placeholder_image"
+                        android:scaleType="centerCrop"
+                        app:shapeAppearanceOverlay="@style/circular_image"/>
+
+                    <LinearLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:orientation="vertical"
+                        android:layout_marginStart="8dp">
+
+                        <TextView
+                            android:id="@+id/tv_store_name"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="Nama Toko"
+                            style="@style/body_large"
+                            android:fontFamily="@font/dmsans_bold"/>
+
+                        <TextView
+                            android:id="@+id/tv_store_type"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="Jenis Toko"
+                            style="@style/body_small" />
+
+                    </LinearLayout>
+
+                </LinearLayout>
+
+                <Button
+                    android:id="@+id/btn_edit_profile"
+                    android:text="Ubah Profil Toko"
+                    android:textColor="@color/blue_500"
+                    style="@style/button.small.secondary.short"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintBottom_toBottomOf="@id/line_profile"/>
+
+                <View
+                    android:id="@+id/line_profile"
+                    android:layout_width="380dp"
+                    android:layout_height="1dp"
+                    android:layout_marginTop="10dp"
+                    android:background="@color/black_50"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@id/layout_profile_preview"/>
+
+                <RelativeLayout
+                    android:id="@+id/layout_balance"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="16dp"
+                    app:layout_constraintTop_toBottomOf="@id/line_profile"
+                    app:layout_constraintStart_toStartOf="parent">
+
+                    <TextView
+                        android:id="@+id/tv_balance_label"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="Saldo Toko"
+                        style="@style/label_large"
+                        android:layout_centerVertical="true"/>
+
+                    <TextView
+                        android:id="@+id/tv_balance"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        style="@style/label_large_prominent"
+                        android:layout_toStartOf="@id/iv_balance"
+                        android:text="Rp1.252.000"
+                        android:layout_centerVertical="true"/>
+
+                    <ImageView
+                        android:id="@+id/iv_balance"
+                        android:layout_width="20dp"
+                        android:layout_height="20dp"
+                        android:src="@drawable/ic_navigate_next"
+                        app:tint="@color/blue_500"
+                        android:layout_alignParentEnd="true"/>
+
+                </RelativeLayout>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <View
+                android:layout_width="match_parent"
+                android:layout_height="8dp"
+                android:background="@color/black_50"/>
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/layout_sells"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingHorizontal="@dimen/horizontal_safe_area"
+                android:paddingVertical="@dimen/vertical_safe_area">
+
+                <RelativeLayout
+                    android:id="@+id/layout_sells_title"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintStart_toStartOf="parent">
+
+                    <TextView
+                        android:id="@+id/tv_sells_title"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="Penjualan"
+                        style="@style/body_large"
+                        android:layout_centerVertical="true"/>
+
+                    <TextView
+                        android:id="@+id/tv_history"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        style="@style/label_small"
+                        android:fontFamily="@font/dmsans_bold"
+                        android:layout_toStartOf="@id/iv_history"
+                        android:text="Lihat Riwayat"
+                        android:textColor="@color/blue_500"
+                        android:layout_centerVertical="true"/>
+
+                    <ImageView
+                        android:id="@+id/iv_history"
+                        android:layout_width="16dp"
+                        android:layout_height="16dp"
+                        android:src="@drawable/ic_navigate_next"
+                        app:tint="@color/blue_500"
+                        android:layout_alignParentEnd="true"
+                        android:layout_centerVertical="true"/>
+
+                </RelativeLayout>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+        </LinearLayout>
+
+    </ScrollView>
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/header.xml b/app/src/main/res/layout/header.xml
index f948aa2..57d2c45 100644
--- a/app/src/main/res/layout/header.xml
+++ b/app/src/main/res/layout/header.xml
@@ -3,14 +3,15 @@
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/main"
     android:layout_width="match_parent"
-    android:layout_height="match_parent">
+    android:layout_height="40dp"
+    android:background="@drawable/bg_header"
+    android:paddingHorizontal="@dimen/horizontal_safe_area"
+    android:paddingVertical="@dimen/vertical_safe_area">
 
     <com.google.android.material.appbar.AppBarLayout
         android:layout_width="match_parent"
-        android:layout_height="40dp"
-        android:background="@drawable/bg_header"
-        android:paddingHorizontal="@dimen/horizontal_safe_area"
-        android:paddingVertical="@dimen/vertical_safe_area">
+        android:layout_height="match_parent"
+        android:background="@color/white">
 
         <com.google.android.material.appbar.MaterialToolbar
             android:id="@+id/header"
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 94e5b99..1bf3f5c 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -13,7 +13,7 @@
     <style name="display_large">
         <item name="android:textSize">57sp</item>
         <item name="android:lineSpacingExtra">64sp</item>
-        <item name="android:letterSpacing">-0.25</item>
+        <item name="android:letterSpacing">-0.025</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
@@ -63,7 +63,7 @@
     <style name="title_medium">
         <item name="android:textSize">16sp</item>
         <item name="android:lineSpacingExtra">24sp</item>
-        <item name="android:letterSpacing">0.15</item>
+        <item name="android:letterSpacing">0.015</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
     </style>
@@ -71,7 +71,7 @@
     <style name="title_small">
         <item name="android:textSize">14sp</item>
         <item name="android:lineSpacingExtra">20sp</item>
-        <item name="android:letterSpacing">0.1</item>
+        <item name="android:letterSpacing">0.01</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
     </style>
@@ -79,7 +79,7 @@
     <style name="label_large_prominent">
         <item name="android:textSize">14sp</item>
         <item name="android:lineSpacingExtra">20sp</item>
-        <item name="android:letterSpacing">0.1</item>
+        <item name="android:letterSpacing">0.01</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_semibold</item>
     </style>
@@ -87,7 +87,7 @@
     <style name="label_large">
         <item name="android:textSize">14sp</item>
         <item name="android:lineSpacingExtra">20sp</item>
-        <item name="android:letterSpacing">0.1</item>
+        <item name="android:letterSpacing">0.01</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
     </style>
@@ -95,7 +95,7 @@
     <style name="label_medium_prominent">
         <item name="android:textSize">12sp</item>
         <item name="android:lineSpacingExtra">16sp</item>
-        <item name="android:letterSpacing">0.5</item>
+        <item name="android:letterSpacing">0.05</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_semibold</item>
     </style>
@@ -103,7 +103,7 @@
     <style name="label_medium">
         <item name="android:textSize">12sp</item>
         <item name="android:lineSpacingExtra">16sp</item>
-        <item name="android:letterSpacing">0.5</item>
+        <item name="android:letterSpacing">0.05</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
     </style>
@@ -111,7 +111,7 @@
     <style name="label_small">
         <item name="android:textSize">11sp</item>
         <item name="android:lineSpacingExtra">16sp</item>
-        <item name="android:letterSpacing">0.5</item>
+        <item name="android:letterSpacing">0.05</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_medium</item>
     </style>
@@ -119,7 +119,7 @@
     <style name="body_large">
         <item name="android:textSize">16sp</item>
         <item name="android:lineSpacingExtra">24sp</item>
-        <item name="android:letterSpacing">0.5</item>
+        <item name="android:letterSpacing">0.05</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
@@ -135,9 +135,150 @@
     <style name="body_small">
         <item name="android:textSize">12sp</item>
         <item name="android:lineSpacingExtra">16sp</item>
-        <item name="android:letterSpacing">0.4</item>
+        <item name="android:letterSpacing">0.04</item>
         <item name="android:textColor">@color/black</item>
         <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
 
+    <!-- Buttons -->
+
+    <style name="button.large" parent="label_large_prominent">
+        <item name="android:padding">10.91dp</item>
+        <item name="android:layout_height">40dp</item>
+        <item name="android:textAllCaps">false</item>
+    </style>
+
+        <style name="button.large.active">
+            <item name="android:background">@drawable/bg_button_active</item>
+        </style>
+
+            <style name="button.large.active.long">
+                <item name="android:layout_width">380dp</item>
+            </style>
+
+            <style name="button.large.active.medium">
+                <item name="android:layout_width">185dp</item>
+            </style>
+
+            <style name="button.large.active.short">
+                <item name="android:layout_width">144dp</item>
+            </style>
+
+                <style name="button.large.active.short.only_icon">
+                    <item name="android:layout_width">40dp</item>
+                </style>
+
+        <style name="button.large.secondary">
+            <item name="android:background">@drawable/bg_button_secondary</item>
+        </style>
+
+            <style name="button.large.secondary.long">
+                <item name="android:layout_width">380dp</item>
+            </style>
+
+            <style name="button.large.secondary.medium">
+                <item name="android:layout_width">185dp</item>
+            </style>
+
+            <style name="button.large.secondary.short">
+                <item name="android:layout_width">144dp</item>
+            </style>
+
+                <style name="button.large.secondary.short.only_icon">
+                    <item name="android:layout_width">40dp</item>
+                </style>
+
+        <style name="button.large.disabled">
+            <item name="android:background">@drawable/bg_button_disabled</item>
+        </style>
+
+            <style name="button.large.disabled.long">
+                <item name="android:layout_width">380dp</item>
+            </style>
+
+            <style name="button.large.disabled.medium">
+                <item name="android:layout_width">185dp</item>
+            </style>
+
+            <style name="button.large.disabled.short">
+                <item name="android:layout_width">144dp</item>
+            </style>
+
+                <style name="button.large.disabled.short.only_icon">
+                    <item name="android:layout_width">40dp</item>
+                </style>
+
+    <style name="button.small" parent="label_medium_prominent">
+        <item name="android:padding">7dp</item>
+        <item name="android:layout_height">30dp</item>
+        <item name="android:textAllCaps">false</item>
+    </style>
+
+        <style name="button.small.active">
+            <item name="android:background">@drawable/bg_button_active</item>
+        </style>
+
+            <style name="button.small.active.long">
+                <item name="android:layout_width">380dp</item>
+            </style>
+
+            <style name="button.small.active.medium">
+                <item name="android:layout_width">185dp</item>
+            </style>
+
+            <style name="button.small.active.short">
+                <item name="android:layout_width">144dp</item>
+            </style>
+
+                <style name="button.small.active.short.only_icon">
+                    <item name="android:layout_width">40dp</item>
+                </style>
+
+        <style name="button.small.secondary">
+            <item name="android:background">@drawable/bg_button_secondary</item>
+        </style>
+
+            <style name="button.small.secondary.long">
+                <item name="android:layout_width">380dp</item>
+            </style>
+
+            <style name="button.small.secondary.medium">
+                <item name="android:layout_width">185dp</item>
+            </style>
+
+            <style name="button.small.secondary.short">
+                <item name="android:layout_width">144dp</item>
+            </style>
+
+                <style name="button.small.secondary.short.only_icon">
+                    <item name="android:layout_width">40dp</item>
+                </style>
+
+        <style name="button.small.disabled">
+            <item name="android:background">@drawable/bg_button_disabled</item>
+        </style>
+
+            <style name="button.small.disabled.long">
+                <item name="android:layout_width">380dp</item>
+            </style>
+
+            <style name="button.small.disabled.medium">
+                <item name="android:layout_width">185dp</item>
+            </style>
+
+            <style name="button.small.disabled.short">
+                <item name="android:layout_width">144dp</item>
+            </style>
+
+                <style name="button.small.disabled.short.only_icon">
+                    <item name="android:layout_width">40dp</item>
+                </style>
+
+    <!-- Styles -->
+
+    <style name="circular_image">
+        <item name="cornerFamily">rounded</item>
+        <item name="cornerSize">50%</item>
+    </style>
+
 </resources>
\ No newline at end of file