Redesign opportunity card on connect landing page

app/res/drawable/bg_rounded_corner_lavender_70.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" >
+    <stroke
+        android:width="1dp"
+        android:color="@color/connect_blue_color" />
+
+    <solid android:color="@color/light_lavender" />
+
+    <padding
+        android:left="1dp"
+        android:right="1dp"
+        android:bottom="1dp"
+        android:top="1dp" />
+
+    <corners android:radius="70dp" />
+</shape>

app/res/drawable/ic_download_circle.xml

@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="15dp"
+    android:height="15dp"
+    android:viewportWidth="15"
+    android:viewportHeight="15">
+  <path
+      android:pathData="M7.25,7.25m-7,0a7,7 0,1 1,14 0a7,7 0,1 1,-14 0"
+      android:strokeWidth="0.5"
+      android:fillColor="#3A42C7"
+      android:strokeColor="#E7EAF7"/>
+  <path
+      android:pathData="M9.969,8.609V9.969H4.531V8.609H3.625V9.969C3.625,10.467 4.033,10.875 4.531,10.875H9.969C10.467,10.875 10.875,10.467 10.875,9.969V8.609H9.969ZM9.516,6.797L8.877,6.158L7.703,7.327V3.625H6.797V7.327L5.623,6.158L4.984,6.797L7.25,9.063L9.516,6.797Z"
+      android:fillColor="#ffffff"/>
+</vector>

app/res/layout/connect_job_list_item.xml

@@ -8,9 +8,6 @@
     android:layout_marginHorizontal="16dp"
     android:layout_marginTop="8dp"
     android:layout_marginBottom="8dp"
-    android:clickable="true"
-    android:focusable="true"
-    android:foreground="?android:attr/selectableItemBackground"
     android:shadowColor="@color/connect_light_grey_transparent"
     android:shadowDx="30"
     android:shadowDy="30"
@@ -41,74 +38,117 @@
 
         <LinearLayout
             android:id="@+id/llOpportunity"
-            android:layout_width="wrap_content"
+            android:layout_width="0dp"
             android:layout_height="wrap_content"
-            android:layout_marginTop="18dp"
-            android:background="@drawable/connect_rounded_corner_orange_yellow"
+            android:layout_marginTop="11dp"
             android:orientation="horizontal"
             android:paddingStart="4dp"
             android:paddingTop="4dp"
             android:paddingEnd="10dp"
+            android:layout_marginEnd="3dp"
             android:paddingBottom="4dp"
-            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="@id/guideline2"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toBottomOf="@+id/tvTitle">
 
             <ImageView
-                android:id="@+id/imgJobType"
+                android:id="@+id/iv_info"
                 android:layout_width="16dp"
                 android:layout_height="16dp"
                 android:contentDescription="@null"
-                android:src="@drawable/ic_connect_new_opportunity" />
+                android:src="@drawable/ic_location_info" />
 
             <TextView
-                android:id="@+id/tvJobType"
+                android:id="@+id/tvDate"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_marginStart="4dp"
-                android:layout_marginEnd="10dp"
-                android:textColor="@color/connect_yellowish_orange_color"
                 android:textSize="12sp"
-                tools:text="@string/connect_new_opportunity"
-                android:textStyle="bold"/>
+                android:layout_marginStart="4dp"
+                android:fontFamily="sans-serif" />
         </LinearLayout>
 
