From 426c765b5317a229dfd09a4c9debbe492d58ffef Mon Sep 17 00:00:00 2001
From: Viachaslau Lyskouski <deus@creativity.by>
Date: Tue, 3 Dec 2024 15:25:57 +0100
Subject: [PATCH] [#285] [NF] Screen Widgets. View preset

---
 .../java/com/tercad/fingrom/PaymentItem.kt    |   8 +++
 .../com/tercad/fingrom/PaymentsAppWidget.kt   |  29 +++++-----
 .../tercad/fingrom/PaymentsWidgetFactory.kt   |  51 ++++++++++++++++++
 .../tercad/fingrom/PaymentsWidgetService.kt   |  10 ++++
 .../example_appwidget_preview.png             | Bin 3522 -> 0 bytes
 .../payments_appwidget_preview.png            | Bin 0 -> 3212 bytes
 .../src/main/res/layout/payment_list_item.xml |  42 +++++++++++++++
 .../main/res/layout/payments_app_widget.xml   |  21 ++++----
 android/app/src/main/res/values/strings.xml   |   2 +-
 .../res/xml-v31/payments_app_widget_info.xml  |   2 +-
 .../main/res/xml/payments_app_widget_info.xml |   2 +-
 11 files changed, 139 insertions(+), 28 deletions(-)
 create mode 100644 android/app/src/main/java/com/tercad/fingrom/PaymentItem.kt
 create mode 100644 android/app/src/main/java/com/tercad/fingrom/PaymentsWidgetFactory.kt
 create mode 100644 android/app/src/main/java/com/tercad/fingrom/PaymentsWidgetService.kt
 delete mode 100644 android/app/src/main/res/drawable-nodpi/example_appwidget_preview.png
 create mode 100644 android/app/src/main/res/drawable-nodpi/payments_appwidget_preview.png
 create mode 100644 android/app/src/main/res/layout/payment_list_item.xml

diff --git a/android/app/src/main/java/com/tercad/fingrom/PaymentItem.kt b/android/app/src/main/java/com/tercad/fingrom/PaymentItem.kt
new file mode 100644
index 0000000000..f487442f84
--- /dev/null
+++ b/android/app/src/main/java/com/tercad/fingrom/PaymentItem.kt
@@ -0,0 +1,8 @@
+package com.tercad.fingrom
+
+data class PaymentItem(
+    val type: String,
+    val amount: String,
+    val interval: String,
+    val color: String // Hex color string
+)
\ No newline at end of file
diff --git a/android/app/src/main/java/com/tercad/fingrom/PaymentsAppWidget.kt b/android/app/src/main/java/com/tercad/fingrom/PaymentsAppWidget.kt
index 7c26d62f91..d5d9763437 100644
--- a/android/app/src/main/java/com/tercad/fingrom/PaymentsAppWidget.kt
+++ b/android/app/src/main/java/com/tercad/fingrom/PaymentsAppWidget.kt
@@ -3,7 +3,9 @@ package com.tercad.fingrom
 import android.appwidget.AppWidgetManager
 import android.appwidget.AppWidgetProvider
 import android.content.Context
+import android.content.Intent
 import android.widget.RemoteViews
+import android.widget.AdapterView
 
 /**
  * Implementation of App Widget functionality.
@@ -14,9 +16,18 @@ class PaymentsAppWidget : AppWidgetProvider() {
         appWidgetManager: AppWidgetManager,
         appWidgetIds: IntArray
     ) {
-        // There may be multiple widgets active, so update all of them
         for (appWidgetId in appWidgetIds) {
-            updateAppWidget(context, appWidgetManager, appWidgetId)
+            val intent = Intent(context, PaymentsWidgetService::class.java)
+            val remoteViews = RemoteViews(context.packageName, R.layout.payments_app_widget)
+
+            // Set the adapter for the list view
+            remoteViews.setRemoteAdapter(R.id.list_view, intent)
+
+            // Set the empty view if no data is available
+            remoteViews.setEmptyView(R.id.list_view, R.id.empty_view)
+
+            // Update the widget
+            appWidgetManager.updateAppWidget(appWidgetId, remoteViews)
         }
     }
 
@@ -28,17 +39,3 @@ class PaymentsAppWidget : AppWidgetProvider() {
         // Enter relevant functionality for when the last widget is disabled
     }
 }
-
-internal fun updateAppWidget(
-    context: Context,
-    appWidgetManager: AppWidgetManager,
-    appWidgetId: Int
-) {
-    val widgetText = context.getString(R.string.appwidget_text)
-    // Construct the RemoteViews object
-    val views = RemoteViews(context.packageName, R.layout.payments_app_widget)
-    views.setTextViewText(R.id.appwidget_text, widgetText)
-
-    // Instruct the widget manager to update the widget
-    appWidgetManager.updateAppWidget(appWidgetId, views)
-}
\ No newline at end of file
diff --git a/android/app/src/main/java/com/tercad/fingrom/PaymentsWidgetFactory.kt b/android/app/src/main/java/com/tercad/fingrom/PaymentsWidgetFactory.kt
new file mode 100644
index 0000000000..bcebab730f
--- /dev/null
+++ b/android/app/src/main/java/com/tercad/fingrom/PaymentsWidgetFactory.kt
@@ -0,0 +1,51 @@
+package com.tercad.fingrom
+
+import android.content.Context
+import android.widget.RemoteViews
+import android.widget.RemoteViewsService
+import androidx.core.graphics.ColorUtils
+import android.graphics.Color
+
+class PaymentsWidgetFactory(private val context: Context) : RemoteViewsService.RemoteViewsFactory {
+
+    private val items = mutableListOf<PaymentItem>()
+
+    override fun onCreate() {
+        // Initial data, including color in hex format
+        items.add(PaymentItem("Bill:", "-$100.00", "monthly", "#FFD700")) // Yellow for Bill
+        items.add(PaymentItem("Invoice:", "+$50.00", "weekly", "#FF0000")) // Red for Invoice
+        items.add(PaymentItem("Bill:", "-$20.00", "monthly", "#0000FF")) // Blue for Bill
+    }
+
+    override fun onDataSetChanged() {
+        // Refresh or update data if needed
+    }
+
+    override fun onDestroy() {
+        items.clear()
+    }
+
+    override fun getCount(): Int = items.size
+
+    override fun getViewAt(position: Int): RemoteViews {
+        val item = items[position]
+
+        val rv = RemoteViews(context.packageName, R.layout.payment_list_item)
+        rv.setTextViewText(R.id.item_type, item.type)
+        rv.setTextViewText(R.id.item_amount, item.amount)
+        rv.setTextViewText(R.id.item_interval, item.interval)
+
+        // Set background color directly using Color.parseColor
+        rv.setInt(R.id.color_bar, "setBackgroundColor", Color.parseColor(item.color))
+
+        return rv
+    }
+
+    override fun getLoadingView(): RemoteViews? = null
+
+    override fun getViewTypeCount(): Int = 1
+
+    override fun getItemId(position: Int): Long = position.toLong()
+
+    override fun hasStableIds(): Boolean = true
+}
diff --git a/android/app/src/main/java/com/tercad/fingrom/PaymentsWidgetService.kt b/android/app/src/main/java/com/tercad/fingrom/PaymentsWidgetService.kt
new file mode 100644
index 0000000000..0b42a18e85
--- /dev/null
+++ b/android/app/src/main/java/com/tercad/fingrom/PaymentsWidgetService.kt
@@ -0,0 +1,10 @@
+package com.tercad.fingrom
+
+import android.content.Intent
+import android.widget.RemoteViewsService
+
+class PaymentsWidgetService : RemoteViewsService() {
+    override fun onGetViewFactory(intent: Intent): RemoteViewsFactory {
+        return PaymentsWidgetFactory(applicationContext)
+    }
+}
diff --git a/android/app/src/main/res/drawable-nodpi/example_appwidget_preview.png b/android/app/src/main/res/drawable-nodpi/example_appwidget_preview.png
deleted file mode 100644
index 894b069a4907d258f60b1b2406b90f5a0fe1c35b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3522
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
KHu)#c$NU?Az^{$~

diff --git a/android/app/src/main/res/drawable-nodpi/payments_appwidget_preview.png b/android/app/src/main/res/drawable-nodpi/payments_appwidget_preview.png
new file mode 100644
index 0000000000000000000000000000000000000000..931a4c1d5192cf5a59be5d2f6d21e3d6c8f46738
GIT binary patch
literal 3212
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

literal 0
HcmV?d00001

diff --git a/android/app/src/main/res/layout/payment_list_item.xml b/android/app/src/main/res/layout/payment_list_item.xml
new file mode 100644
index 0000000000..957dc46522
--- /dev/null
+++ b/android/app/src/main/res/layout/payment_list_item.xml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <!-- Color bar for each item -->
+    <View
+        android:id="@+id/color_bar"
+        android:layout_width="match_parent"
+        android:layout_height="10dp" />
+
+    <!-- Title of the payment item (Bill/Invoice) -->
+    <TextView
+        android:id="@+id/item_type"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Bill:"
+        android:textColor="@android:color/black"
+        android:layout_marginTop="5dp"
+        android:layout_below="@id/color_bar" />
+
+    <!-- Amount for the payment item -->
+    <TextView
+        android:id="@+id/item_amount"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="-$100.00"
+        android:textColor="@android:color/black"
+        android:layout_marginTop="5dp"
+        android:layout_below="@id/item_type" />
+
+    <!-- Interval for the payment item (monthly/weekly) -->
+    <TextView
+        android:id="@+id/item_interval"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="monthly"
+        android:textColor="@android:color/black"
+        android:layout_marginTop="5dp"
+        android:layout_below="@id/item_amount" />
+
+</RelativeLayout>
diff --git a/android/app/src/main/res/layout/payments_app_widget.xml b/android/app/src/main/res/layout/payments_app_widget.xml
index 7a7bbac586..630cf62d56 100644
--- a/android/app/src/main/res/layout/payments_app_widget.xml
+++ b/android/app/src/main/res/layout/payments_app_widget.xml
@@ -4,16 +4,19 @@
     android:layout_height="match_parent"
     android:theme="@style/Theme.Android.AppWidgetContainer">
 
+    <!-- ListView to show payment items dynamically -->
+    <ListView
+        android:id="@+id/list_view"
+        android:layout_width="0dp"
+        android:layout_height="0dp" />
+
+    <!-- Empty view when there are no items to display -->
     <TextView
-        android:id="@+id/appwidget_text"
-        style="@style/Widget.Android.AppWidget.InnerView"
+        android:id="@+id/empty_view"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_centerHorizontal="true"
-        android:layout_centerVertical="true"
-        android:layout_margin="8dp"
-        android:contentDescription="@string/appwidget_text"
-        android:text="@string/appwidget_text"
-        android:textSize="24sp"
-        android:textStyle="bold|italic" />
+        android:text="No items to display"
+        android:visibility="gone"
+        android:textColor="@android:color/black" />
+
 </RelativeLayout>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/strings.xml b/android/app/src/main/res/values/strings.xml
index e554823761..17e2830f36 100644
--- a/android/app/src/main/res/values/strings.xml
+++ b/android/app/src/main/res/values/strings.xml
@@ -2,5 +2,5 @@
 <resources>
     <string name="appwidget_text">EXAMPLE</string>
     <string name="add_widget">Add widget</string>
-    <string name="app_widget_description">This is an app widget description</string>
+    <string name="app_widget_description">Add Payments List</string>
 </resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/xml-v31/payments_app_widget_info.xml b/android/app/src/main/res/xml-v31/payments_app_widget_info.xml
index b9d75d275a..19c0ef3833 100644
--- a/android/app/src/main/res/xml-v31/payments_app_widget_info.xml
+++ b/android/app/src/main/res/xml-v31/payments_app_widget_info.xml
@@ -5,7 +5,7 @@
     android:initialLayout="@layout/payments_app_widget"
     android:minWidth="180dp"
     android:minHeight="110dp"
-    android:previewImage="@drawable/example_appwidget_preview"
+    android:previewImage="@drawable/payments_appwidget_preview"
     android:previewLayout="@layout/payments_app_widget"
     android:resizeMode="horizontal|vertical"
     android:targetCellWidth="3"
diff --git a/android/app/src/main/res/xml/payments_app_widget_info.xml b/android/app/src/main/res/xml/payments_app_widget_info.xml
index e4acd9c5c1..396add59b7 100644
--- a/android/app/src/main/res/xml/payments_app_widget_info.xml
+++ b/android/app/src/main/res/xml/payments_app_widget_info.xml
@@ -5,7 +5,7 @@
     android:initialLayout="@layout/payments_app_widget"
     android:minWidth="180dp"
     android:minHeight="110dp"
-    android:previewImage="@drawable/example_appwidget_preview"
+    android:previewImage="@drawable/payments_appwidget_preview"
     android:resizeMode="horizontal|vertical"
     android:updatePeriodMillis="360000"
     android:widgetCategory="home_screen" />
\ No newline at end of file