From 8c0b5a4464b0970126ae941d3c46c448a804abb0 Mon Sep 17 00:00:00 2001
From: Emre KARTAL <Emre.KARTAL@etu.uca.fr>
Date: Sat, 1 Apr 2023 11:15:24 +0200
Subject: [PATCH] Update UI detail :white_check_mark:

---
 .../uca/iut/clermont/view/DetailFragment.kt   |  25 +++++++++++++--
 .../uca/iut/clermont/view/FavoriteFragment.kt |  29 ++++++++++++------
 .../src/main/res/drawable-v24/empty_like.png  | Bin 0 -> 971 bytes
 .../src/main/res/drawable-v24/full_like.png   | Bin 0 -> 602 bytes
 .../src/main/res/drawable-v24/icon_like.png   | Bin 2885 -> 2795 bytes
 src/app/src/main/res/drawable/empty_like.png  | Bin 565 -> 0 bytes
 src/app/src/main/res/drawable/full_like.png   | Bin 421 -> 0 bytes
 .../src/main/res/layout/fragment_detail.xml   |  21 +++++++------
 8 files changed, 54 insertions(+), 21 deletions(-)
 create mode 100644 src/app/src/main/res/drawable-v24/empty_like.png
 create mode 100644 src/app/src/main/res/drawable-v24/full_like.png
 delete mode 100644 src/app/src/main/res/drawable/empty_like.png
 delete mode 100644 src/app/src/main/res/drawable/full_like.png

diff --git a/src/app/src/main/java/uca/iut/clermont/view/DetailFragment.kt b/src/app/src/main/java/uca/iut/clermont/view/DetailFragment.kt
index faf446a..1207f2b 100644
--- a/src/app/src/main/java/uca/iut/clermont/view/DetailFragment.kt
+++ b/src/app/src/main/java/uca/iut/clermont/view/DetailFragment.kt
@@ -4,14 +4,20 @@ import android.os.Bundle
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import android.widget.Button
 import android.widget.ImageButton
+import android.widget.ImageView
+import android.widget.TextView
 import androidx.fragment.app.Fragment
 import androidx.navigation.fragment.findNavController
+import com.bumptech.glide.Glide
 import uca.iut.clermont.R