+        <androidx.appcompat.widget.AppCompatButton
+            android:layout_width="wrap_content"
+            android:layout_height="30dp"
+            android:id="@+id/btn_resume"
+            android:textSize="11sp"
+            android:text="@string/connect_job_info_view_resume"
+            android:clickable="true"
+            android:focusable="true"
+            android:layout_marginTop="10dp"
+            app:textAllCaps="false"
+            android:paddingHorizontal="8dp"
+            android:gravity="center"
+            android:elevation="0dp"
+            app:backgroundTint="@null"
+            android:stateListAnimator="@null"
+            android:drawableStart="@drawable/ic_download_circle"
+            app:layout_constraintStart_toStartOf="parent"
+            android:background="@drawable/bg_rounded_blue_70"
+            app:layout_constraintTop_toBottomOf="@id/llOpportunity"/>
+
+        <androidx.appcompat.widget.AppCompatButton
+            android:layout_width="wrap_content"
+            android:layout_height="30dp"
+            android:id="@+id/btn_view_info"
+            android:textSize="11sp"
+            android:text="@string/connect_job_info_view_info"
+            android:layout_marginTop="10dp"
+            app:textAllCaps="false"
+            app:backgroundTint="@null"
+            android:elevation="0dp"
+            android:stateListAnimator="@null"
+            android:textColor="@color/connect_blue_color"
+            app:layout_constraintStart_toEndOf="@id/btn_resume"
+            android:background="@drawable/bg_rounded_corner_lavender_70"
+            android:layout_marginStart="10dp"
+            app:layout_constraintTop_toBottomOf="@id/llOpportunity"/>
+
+        <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/guideline2"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            app:layout_constraintGuide_percent="0.7" />
+
         <org.commcare.views.connect.CircleProgressBar
             android:id="@+id/progressBar"
-            android:layout_width="25dp"
-            android:layout_height="25dp"
-            android:layout_marginStart="16dp"
-            app:layout_constraintBottom_toBottomOf="@+id/llOpportunity"
-            app:layout_constraintStart_toEndOf="@+id/llOpportunity"
-            app:layout_constraintTop_toTopOf="@+id/llOpportunity" />
+            android:layout_width="71dp"
+            android:layout_height="71dp"
+            app:layout_constraintBottom_toBottomOf="@+id/btn_view_info"
+            app:layout_constraintStart_toEndOf="@+id/guideline2"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/tvTitle" />
 
         <ImageView
-            android:id="@+id/imgDownload"
-            android:layout_width="16dp"
-            android:layout_height="16dp"
-            android:layout_marginStart="16dp"
+            android:id="@+id/imgJobType"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
             android:contentDescription="@null"
-            android:src="@drawable/ic_connect_download_green"
-            app:layout_constraintBottom_toBottomOf="@+id/llOpportunity"
-            app:layout_constraintStart_toEndOf="@+id/progressBar"
-            app:layout_constraintTop_toTopOf="@+id/llOpportunity"/>
+            android:src="@drawable/ic_connect_new_opportunity"
+            app:layout_constraintTop_toTopOf="@id/progressBar"
+            app:layout_constraintStart_toStartOf="@id/progressBar"
+            app:layout_constraintBottom_toBottomOf="@id/progressBar"
+            app:layout_constraintEnd_toEndOf="@id/progressBar"/>
 
         <TextView
-            android:id="@+id/tvDate"
+            android:id="@+id/tv_progress_percent"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:textColor="@color/connect_dark_grey"
-            android:textSize="12sp"
-            app:layout_constraintBottom_toBottomOf="@+id/llOpportunity"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintTop_toTopOf="@+id/llOpportunity" />
+            app:layout_constraintTop_toBottomOf="@id/progressBar"
+            app:layout_constraintStart_toStartOf="@id/progressBar"
+            app:layout_constraintEnd_toEndOf="@id/progressBar"
+            android:layout_marginTop="3dp"
+            android:textColor="@color/dark_silver"
+            android:textSize="11sp"
+            android:textStyle="bold"
+            tools:text="30%"/>
 
-        <androidx.constraintlayout.widget.Guideline
-            android:id="@+id/guideline2"
+        <androidx.constraintlayout.widget.Group
+            android:id="@+id/group_progress"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:orientation="vertical"
-            app:layout_constraintGuide_percent="0.6" />
+            app:constraint_referenced_ids="progressBar,imgJobType,tv_progress_percent" />
 
     </androidx.constraintlayout.widget.ConstraintLayout>
 </androidx.cardview.widget.CardView>

