From f00ae57b348ccc44febcf0c20628b8389480e608 Mon Sep 17 00:00:00 2001
From: Phillip Thelen <viirus@pherth.net>
Date: Thu, 8 Nov 2018 15:20:59 +0100
Subject: [PATCH] Redesign no party screen

---
 .../drawable/no_party_background_gradient.xml |  15 ++++++
 Habitica/res/drawable/no_party_banner.png     | Bin 0 -> 6962 bytes
 Habitica/res/layout/fragment_group_info.xml   |  48 +++++++++++++++---
 .../social/GroupInformationFragment.kt        |  23 +++++++++
 4 files changed, 79 insertions(+), 7 deletions(-)
 create mode 100644 Habitica/res/drawable/no_party_background_gradient.xml
 create mode 100644 Habitica/res/drawable/no_party_banner.png

diff --git a/Habitica/res/drawable/no_party_background_gradient.xml b/Habitica/res/drawable/no_party_background_gradient.xml
new file mode 100644
index 000000000..016a162ec
--- /dev/null
+++ b/Habitica/res/drawable/no_party_background_gradient.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
+
+    <gradient
+        android:angle="90"
+        android:centerColor="@color/transparent"
+        android:endColor="@color/white"
+        android:startColor="@color/white"
+        android:type="linear"
+        android:centerX="0.6"/>
+
+    <corners
+        android:radius="0dp"/>
+
+</shape>
\ No newline at end of file
diff --git a/Habitica/res/drawable/no_party_banner.png b/Habitica/res/drawable/no_party_banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..6297b9b1ff0daac91012e5c2d089fcac8b1c07a1
GIT binary patch
literal 6962
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
HgH8D_T3MZ7

literal 0
HcmV?d00001

diff --git a/Habitica/res/layout/fragment_group_info.xml b/Habitica/res/layout/fragment_group_info.xml
index 2699df21d..d925b6b36 100644
--- a/Habitica/res/layout/fragment_group_info.xml
+++ b/Habitica/res/layout/fragment_group_info.xml
@@ -2,7 +2,8 @@
 <androidx.swiperefreshlayout.widget.SwipeRefreshLayout  xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:id="@+id/refreshLayout">
+    android:id="@+id/refreshLayout"
+    android:background="@color/white">
     <androidx.core.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
@@ -60,6 +61,26 @@
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:orientation="vertical">
+                <RelativeLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="158dp"
+                    android:layout_marginBottom="@dimen/spacing_medium">
+                    <ImageView
+                        android:id="@+id/no_party_background"
+                        android:layout_width="match_parent"
+                        android:layout_height="124dp"
+                        android:layout_alignParentTop="true"/>
+                    <View
+                        android:layout_width="match_parent"
+                        android:layout_height="124dp"
+                        android:background="@drawable/no_party_background_gradient"/>
+                    <ImageView
+                        android:layout_width="332dp"
+                        android:layout_height="146dp"
+                        android:layout_marginTop="12dp"
+                        android:layout_centerHorizontal="true"
+                        android:src="@drawable/no_party_banner"/>
+                </RelativeLayout>
                 <LinearLayout
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
@@ -68,21 +89,28 @@
                     <TextView
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        style="@style/Title1"
+                        style="@style/Headline"
+                        android:textSize="16sp"
+                        android:textColor="@color/gray_200"
                         android:text="@string/no_party_title"
-                        android:gravity="center"/>
+                        android:gravity="center"
+                        android:layout_marginBottom="@dimen/spacing_medium"/>
                     <TextView
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
                         style="@style/Body1"
                         android:text="@string/no_party_description"
                         android:textColor="@color/gray_300"
-                        android:gravity="center"/>
+                        android:gravity="center"
+                        android:layout_marginLeft="@dimen/spacing_large"
+                        android:layout_marginRight="@dimen/spacing_large"/>
                     <Button
                         android:id="@+id/craetePartyButton"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
                         style="@style/HabiticaButton.Gray.600"
+                        android:background="@drawable/layout_rounded_bg_gray_700"
+                        android:textSize="16sp"
                         android:text="@string/create_party_website"
                         android:layout_marginTop="@dimen/spacing_large"/>
                 </LinearLayout>
@@ -98,9 +126,11 @@
                     <TextView
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        style="@style/Title2"
+                        style="@style/Headline"
+                        android:textSize="16sp"
                         android:text="@string/join_party_title"
