From 656377875b6a0b242f7fd18de2a550490b6297bb Mon Sep 17 00:00:00 2001
From: Sylvain Berfini <sylvain.berfini@belledonne-communications.com>
Date: Fri, 25 Aug 2023 16:12:14 +0200
Subject: [PATCH] Added gradient background to start group call button

---
 app/src/main/res/drawable/keyboard.xml          |  9 +++++++++
 app/src/main/res/drawable/shape_gradient.xml    |  8 ++++++++
 app/src/main/res/layout/call_start_fragment.xml | 17 +++++++++++++++--
 app/src/main/res/values/colors.xml              |  2 ++
 4 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 app/src/main/res/drawable/keyboard.xml
 create mode 100644 app/src/main/res/drawable/shape_gradient.xml

diff --git a/app/src/main/res/drawable/keyboard.xml b/app/src/main/res/drawable/keyboard.xml
new file mode 100644
index 000000000..cc91a1c0d
--- /dev/null
+++ b/app/src/main/res/drawable/keyboard.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="96dp"
+    android:height="96dp"
+    android:viewportWidth="256"
+    android:viewportHeight="256">
+  <path
+      android:pathData="M223.51,48h-191A16.51,16.51 0,0 0,16 64.49v127A16.51,16.51 0,0 0,32.49 208h191A16.51,16.51 0,0 0,240 191.51v-127A16.51,16.51 0,0 0,223.51 48ZM224,191.51a0.49,0.49 0,0 1,-0.49 0.49h-191a0.49,0.49 0,0 1,-0.49 -0.49v-127a0.49,0.49 0,0 1,0.49 -0.49h191a0.49,0.49 0,0 1,0.49 0.49ZM208,128a8,8 0,0 1,-8 8L56,136a8,8 0,0 1,0 -16L200,120A8,8 0,0 1,208 128ZM208,96a8,8 0,0 1,-8 8L56,104a8,8 0,0 1,0 -16L200,88A8,8 0,0 1,208 96ZM72,160a8,8 0,0 1,-8 8L56,168a8,8 0,0 1,0 -16h8A8,8 0,0 1,72 160ZM168,160a8,8 0,0 1,-8 8L96,168a8,8 0,0 1,0 -16h64A8,8 0,0 1,168 160ZM208,160a8,8 0,0 1,-8 8h-8a8,8 0,0 1,0 -16h8A8,8 0,0 1,208 160Z"
+      android:fillColor="#4e6074"/>
+</vector>
diff --git a/app/src/main/res/drawable/shape_gradient.xml b/app/src/main/res/drawable/shape_gradient.xml
new file mode 100644
index 000000000..6a283b840
--- /dev/null
+++ b/app/src/main/res/drawable/shape_gradient.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:type="linear"
+        android:angle="0"
+        android:startColor="@color/gradient_start"
+        android:endColor="@color/white" />
+</shape>
diff --git a/app/src/main/res/layout/call_start_fragment.xml b/app/src/main/res/layout/call_start_fragment.xml
index 08be0c296..1f9c859ee 100644
--- a/app/src/main/res/layout/call_start_fragment.xml
+++ b/app/src/main/res/layout/call_start_fragment.xml
@@ -60,7 +60,6 @@
             android:paddingStart="15dp"
             android:paddingEnd="15dp"
             android:drawableStart="@drawable/magnifying_glass"
-            android:drawableEnd="@drawable/dialer"
             android:drawablePadding="10dp"
             android:drawableTint="@color/gray_9"
             android:background="@drawable/shape_search_square_background"
@@ -72,13 +71,25 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toBottomOf="@id/title" />
 
+        <!-- margin start must be half the size of the group_call_icon below -->
+        <View
+            android:id="@+id/gradient_background"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            android:layout_marginStart="22dp"
+            android:background="@drawable/shape_gradient"
+            app:layout_constraintTop_toTopOf="@id/group_call_icon"
+            app:layout_constraintBottom_toBottomOf="@id/group_call_icon"
+            app:layout_constraintStart_toStartOf="@id/group_call_icon"
+            app:layout_constraintEnd_toEndOf="@id/group_call_label" />
+
         <ImageView
             android:id="@+id/group_call_icon"
             android:visibility="@{viewModel.searchFilter.length() > 0 ? View.GONE : View.VISIBLE}"
             android:layout_width="44dp"
             android:layout_height="44dp"
             android:layout_marginStart="16dp"
-            android:layout_marginTop="40dp"
+            android:layout_marginTop="28dp"
             android:padding="10dp"
             android:src="@drawable/users_three"
             android:background="@drawable/shape_orange_round"
@@ -158,6 +169,7 @@
             android:layout_marginTop="8dp"
             android:visibility="@{viewModel.emptyContactsList ? View.GONE : View.VISIBLE}"
             app:layout_constraintVertical_bias="0"
+            app:layout_constraintVertical_weight="6"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintTop_toBottomOf="@id/all_contacts_label"
@@ -188,6 +200,7 @@
             android:layout_marginTop="8dp"
             android:visibility="@{viewModel.emptySuggestionsList ? View.GONE : View.VISIBLE}"
             app:layout_constraintVertical_bias="0"
+            app:layout_constraintVertical_weight="1"
             app:layout_constraintHeight_max="220dp"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 3ced8fa5f..ee66189db 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -20,6 +20,8 @@
     <color name="warning_orange_pressed_background">#FFB266</color>
     <color name="dialog_background">#22334D</color>
 
+    <color name="gradient_start">#EEF7F8</color>
+
     <color name="gray_1">#6C7A87</color>
     <color name="gray_2">#F9F9F9</color>
     <color name="gray_3">#EEF6F8</color>