app/res/values-es/strings.xml

@@ -541,4 +541,7 @@
     <string name="personalid_biometric_error_lockout_permanent">Demasiados intentos fallidos. Por favor, desbloquee su dispositivo e inténtelo de nuevo.</string>
     <string name="personalid_biometric_error_timeout">La operación biométrica ha expirado. Por favor, póngase en contacto con el soporte técnico si el problema persiste.</string>
     <string name="personalid_biometric_error_cannot_configure">No pudimos configurar los datos biométricos en su dispositivo. Por favor, póngase en contacto con el soporte técnico si el problema persiste.</string>
+
+    <string name="connect_complete_by">Completar para el %s</string>
+    <string name="connect_expired_expired_on">Expirado el: %s</string>
 </resources>

app/res/values-fr/strings.xml

@@ -544,4 +544,7 @@ License.
     <string name="personalid_biometric_error_lockout_permanent">Trop de tentatives infructueuses. Veuillez déverrouiller votre appareil et réessayer.</string>
     <string name="personalid_biometric_error_timeout">L\'opération biométrique a expiré. Veuillez contacter le support client si le problème persiste.</string>
     <string name="personalid_biometric_error_cannot_configure">Nous n\'avons pas pu configurer la biométrie sur votre appareil. Veuillez contacter le support client si le problème persiste.</string>
+
+    <string name="connect_complete_by">À compléter d\'ici le %s</string>
+    <string name="connect_expired_expired_on">Expiré le : %s</string>
 </resources>

app/res/values-hi/strings.xml

@@ -539,4 +539,7 @@ License.
     <string name="personalid_biometric_error_lockout_permanent">बहुत अधिक असफल प्रयास। कृपया अपने डिवाइस को अनलॉक करें और पुनः प्रयास करें।</string>
     <string name="personalid_biometric_error_timeout">बायोमेट्रिक ऑपरेशन का समय समाप्त हो गया। यदि समस्या बनी रहती है तो कृपया ग्राहक सहायता से संपर्क करें।</string>
     <string name="personalid_biometric_error_cannot_configure">हम आपके डिवाइस पर बायोमेट्रिक्स कॉन्फ़िगर नहीं कर सके। यदि समस्या बनी रहती है तो कृपया ग्राहक सहायता से संपर्क करें।</string>
+
+    <string name="connect_complete_by">%s तक पूरा करें</string>
+    <string name="connect_expired_expired_on">समय सीमा समाप्त: %s</string>
 </resources>

app/res/values-lt/strings.xml

@@ -146,4 +146,7 @@
     <string name="personalid_biometric_error_lockout_permanent">Per daug nepavykusių bandymų. Atrakinkite įrenginį ir bandykite dar kartą.</string>
     <string name="personalid_biometric_error_timeout">Baigėsi biometrinės operacijos laikas. Jei problema išlieka, susisiekite su klientų aptarnavimo tarnyba.</string>
     <string name="personalid_biometric_error_cannot_configure">Nepavyko sukonfigūruoti biometrinių duomenų jūsų įrenginyje. Jei problema išlieka, susisiekite su klientų aptarnavimo tarnyba.</string>
+
+    <string name="connect_complete_by">Atlikti iki %s</string>
+    <string name="connect_expired_expired_on">Galiojimas baigėsi: %s</string>
 </resources>

app/res/values-no/strings.xml

@@ -146,4 +146,7 @@
     <string name="personalid_biometric_error_lockout_permanent">For mange mislykkede forsøk. Lås opp enheten og prøv igjen.</string>
     <string name="personalid_biometric_error_timeout">Biometrisk operasjon ble tidsavbrutt. Kontakt kundestøtte hvis problemet vedvarer.</string>
     <string name="personalid_biometric_error_cannot_configure">Vi kunne ikke konfigurere biometri på enheten din. Kontakt kundestøtte hvis problemet vedvarer.</string>