-                        android:gravity="center"/>
+                        android:gravity="center"
+                        android:layout_marginBottom="@dimen/spacing_medium"/>
                     <TextView
                         android:id="@+id/join_party_description_textview"
                         android:layout_width="match_parent"
@@ -108,7 +138,9 @@
                         style="@style/Body1"
                         android:text="@string/join_party_description"
                         android:textColor="@color/gray_300"
-                        android:gravity="center"/>
+                        android:gravity="center"
+                        android:layout_marginLeft="@dimen/spacing_large"
+                        android:layout_marginRight="@dimen/spacing_large"/>
 
                     <Button
                         android:id="@+id/username_textview"
@@ -116,7 +148,9 @@
                         android:layout_height="wrap_content"
                         android:textColor="@color/brand_400"
                         style="@style/HabiticaButton.Gray.600"
+                        android:background="@drawable/layout_rounded_bg_gray_700"
                         android:gravity="center"
+                        android:textSize="16sp"
                         android:layout_marginTop="@dimen/spacing_large"
                         android:layout_marginBottom="@dimen/spacing_large"/>
 
diff --git a/Habitica/src/main/java/com/habitrpg/android/habitica/ui/fragments/social/GroupInformationFragment.kt b/Habitica/src/main/java/com/habitrpg/android/habitica/ui/fragments/social/GroupInformationFragment.kt
index 2e99551f9..b58c68c8f 100644
--- a/Habitica/src/main/java/com/habitrpg/android/habitica/ui/fragments/social/GroupInformationFragment.kt
+++ b/Habitica/src/main/java/com/habitrpg/android/habitica/ui/fragments/social/GroupInformationFragment.kt
@@ -4,6 +4,9 @@ import android.content.ClipData
 import android.content.ClipboardManager
 import android.content.Context
 import android.content.Intent
+import android.graphics.Bitmap
+import android.graphics.Shader
+import android.graphics.drawable.BitmapDrawable
 import android.net.Uri
 import android.os.Bundle
 import android.view.LayoutInflater
@@ -14,6 +17,8 @@ import com.habitrpg.android.habitica.R
 import com.habitrpg.android.habitica.components.AppComponent
 import com.habitrpg.android.habitica.data.SocialRepository
 import com.habitrpg.android.habitica.data.UserRepository
+import com.habitrpg.android.habitica.extensions.backgroundCompat
+import com.habitrpg.android.habitica.extensions.notNull
 import com.habitrpg.android.habitica.helpers.RxErrorHandler
 import com.habitrpg.android.habitica.models.invitations.PartyInvite
 import com.habitrpg.android.habitica.models.members.Member
@@ -21,8 +26,11 @@ import com.habitrpg.android.habitica.models.social.Group
 import com.habitrpg.android.habitica.models.user.User
 import com.habitrpg.android.habitica.ui.activities.MainActivity
 import com.habitrpg.android.habitica.ui.fragments.BaseFragment
+import com.habitrpg.android.habitica.ui.helpers.DataBindingUtils
 import com.habitrpg.android.habitica.ui.helpers.MarkdownParser
 import com.habitrpg.android.habitica.ui.views.HabiticaSnackbar
+import io.reactivex.Observable
+import io.reactivex.android.schedulers.AndroidSchedulers
 import io.reactivex.functions.Consumer
 import kotlinx.android.synthetic.main.fragment_group_info.*
 import javax.inject.Inject
@@ -96,6 +104,21 @@ class GroupInformationFragment : BaseFragment() {
             val browserIntent = Intent(Intent.ACTION_VIEW, "https://habitica.com/party".toUri())
             startActivity(browserIntent)
         }
+
+        context.notNull { context ->
+            DataBindingUtils.loadImage("timeTravelersShop_background_fall") {
+                val aspectRatio = it.width / it.height.toFloat()
+                val height = context.resources.getDimension(R.dimen.shop_height).toInt()
+                val width = Math.round(height * aspectRatio)
+                val drawable = BitmapDrawable(context.resources, Bitmap.createScaledBitmap(it, width, height, false))
+                drawable.tileModeX = Shader.TileMode.REPEAT
+                Observable.just(drawable)
+                        .observeOn(AndroidSchedulers.mainThread())
+                        .subscribe(Consumer {
+                            no_party_background.backgroundCompat = it
+                        }, RxErrorHandler.handleEmptyError())
+            }
+        }
     }
 
     private fun refresh() {