From 3004018ea9e3943690e7c5dc6946f3078f8175e5 Mon Sep 17 00:00:00 2001
From: klaus <klaus@vividnext.co.kr>
Date: Tue, 26 Nov 2024 02:30:03 +0900
Subject: [PATCH] =?UTF-8?q?=EC=BD=98=ED=85=90=EC=B8=A0=20=ED=94=8C?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20-=20?=
 =?UTF-8?q?=ED=94=8C=EB=A0=88=EC=9D=B4=EC=96=B4=20UI=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AudioContentPlayListPlayerFragment.kt     |  15 ++
 .../main/res/drawable-xxhdpi/ic_heart_eee.png | Bin 0 -> 1131 bytes
 .../drawable-xxhdpi/ic_message_square_eee.png | Bin 0 -> 717 bytes
 .../res/drawable-xxhdpi/ic_player_next_15.png | Bin 0 -> 2851 bytes
 .../res/drawable-xxhdpi/ic_player_pause.png   | Bin 0 -> 542 bytes
 .../res/drawable-xxhdpi/ic_player_play.png    | Bin 0 -> 1108 bytes
 .../res/drawable-xxhdpi/ic_player_prev_15.png | Bin 0 -> 2920 bytes
 .../main/res/drawable-xxhdpi/ic_playlist.png  | Bin 0 -> 655 bytes
 .../main/res/drawable-xxhdpi/ic_skip_back.png | Bin 0 -> 823 bytes
 .../res/drawable-xxhdpi/ic_skip_forward.png   | Bin 0 -> 822 bytes
 .../fragment_audio_content_playlist.xml       | 200 ++++++++++++++++++
 11 files changed, 215 insertions(+)
 create mode 100644 app/src/main/java/kr/co/vividnext/sodalive/audio_content/playlist/AudioContentPlayListPlayerFragment.kt
 create mode 100755 app/src/main/res/drawable-xxhdpi/ic_heart_eee.png
 create mode 100755 app/src/main/res/drawable-xxhdpi/ic_message_square_eee.png
 create mode 100755 app/src/main/res/drawable-xxhdpi/ic_player_next_15.png
 create mode 100755 app/src/main/res/drawable-xxhdpi/ic_player_pause.png
 create mode 100755 app/src/main/res/drawable-xxhdpi/ic_player_play.png
 create mode 100755 app/src/main/res/drawable-xxhdpi/ic_player_prev_15.png
 create mode 100644 app/src/main/res/drawable-xxhdpi/ic_playlist.png
 create mode 100755 app/src/main/res/drawable-xxhdpi/ic_skip_back.png
 create mode 100755 app/src/main/res/drawable-xxhdpi/ic_skip_forward.png
 create mode 100644 app/src/main/res/layout/fragment_audio_content_playlist.xml