+import uca.iut.clermont.model.Competition
 
 class DetailFragment : Fragment() {
 
     private var isLiked = false
+    private lateinit var competition: Competition
 
     override fun onCreateView(
         inflater: LayoutInflater,
@@ -21,8 +27,19 @@ class DetailFragment : Fragment() {
 
         val view = inflater.inflate(R.layout.fragment_detail, container, false)
 
+        val id = arguments?.getInt("idItem")!!
+
+        competition = (activity as MainActivity).manager.competitionsMgr.getItemById(id)!!
+
+        initializeView(view)
+        return view;
+    }
+
+    private fun initializeView(view: View) {
         val button = view.findViewById<ImageButton>(R.id.buttonLike)
         val buttonExit = view.findViewById<ImageButton>(R.id.buttonExit)
+        var ImageHeader = view.findViewById<ImageView>(R.id.imageDetail)
+        var titleHeader = view.findViewById<TextView>(R.id.title)
 
         buttonExit.setOnClickListener {
             findNavController().navigate(R.id.favoriteFragment)
@@ -30,11 +47,15 @@ class DetailFragment : Fragment() {
 
         button.setOnClickListener {
             isLiked = !isLiked
-
             button.setImageResource(if (isLiked) R.drawable.full_like else R.drawable.empty_like)
         }
 
-        return view;
+        Glide.with(view.context)
+            .load(competition.emblem)
+            .error(R.drawable.imagenotfound)
+            .into(ImageHeader)
+
+        titleHeader.text = competition.name
     }
 
 }
\ No newline at end of file
diff --git a/src/app/src/main/java/uca/iut/clermont/view/FavoriteFragment.kt b/src/app/src/main/java/uca/iut/clermont/view/FavoriteFragment.kt
index ca8c75e..aa09da1 100644
--- a/src/app/src/main/java/uca/iut/clermont/view/FavoriteFragment.kt
+++ b/src/app/src/main/java/uca/iut/clermont/view/FavoriteFragment.kt
@@ -6,11 +6,13 @@ import android.view.View
 import android.view.ViewGroup
 import android.widget.Button
 import android.widget.ImageButton
+import android.widget.ImageView
 import androidx.core.os.bundleOf
 import androidx.fragment.app.Fragment
 import androidx.navigation.fragment.findNavController
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
 import uca.iut.clermont.R
 import uca.iut.clermont.model.Competition
 import uca.iut.clermont.view.adapter.FavoritesAdapter
@@ -24,8 +26,20 @@ class FavoriteFragment : Fragment(), FavoritesAdapter.OnItemClickListener {
     ): View? {
         val view = inflater.inflate(R.layout.fragment_favorite, container, false)
         var competitions = (activity as MainActivity).manager.competitionsMgr.getItems()
+
+        initRecyclerView(view, competitions, this)
+        initializeView(view)
+
+        return view
+    }
+
+    private fun navigate() {
+        findNavController().navigate(R.id.homeFragment)
+    }
+
+    private fun initializeView(view: View) {
         var buttonHome = view.findViewById<ImageButton>(R.id.buttonHome)
-        val buttonTextFavorite = view.findViewById<Button>(R.id.buttonTextHome)
+        var buttonTextFavorite = view.findViewById<Button>(R.id.buttonTextHome)
 
         buttonHome.setOnClickListener {
             navigate()
@@ -33,17 +47,14 @@ class FavoriteFragment : Fragment(), FavoritesAdapter.OnItemClickListener {
         buttonTextFavorite.setOnClickListener {
             navigate()
         }
-        initRecyclerView(view, competitions, this)
-        return view
-    }
 
-    fun navigate() {
-        findNavController().navigate(R.id.homeFragment)
     }
 
-
-
-    private fun initRecyclerView(view: View, favorites: List<Competition>, listener: FavoritesAdapter.OnItemClickListener) {
+    private fun initRecyclerView(
+        view: View,
+        favorites: List<Competition>,
+        listener: FavoritesAdapter.OnItemClickListener
+    ) {
         val recyclerViewFavorites = view.findViewById<RecyclerView>(R.id.listFavorites)
         with(recyclerViewFavorites) {
             layoutManager = LinearLayoutManager(view.context)
diff --git a/src/app/src/main/res/drawable-v24/empty_like.png b/src/app/src/main/res/drawable-v24/empty_like.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4c195e44b106af99cc3d17ed2dc12076e31f1ee
GIT binary patch
literal 971
zcmV;+12p`JP)<h;3K|Lk000e1NJLTq001Tc001Hg1^@s6Gpwt)00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH17Jx+K~#7Fy_jEC
z+CUV>zdMQgN_T)ez!g+hpsYYxf%sOX9^qL3ys0aYuAp=U(iP|q$_~n7D}?DcLpUar
zgd`|@=P1Ku{`_+1&dj|CveeZTwT-3%K5L*RK-E;UJYxApYy1o*7@#ZTwC?_;-iL<+
zwm;<83j0)89-F@W{xW^V1N)A$rkB(~Z}bHxZkxfdL>5xepPow30lHvuA34(O8~j5r
z4KNONqpQBg50+{uBTWlT(C~L~#B#S>SBwzgBsiBrIvAlm;7Rm+$;v8RrV3UR`!*+M
z@_q4LEegg`E|i&!|9bu_cBf||=8tXmSogqX7&!wcpv+Ry8g=^9C);1JOBZRmeZ#r#
z>DSfBcz}1MoAi~(SVM(D@E5Ht=U%q#*7pLmrspz5hWsnt<?I(u^^h-6e*?SGzoXW&
zP+z2hJaOmx+jxq?87l{`wCa)_w~+d#+e+asR%tBE7gE+*Q7FDGEp>t-qBXfZjp)+Q
zH+n^&jAmcuo*%<l<$OnT9Kk{Cfv{o0fvrwu6ae)Z_%eK3I`BQpC_vAtvDO#=T0bM|
zC!r~^L6PAPBAdr-Fa^hXr-410H!AHc=S)yliB?&=aKkcSaS-k_Y*_9Y$fIU#z(&zZ
zZ#(~vTZ3G88YwRDuV^LdkFi0S;|dXr*}Idcg2D^~r|rIt5H=y>Hp)5uWxf$qcr*;7
z&$P$uDROVEOWqFd-22&vL0DYk&LL-lLeE?^YlP!9_(-T`tWv)Pj~2{YO>Yj)1fnjK
z@h!%5-N^iJ@~(BC6-RCdUdr`S*HjLa8%(CnkqE8R;KB&C{@%m4C{!xgy5Pz{8L6~E
z*tiWicc!4`Z&{x!eKVAW$^^4<mg$rRw;hjkSA-hp`K`)&kO{{;k*9SbxUE}#oC>A$
zH<KVwTsj_v&xu4uGbijwE34bqwLT(5KNYGYxuKQHYhWyABGg1yBxw4#`mQLH?GvC;
z1gaRAQ5Zfa(ykfW)`ueUF7;t5lwO`SCEBBmvXWv!*Zxd!rE8w>xf@>*YSNKDN~j#z
zGB_rzv{W+z#U!P4f`V1Rmczxx`*+%rE>_TLU`F#y++<jlkA^ZT=KN{mh7fJfx$#Fs
t8LbXR(V<_MiSHo{G{YbDPTmV;^dCN+uK<o>@t6Pr002ovPDHLkV1gsW#T5Vm

literal 0
HcmV?d00001

diff --git a/src/app/src/main/res/drawable-v24/full_like.png b/src/app/src/main/res/drawable-v24/full_like.png
new file mode 100644
index 0000000000000000000000000000000000000000..de5ac4bfd12156779ee4074b87fc835d40bda24f
GIT binary patch
literal 602
zcmV-g0;T<lP)<h;3K|Lk000e1NJLTq001Na001Be1^@s6dXd_W00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0q;pfK~#7F&6vS)
zf<P38|F;;uQiAC~JJ1S}R1i~v$t@EnqaLDH(}AfVT7jkl=^&QC(Q$yyTTtU53ap5H
z7gl8--!3cfErckBvRVQj;o)8qssxx4u=!|tz|>n~f*vh#ik>t}6|^DI;J!5#!~b5w
z0%7i~@fj6^4uX`?<<>Le5EwZt^f{=VWsH9zH7gR|+^QiVJo2TxMsqh(j$r^ZlBnv&
z*a?*ea*;;nAYcVZE3+5GaynF3P2tN7WmiW=!6T{~Wz4i?f*`fhhwKH-;8y+O`q;eC
zZ-wEZfns3Zl+hAI{P!*hydLk=8q!)j7ow(wOcV!GpkN424NDXUOYlniK|$cju>`po
zqbNvB{nVkGHnMf$6!b>7!J>BYf-A#!>Pa1aA?Kautk}o3;A{I12-QP=f+N3{$ycUB
zz3oQ||DLN<NG4JUc}Ydc92LT)rH;s)6ha_1;xpRFNhVfEVGQJ$kWGog&zdiO*0fHY
z6DyRJR1%rQLgz{)l}RO};1o0CLnBQeDKK$g=^^R)sp=sv!c|}^MHkCm1t}pZsb<J0
z*qN%Cic7|p6Knu&TvRBTl$MOX&_>FrU=iLNZg#SD9T|mwP0bf{f#!Y*ythx+l2Pc-
o&=&QAfj65hX7X#A@i{VzKW{PB2q#-9VgLXD07*qoM6N<$f^HoC<NyEw

literal 0
HcmV?d00001

diff --git a/src/app/src/main/res/drawable-v24/icon_like.png b/src/app/src/main/res/drawable-v24/icon_like.png
index 9d6ec74a5897135fbf075f61eaf659cb58b9d830..0fca3d988e030b82e1d5d8030b77826dbc416a46 100644
GIT binary patch
delta 2649
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
BB-#J~

delta 2736
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

diff --git a/src/app/src/main/res/drawable/empty_like.png b/src/app/src/main/res/drawable/empty_like.png
deleted file mode 100644
index 62665c8508774c741ab5ff80725f137c72e2a965..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 565
zcmV-50?Pe~P)<h;3K|Lk000e1NJLTq001Tc001Hg1^@s6Gpwt)00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0m?~4K~#7F&6kap
zf-nrnqZ2p+BQOFZxPfeNY#<xx2Hpmaz-_>7P&dF0a_ytM<3iF8q&@%d<*98#e@)w1
z00bf8L0hBku1(>ulx?exk0ZX)cCr40jWwU0Z7(2JI_Nxmm`lp|GC&=M=@tZNoV4{A
zuinO<F<wgB(Fdh)y+ShV(n$jAg~3{!rCWb5wOui65;q)|_Ar}#EyNB;m(@B`-O;_d
zUCXWv5V*HZ%fxlmNl_>W5RNCe_s(37Zy300>a3aB20hru)4kb1gm8I+yQ$+&I&Kgt
z3)i4$`GnYtW_;@C*;Hl}E>Cp1*X<?o`-c4bBEO40_1NupPj~|vus<N^C=m%o$9x*F
z2WhMzzvy;)m<(On<C;laxtcoYam{uzaV*dZrE-PKB4?ZnNGu%xOR0*v1DCa=a01ko
zb8K_LA%AZ(V;!V`&(v@ZsKOV>!S%R7eOnEc67FRv`w;G)wHj^{r~tU2OQZ)X_%ay_
z7j$RSejfr<39kzI>g<Kn{ikG5vq1_0?h*lIRKeDAz|lAHqX1PyD*51WeCHgpLIuEG
z1gNODrc`iLE##Jk8{P_P1}E*Q7XDi{bDafJTkWYI&x`CBJ|9+w00000NkvXXu0mjf
DeBkpd

diff --git a/src/app/src/main/res/drawable/full_like.png b/src/app/src/main/res/drawable/full_like.png
deleted file mode 100644
index ee942c9b03a94aec5bf1672320d7adef5546f2e7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 421
zcmV;W0b2fvP)<h;3K|Lk000e1NJLTq001Na001Be1^@s6dXd_W00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0Xj)UK~#7F&6kU9
zgD@0DuQNeLNH*vQ*`On|-JqQy-XI;p8&sVj>I8HHXM?c8tzQiiK`6l(e~$F{2y=BX
z2zbB*BzLZkt{PWYdSrce^)AQp05@jaWt;~Y>@rVtGWw7c=ON>^DKdt$(l89m!IgFy
zmSI><&DH{$o4|!KJ<V9=$T%#Q%k*e*QS{SgQJ&V-e&ZGg)PX$QuOjq<dU%#wc7?aA
zfmVcwirAnsMCgKg_!Xfa)Wg4!K|OpcS<=6{pHP;IQfl8n)E_9%+s&SQOIQv)saQx#
z-<`M2QhLt4%q2BXCX<xL65NTOTpx`XT!7(v7_7lcQU+@hDP@oX`lc_GFQkIL2@GkM
zWNg~M(EzFRG67QgWJXeULdIs78Ay%WXW8B%0)<FAfdhOiW!z6ziwOPz&<cT3z%e-+
P00000NkvXXu0mjfDiEl?

diff --git a/src/app/src/main/res/layout/fragment_detail.xml b/src/app/src/main/res/layout/fragment_detail.xml
index 2d2283a..2760bf8 100644
--- a/src/app/src/main/res/layout/fragment_detail.xml
+++ b/src/app/src/main/res/layout/fragment_detail.xml
@@ -8,12 +8,14 @@
 
     <ImageView
         android:id="@+id/imageDetail"
-        android:layout_width="match_parent"
+        android:layout_width="200dp"
         android:layout_height="0dp"
-        android:layout_marginTop="0dp"
+        android:layout_marginTop="30dp"
         android:scaleType="centerCrop"
         android:src="@drawable/ic_launcher_background"
         app:layout_constraintHeight_percent="0.25"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 
     <ImageButton
@@ -24,8 +26,8 @@
         android:layout_marginTop="15dp"
         android:background="@android:color/transparent"
         android:src="@drawable/exit_button"
-        app:layout_constraintStart_toStartOf="@+id/imageDetail"
-        app:layout_constraintTop_toTopOf="@+id/imageDetail" />
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
 
     <ImageButton
         android:id="@+id/buttonLike"
@@ -35,17 +37,16 @@
         android:layout_marginRight="15dp"
         android:background="@android:color/transparent"
         android:src="@drawable/empty_like"
-        app:layout_constraintEnd_toEndOf="@+id/imageDetail"
-        app:layout_constraintTop_toTopOf="@+id/imageDetail" />
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
 
     <TextView
-        android:id="@+id/textViewRecentMatches"
+        android:id="@+id/title"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginTop="10dp"
         android:fontFamily="@font/mulish_black"
-        android:text="CA Paranaense"
-        android:textColor="#FF2B2B"
+        android:textColor="@color/black"
         android:textSize="25dp"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
@@ -62,7 +63,7 @@
         android:textColor="@color/title"
         android:textSize="16dp"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/textViewRecentMatches" />
+        app:layout_constraintTop_toBottomOf="@+id/title" />
 
     <LinearLayout
         android:id="@+id/header"