+
+    <string name="connect_complete_by">Fullfør innen %s</string>
+    <string name="connect_expired_expired_on">Utløpt den: %s</string>
 </resources>

app/res/values-pt/strings.xml

@@ -550,4 +550,7 @@
     <string name="personalid_biometric_error_lockout_permanent">Muitas tentativas falhadas. Por favor, desbloqueie o seu dispositivo e tente novamente.</string>
     <string name="personalid_biometric_error_timeout">A operação biométrica expirou. Por favor, contacte o apoio ao cliente se o problema persistir.</string>
     <string name="personalid_biometric_error_cannot_configure">Não foi possível configurar a biometria no seu dispositivo. Por favor, contacte o apoio ao cliente se o problema persistir.</string>
+
+    <string name="connect_complete_by">Concluir até %s</string>
+    <string name="connect_expired_expired_on">Expirou em: %s</string>
 </resources>

app/res/values-sw/strings.xml

@@ -549,4 +549,7 @@
     <string name="personalid_biometric_error_lockout_permanent">Majaribio mengi mno yameshindikana. Tafadhali fungua kifaa chako na ujaribu tena.</string>
     <string name="personalid_biometric_error_timeout">Muda wa utendakazi wa kibayometri umekwisha. Tafadhali wasiliana na usaidizi kwa wateja ikiwa tatizo litaendelea.</string>
     <string name="personalid_biometric_error_cannot_configure">Hatukuweza kusanidi bayometriki kwenye kifaa chako. Tafadhali wasiliana na usaidizi kwa wateja ikiwa tatizo litaendelea.</string>
+
+    <string name="connect_complete_by">Kamilisha ifikapo %s</string>
+    <string name="connect_expired_expired_on">Muda wake umeisha mnamo: %s</string>
 </resources>

app/res/values-ti/strings.xml

@@ -533,4 +533,7 @@
     <string name="personalid_biometric_error_lockout_permanent">በዝሒ ዝፈሸለ ፈተነታት። በጃኻ ንመሳርሒኻ ክፈቶ እሞ እንደገና ፈትን።</string>
     <string name="personalid_biometric_error_timeout">ናይ ባዮሜትሪክ ኦፕሬሽን ግዜኡ ተወዲኡ። እቲ ጸገም እንተቀጺሉ በጃኻ ንደገፍ ዓማዊል ተወከስ።</string>
     <string name="personalid_biometric_error_cannot_configure">ኣብ መሳርሒኻ ባዮሜትሪክ ክንቃኔ ኣይከኣልናን። እቲ ጸገም እንተቀጺሉ በጃኻ ንደገፍ ዓማዊል ተወከስ።</string>
+
+    <string name="connect_complete_by">ክሳብ %s ኣጠናቅቕ</string>
+    <string name="connect_expired_expired_on">ኣብ %s ግዜኡ ኣስላፉ</string>
 </resources>

app/res/values/colors.xml

@@ -224,6 +224,9 @@
     <color name="pn_item_grey_color">#E9E9E9</color>
     <color name="sapphire_blue">#3843CF</color>
     <color name="persian_indigo">#262a82</color>
+    <color name="dark_red_brick_red">#B3261E</color>
+    <color name="light_lavender">#E7EAF7</color>
+    <color name="dark_silver">#AFAFAF</color>
 
 
     <color name="ic_backup">#14006C</color>

app/res/values/strings.xml

@@ -719,4 +719,7 @@
     <string name="personalid_biometric_error_lockout_permanent">Too many failed attempts. Please unlock your device and try again.</string>
     <string name="personalid_biometric_error_timeout">Biometric operation timed out. Please contact customer support if the problem persists.</string>
     <string name="personalid_biometric_error_cannot_configure">We couldn’t configure biometrics on your device. Please contact customer support if the problem persists.</string>
+
+    <string name="connect_complete_by">Complete by %s</string>
+    <string name="connect_expired_expired_on">Expired on: %s</string>
 </resources>