diff --git a/app/src/main/java/kr/co/vividnext/sodalive/audio_content/playlist/AudioContentPlayListPlayerFragment.kt b/app/src/main/java/kr/co/vividnext/sodalive/audio_content/playlist/AudioContentPlayListPlayerFragment.kt
new file mode 100644
index 0000000..0b2dffc
--- /dev/null
+++ b/app/src/main/java/kr/co/vividnext/sodalive/audio_content/playlist/AudioContentPlayListPlayerFragment.kt
@@ -0,0 +1,15 @@
+package kr.co.vividnext.sodalive.audio_content.playlist
+
+import android.os.Bundle
+import android.view.View
+import kr.co.vividnext.sodalive.base.BaseFragment
+import kr.co.vividnext.sodalive.databinding.FragmentAudioContentPlaylistBinding
+
+class AudioContentPlayListPlayerFragment : BaseFragment<FragmentAudioContentPlaylistBinding>(
+    FragmentAudioContentPlaylistBinding::inflate
+) {
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+    }
+}
diff --git a/app/src/main/res/drawable-xxhdpi/ic_heart_eee.png b/app/src/main/res/drawable-xxhdpi/ic_heart_eee.png
new file mode 100755
index 0000000000000000000000000000000000000000..3b11eb81dc06f7a259e51eeeff376b744221bfab
GIT binary patch
literal 1131
zcmV-x1eE)UP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1OQ1yK~#7F?V8<H
z+b|f0KO62#_&bL?cY=lq8YXC%06Ib236e}eI{{&W(g`pV)J)Laalu~(0MhsKk%Tag
zV>yyyw|>saiTo#hk0sf%Y@(KymX-z)kRcBb4;%RFKR-Wz41%DGbcElA*gVBAd3t)f
zT3=s}JDtus86xuUK0ZG7*VfiPio7E&|H*7NOTsXWk-kJ36EdK*FaqhJpaGISDh~%2
zBe>C`z=Y@*?EjTsPT)eY|F}&4l7+$|kbwxKGH4A$1T~sd28#~KKs1XG|AsQAMf(*B
zBajFgUC>LDlEe@=N3-Lmo5(`0udgF4M<}?D?VoavOR)Y>)`rOcl-{-)ZW(9jHZjVW
z?CtHz{Wq}OMHwHky`Og+@;@l5?Vv!mD`fSv9;1Jbc6N4RD#6XoO%MH$g`#XwoX9zu
zM)~sz!$}z;zawq+6es0icXv0*J0_Ty5rX+m+QkSNf8O5SHogckcXxLj)IeJ`5&w}~
zf$~OMTU$e_!0qkrF<R9LY4M`G{k)ofBb?KW7d8`vpic9)iIX{|C72WUezs4C*#ps}
zhT1_>8?p=wu~>G!4Oxa`6kSCMa&sRP9>izq{{DU@e^@>u%WzH0{5egQL7sixfv+P)
zJC8NlQ*s20x{#G1{tM}W>&H)ho9e@&5ByOZg5bT4ro0No-Qhwm!=)qpvg*U=yFKlg
zxT&&?xUI!<8E$=<R>ESSkb;{2MGZ%H5M%NbT{x0yT-_3CIJyJmyE3icmLi$p;UYDh
zj6)<7y098TE*gM0fsBK43+X>Y7glG4Z&B26G7id37oNxjo;D(CK9QDI{aFd)N_MGM
zhGCBy4zAMb-V3)YnGUrb)T3YK`LdDd;|f%u8g(gQaT!-n8ij-In#1#Nq&+6$ime7A
zN|-O>sQMpr8KaW{H54&zl!BU$^=+?iOQ`zq^is<`JZUU7akmOkyIfI`w(8Zy;VWTL
z%W4Olof8+&#IE32#q4JayJR1Na_6-8d6KjlL5LsYz%!~bLUydJN;Wq)_p|%uj<g`i
zQ!x{{%o)|WrgLO@y5}%&-=b;SH*?Z;tm!$jbLZiVC*tcQZ7R!@dDT)&=_;~Jsh4SW
zlddYun7lo#h4eDAjM4kyRZA}`%T#$Gz7lC0vW&5?DBP>GEm@|Lun5A7v`ty2vakro
zskCibW+`D2loM$evT1B&0o&59WYf6F61JpW%BC@qMV6IzEt|$emZ>W3LpF_t9AGN#
zOE!&z98p%<r)(MnIb@NvZ`rhba?Ctw{`W1LmQ5Zg_=Hj7MV9d*%oIp_lV!XKGp@e!
xGr_Ac!_xf45MJfH!{XV$@U=lpOG}G0{sJU(JG-e=7OemP002ovPDHLkV1kW13)}zz

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_message_square_eee.png b/app/src/main/res/drawable-xxhdpi/ic_message_square_eee.png
new file mode 100755
index 0000000000000000000000000000000000000000..5824573f5edef151357cbd2872acf406b3bef258
GIT binary patch
literal 717
zcmV;;0y6!HP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0%A!-K~#7F?VA5_
z+AtKyABF)82mI|$P`W`fL7E9dCulZE8KE1r6O>MnY*4a+{^yqmu%X|_iDD^o0!gpP
zukUlm$(ChXAM088PLD`YMA15?(R#g3QH=0=zu9cM6cI_1tWi96yWNLl+CM97ML%!1
z+gp?=#Z8WWPVoRHkT-RWYK0*?!UcX{Goxl<ilVq44u`YQ!Jx2}y(f264eEZP%qcF?
zR;zVI?!e@bz6?n}5r%ALW%m~_Wm$e23<eJrF^k1wjBviAO26?SJ|MiE0ZRN6A@{{Q
z=`wa%rr+;><Gy0k*s2T@?5*GK$q27jE1vasp^OWR@r1rpgP70f7wvZY-tOjbcvl@|
zXM_>X7j$@UP19r<8;!>9rg)b})#HvZLg3FqJ3%#)YTxl**9((7E5|k)pF*|o&i6w?
z{~0PQ9Tk?23QI?YrK7^qQDNz*uyj;dIw~w36_$<)OGkyJBUQL|1x2K=T_E3q^)hEs
zT%0g3jMHI#JNMVNJ0u93y>PeR$4F28HeyDY*S7ss4g4m4yT3BR{ABU2jOh&EzA0Ax
zuOORMs(I!AI+VWjX5oDj3~rFo8Gx)`Wvpy4ZRt%R9mx1OC!Clzv6(xwx<;=a;eagP
z@GJdeIQ6h7ipNf;GwbzwFJ>*gN;o9TDMPs7j3Vdckgk(`E{tO0B;lsZGDizbkY$b%
zmLki%C@e{qab{_V@t^i?8|BS%x#YSV5+chu$)%hD55Zp){*Y+AEaQYUXPt63IUSNS
z_ZSJXOkGBNT9)NU{yyd~$M@>gPqbDPB?^86`3oZ95DcZl00000NkvXXu0mjfDOx|z

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_player_next_15.png b/app/src/main/res/drawable-xxhdpi/ic_player_next_15.png
new file mode 100755
index 0000000000000000000000000000000000000000..69e92ed878bdbc1a964e106ccd380cd121a81448
GIT binary patch
literal 2851
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
BbSeM<

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_player_pause.png b/app/src/main/res/drawable-xxhdpi/ic_player_pause.png
new file mode 100755
index 0000000000000000000000000000000000000000..12310d971294cec207f83f15974365a013889638
GIT binary patch
literal 542
zcmeAS@N?(olHy`uVBq!ia0vp^6(G#P1|%(0%q{^b&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~!m+-6S~$B+ufx0f&GUU3j{xcD(lpxlAeQ+<mA
zdjO~E1*aDcd<$AiCag{94L=pmqSWoMZT-24VNoaFKdxMt&I2@%f#JvgWg8bhfBwAu
z^ro7~|M%AK-+lf3_4NMbmtS7CIq#p`-nZd@T4Oxl^WQ&?9^6wjZ`sSl{E7XW{%7Vq
zDcV^hS8q3G_3r7>o3!0;)^9%WI{fdywvWFz8iRS}Ri}M#Za(|X-YenXqyvRa$2n!x
z3+4<}My})!o4&UKzw;%39OvB}fBc_J(*Lte{+GWb?s+RV=lae5<n+Exz@U0wSr--m
yCoyu`@%ue7{O@m<KC`ked-mctGbpeR?EfU3*%C6<nVs(gi0|p@=d#Wzp$P!!bmH#-

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_player_play.png b/app/src/main/res/drawable-xxhdpi/ic_player_play.png
new file mode 100755
index 0000000000000000000000000000000000000000..819eb533b2220df11a5847a3667b0dff5d9a5517
GIT binary patch
literal 1108
zcmV-a1grarP)<h;3K|Lk000e1NJLTq004LZ004Lh1^@s6Ib=4{00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1L;XbK~#7F?cK{&
z8$l3-;gWCw8UYJ-%D^}S$iPGZWB?HuBEXISIRbD5C<DlV@fv}&=K!u6+6Ffg8Vx<u
zHC^}Hz`=NRPyL9ehyVZp00000?C6j(lgXsVFTOrLJ`TFw?u1|em1S8@P>HI6dE9SL
zPfrK@YVY;i`E5fU`xrwnPtCwQ?kNws_s+ZIeAS0*Yis8OrFBVx@p!zqU|b=|K9ega
zC{4u$-`(9^@{7$S{>xRT)7e3?7mI$u?m^Wu<BCnb_zS-LuLSSXkmw#&gJhSW;$!ef
z@FgEf;(6!+!5gg~*g>-ANM&GwWY3V&zy+7=Yb5(wasxX9Nj8tXOU9)-u#l05){~v`
zzy<5cPJUp=Y_hEkEKDZb(!d34$u>8zV<y>F2Np%LZ*Ol;C}EZdF7US<4^mFH`GFm|
z=F1e5je%eEQcN}m_N10<3_M#h$;QC*C6R0lyg=KNje*N)ZL%?NdH<5_eiF15Fz}Kj
z+3uPL)B+f|nj+bJ%?G3$2ClBh*L<Qq*%<hPv?m(_hoLsv7&si2$;QBeX-hT+u7@Q1
zT0^oiaE)BDPh%z<1J{g4-iw)R4BU)p$;QA9ijiy#+_0vTje+B6EZG=1qF2ctP)#s!
zWG>kkb&ZUHbtsZu$1lcVU`6B?<3c~m#=y$BWS>zW7+9yRo12?03IGEuwX(7j<WndN
ztk-7>00Zkar2sInUcV^-46GDCnhx?v8UriD;|{Yd`$+*{U}gAoU>Ww10{KLs#gxZA
zUR_=NP61(H9ddaNihjR;MS&sFkx7zy+%NnwH~6>$7aUJ5N%mpjI3&s2oaCHphD0}v
zul9#aa!w7v1vjUWB>OOMGa5^>4~ec>(@FN>g6k6{$vzBRk7!BuA<==wPO=Xd9M04|
zf%T9S!N6e@&u7fz=A;Y~{Xs6t+ghKj8W&uh$|U<Ra5ZX^>_eiLq&>+#TyS}<NU{$D
zm(!Xg`!MhVl4SmJqx!!pI}Zk)Pm;XPS9?w^hJj~mZIXQ$*wgkT`!Mi}B$DjIz|WFN
zvd{d$sU_KGdEg|I?6dl%%8`6iKJ{^hxeHD`$v#U1Pahs0cGlO|M`VbVL>Ec6Hm*qi
zf~_Ulm-4_Slk7`1(PoqEOYVZLC)t<Mz&R&*A6NUoR1z&o-p06Zwf=(LFL)gh%%ox9
zs(+IaNiHFJqO&ZMfk(6)B)KFNAA|Y3I;H<?pCq~8@3-dXl4I+T665iB*zI<A-+31#
zxdJthqWN2Q@>~VSbN(4gu1L)V|0T~j!k4<mgKqNR`ThO<Xk%j|CjbBd0000000000
aQ0WhvPCfC;1z3Cl0000<MNUMnLSTYJ?)KmS

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_player_prev_15.png b/app/src/main/res/drawable-xxhdpi/ic_player_prev_15.png
new file mode 100755
index 0000000000000000000000000000000000000000..98004577f533136d0a05ba63fea64dd6c459c2df
GIT binary patch
literal 2920
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
SQu((40000<MNUMnLSTaNIEdE(

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_playlist.png b/app/src/main/res/drawable-xxhdpi/ic_playlist.png
new file mode 100644
index 0000000000000000000000000000000000000000..0127d74fa9cf78747b3e1e66d76d270f5e3e6f3d
GIT binary patch
literal 655
zcmeAS@N?(olHy`uVBq!ia0vp^0U*r51|<6gKdl8)oCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&di3`{DXE{-7;jBjt=4m{)_!TLb{7}E}(_fr<g
z9^qQTyntyT5N=>v3WP5htPS4BNHf?-AD)mXl)g!E_YTYZ-YK$bXHM>){-#Sn5CWD4
z2>ITAyRFIF`j5rhu+{rSCWJL`tgp0@OaHN1((LEbpv(pV^&o@Piv<=kQAK?IfsOmt
zUw>^bx=y4ctRbK?+eNfY;0crCw<QWC%zwOD9sA5?pDh<$W!TT)AF@46abL&bPdo+<
z0_=L>$?q83nzD}Eu;7|*f6hQOfgw5B-`9v^qi)|0;m>~Fa_eLC_$P}!;P@F?TJJgI
z<NBQTcI#vLl3reJ+6G!NpUynmWpc~rPrgptp<u07iMrFh{ew1%C9LRlt$e;oFn3-=
zgWN+;uWigdtqjkT8qd|{vcGt|vOdntOsdy%*A%J#vZP~t-(Ro(?d4^rHj&|&gJ_I6
zb9s)(*Q(lv(++uadKv!yt-F7<^49hf8RBl{m99^1cL>c(TE#SX)h-R;_lKOXuhP>x
z&oxJRN8Q@6-$LzA1s6mK@fddZEoCTS_KBLma@FfauWB?o?mDY}eYa!6=bau4ff`P4
zOcS2I{KI3FOh+FV7Z=V=XAY^I*ZH)pR&9~!gRHGtiOOG`Wtw^Wk8gSZCTcckMb!64
z3d!k8+s^5HYGV-B+`mYCL92219@cav3FhTaKoh{gyeInC{vAu}dGB00-x2*wvd}wT
ie*2fs4hZ<yD!=3-lR>mZ0WjS#FnGH9xvX<aXaWE&Jqb?$

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_skip_back.png b/app/src/main/res/drawable-xxhdpi/ic_skip_back.png
new file mode 100755
index 0000000000000000000000000000000000000000..8846e1faecba03c00581e2d1f3eb815dda3fd2b0
GIT binary patch
literal 823
zcmV-71IYY|P)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0?bK7K~#7F?VLew
z+CUVBAJ|@(BX9(`0hR!XWls<|LDCa6JwfOV(i5aRBn)zHK#sr>=o$n4EjgR?wNXZ8
z=DqRzBx^vhuzt_`M)r({$S@4UFbu;m48u1aY9X7=<`&J}<#OqxeL=gJPNy&AK&t{Q
z%d&SmogNU_{LN2?G);$jp6}^{bg3mEygtI)G2zwpj>qF2IgpYg&DFd)pU(q){gq|e
z(&Y;JpeTwF&h-i5_5Sg<Pvn4e53H)H#0f1soz5J`Exzy8>-B(yvE6RJqAA}A&l#s4
zh@j?Z-iFmfkPm2c62PnPP$6@=B2EF~YK{;V_tS_3(D<%wM%k+p-5}EVZs#Msny3Q2
zw(mHcM`20$@*Riz0Dbz7Lv;!J_8o`X07LkWLtP1n^c{z)07LtZLrn=w@EwPW0Hyej
zLv#sC^BsrS044g4Lu3g{^&N+}044j5Lre*4@EwPU0JZpzBX|jG@*PLe0JZs!BS;Br
z^&N-z05$uL!)pm6yn$xlad-=`DcdK_zT@y#!kBok=aKsq8Qyvz=8>c7d9Qd2FiDbU
zGzW?dZvp0cet`dS9D9lgucL6ih!F!xR3Uo56Pe9s`z*_b2=NC+K#*Ixx}4D)=lJ-I
zloRw`cruyXV|4zkxuk<XjTw)}KQ((%#1m=FUKI04U#l0z&53C9qR3e}O<okcGC_+M
zMKA5p;6)W{V<dY~&FU<vUR1S0RiYQwE%BA+MYU_BrFc>GDt!rFRR5+@XfH<bs#i!a
zM)j^-2rowWwx(|{ItAG6cK^1+h11R#{~MoPbP6y{(?|L<ta{pVK|=85MW+DklY?*S
zE4;w*h~s-zRYTXkSFXvmz1W(4V^*tGKS`1jVfMM->rQ|U@ZqgbTC;D=J6=3s;8~Ib
zt=#&lD2jUodDHa9XMFx5Q9p)Z7=~dOhG7^yzX4>!_AvCO(ii{$002ovPDHLkV1gKR
BdyoJC

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_skip_forward.png b/app/src/main/res/drawable-xxhdpi/ic_skip_forward.png
new file mode 100755
index 0000000000000000000000000000000000000000..2fb1d3edaab4fc12be2b6f2c145915460bddce59
GIT binary patch
literal 822
zcmV-61Ihe}P)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0?SE6K~#7F?VQ_9
z8&MEIXYKsQC8UFx3X+w)UimNSz#YV{AW%V|0-%EA*AHpkK`6l`z=uC9uWe>{NEb8+
zbYbtExt=2-S&L*=$8(QY>;u3s48t%C!!QgZG#PkORaLjH>p%GNdzNL({eFK@6vYV~
z7+wNV-k0rm`yZusp1fI>U9{Wnah~Vba3Hk6gUx0$dM=N^Z9@`Eg5f~;1Rjt)oVJ&K
zN7GqNCX;blmj6H?^a0Zl;LFdgR%_Ag^)A5^uL*n&l88I@cQ%{-24PUUX_epr{KB6h
zwHx=7R!zs}{TdPIa6F&S&wY2U3Gj>WoXJmjy<QK&gQf*a>|&SOh%4qRc+j{&!s+4<
zNQ@u?3CUf255WXFi0k5eh#@ek<HaZfiB!56O(2m%7o!SvP}@Z*0@Zd=j6gzT7exsq
zv~^LOKnE3Flq^t17exysq<2xgKtggCRS0wt*F|jt#dT4gKtfU%RSG1ebWyE9hp1gl
zL15G_CLxe`?BaAf?Lt735lE0kJl9)=T+T@ee4v9Ozd;~U6bQJKZy*rK3B>7J7Dcgu
zK%^#+F01<q0ZHjwcv;u=QNQ26f`FuQ9C*1}t&RqR!4d-Fb$y^DcDvn4S(e8T3C#lU
zdWZ5B5D}FEsdsp&lE+xG&(Zk*z-YbWP&I+Ed&i+gpordah!-fScO25s3ybO<hu8^}
z*gFo10>$=@LzF=2z2lH{eW3W>afp~eExqH2El^eOIHC#E*gK9`_lc<N9Y^p9)Z9Cc
zkOI~Bjw6V`RC>n|;(lRiy<2b_>DGVnpwS7G*gO0{$8`AzzU(;LuJBy4*K-q^nn3DZ
zF7eBPPJ7bnPn32>&r3j=BU~Xlc;YpI_(xxSE{ulWJ?z^EJ^-%?L_w!;KV?ry>G<xg
zct84yuEWDgbRYe6h8;Nt!!QiPFbu;m45MLg0p(ivvFxP5_5c6?07*qoM6N<$f|v_!
A0{{R3

literal 0
HcmV?d00001

diff --git a/app/src/main/res/layout/fragment_audio_content_playlist.xml b/app/src/main/res/layout/fragment_audio_content_playlist.xml
new file mode 100644
index 0000000..4cec0d9
--- /dev/null
+++ b/app/src/main/res/layout/fragment_audio_content_playlist.xml
@@ -0,0 +1,200 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/black"
+    android:padding="20dp">
+
+    <ImageView
+        android:id="@+id/iv_close"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_close_white"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/tv_title"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="16dp"
+        android:ellipsize="end"
+        android:fontFamily="@font/gmarket_sans_medium"
+        android:maxLines="2"
+        android:textColor="@color/color_eeeeee"
+        android:textSize="16sp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/iv_close"
+        tools:text="JFLA 커버곡 Avicii - Waiting For Love + Hey Brother" />
+
+    <ImageView
+        android:id="@+id/iv_creator_profile"
+        android:layout_width="26.7dp"
+        android:layout_height="26.7dp"
+        android:contentDescription="@null"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_creator_follow"
+        app:layout_constraintStart_toStartOf="@+id/tv_title"
+        app:layout_constraintTop_toTopOf="@+id/iv_creator_follow"
+        tools:src="@mipmap/ic_launcher" />
+
+    <TextView
+        android:id="@+id/tv_creator_nickname"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="5.3dp"
+        android:fontFamily="@font/gmarket_sans_medium"
+        android:textColor="@color/color_909090"
+        android:textSize="13.3sp"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_creator_profile"
+        app:layout_constraintStart_toEndOf="@+id/iv_creator_profile"
+        app:layout_constraintTop_toTopOf="@+id/iv_creator_profile"
+        tools:text="닉네임" />
+
+    <ImageView
+        android:id="@+id/iv_creator_follow"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="21dp"
+        android:contentDescription="@null"
+        android:src="@drawable/btn_follow_big"
+        app:layout_constraintEnd_toEndOf="@+id/tv_title"
+        app:layout_constraintTop_toBottomOf="@+id/tv_title" />
+
+    <LinearLayout
+        android:layout_width="240dp"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toTopOf="@+id/sb_progress"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/iv_creator_follow">
+
+        <ImageView
+            android:id="@+id/iv_cover"
+            android:layout_width="240dp"
+            android:layout_height="240dp"
+            android:contentDescription="@null"
+            tools:src="@drawable/img_compleate_book" />
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="13.3dp"
+            android:orientation="horizontal">
+
+            <ImageView
+                android:id="@+id/iv_like_heart"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:contentDescription="@null"
+                android:src="@drawable/ic_heart_eee" />
+
+            <ImageView
+                android:id="@+id/iv_comment"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="13.3dp"
+                android:contentDescription="@null"
+                android:src="@drawable/ic_message_square_eee" />
+        </LinearLayout>
+    </LinearLayout>
+
+    <SeekBar
+        android:id="@+id/sb_progress"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="5.3dp"
+        app:layout_constraintBottom_toTopOf="@+id/tv_progress_time"
+        app:layout_constraintEnd_toEndOf="@+id/tv_total_time"
+        app:layout_constraintStart_toStartOf="@+id/tv_progress_time" />
+
+    <TextView
+        android:id="@+id/tv_progress_time"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="21dp"
+        android:fontFamily="@font/gmarket_sans_medium"
+        android:textColor="@color/color_bbbbbb"
+        android:textSize="12sp"
+        app:layout_constraintBottom_toTopOf="@+id/iv_play_or_pause"
+        app:layout_constraintStart_toStartOf="parent"
+        tools:text="02:36" />
+
+    <TextView
+        android:id="@+id/tv_total_time"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:fontFamily="@font/gmarket_sans_medium"
+        android:textColor="@color/color_777777"
+        android:textSize="12sp"
+        app:layout_constraintBottom_toBottomOf="@+id/tv_progress_time"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/tv_progress_time"
+        tools:text="06:19" />
+
+    <ImageView
+        android:id="@+id/iv_play_or_pause"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="21dp"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_player_play"
+        app:layout_constraintBottom_toTopOf="@+id/iv_playlist"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+
+    <ImageView
+        android:id="@+id/iv_skip_back"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_skip_back"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_play_or_pause"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/iv_play_or_pause" />
+
+    <ImageView
+        android:id="@+id/iv_prev_15"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_player_prev_15"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_play_or_pause"
+        app:layout_constraintEnd_toStartOf="@+id/iv_play_or_pause"
+        app:layout_constraintStart_toEndOf="@+id/iv_skip_back"
+        app:layout_constraintTop_toTopOf="@+id/iv_play_or_pause" />
+
+    <ImageView
+        android:id="@+id/iv_skip_forward"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_skip_forward"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_play_or_pause"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/iv_play_or_pause" />
+
+    <ImageView
+        android:id="@+id/iv_next_15"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_player_next_15"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_play_or_pause"
+        app:layout_constraintEnd_toStartOf="@+id/iv_skip_forward"
+        app:layout_constraintStart_toEndOf="@+id/iv_play_or_pause"
+        app:layout_constraintTop_toTopOf="@+id/iv_play_or_pause" />
+
+    <ImageView
+        android:id="@+id/iv_playlist"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:contentDescription="@null"
+        android:src="@drawable/ic_playlist"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
+</androidx.constraintlayout.widget.ConstraintLayout>