From 50cacf159f5b3eb90f5260aa3b9b77931e7c0459 Mon Sep 17 00:00:00 2001
From: Stephen <ganstephenkusumo@gamil.com>
Date: Thu, 11 Jan 2024 15:14:00 +0700
Subject: [PATCH] [Homepage] 6. add Menu Cuti & Lembur

---
 images/person.png                        | Bin 0 -> 1472 bytes
 images/task.png                          | Bin 0 -> 1575 bytes
 lib/screen/homepage/homepage_screen.dart | 130 +++++++++++++++++++++++
 3 files changed, 130 insertions(+)
 create mode 100644 images/person.png
 create mode 100644 images/task.png

diff --git a/images/person.png b/images/person.png
new file mode 100644
index 0000000000000000000000000000000000000000..b37f627bd2e6858ffedeaa342af813873e73aa0e
GIT binary patch
literal 1472
zcmV;x1wZ<UP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1yxBzK~#7F)tXIA
z8%Gq!-<w_A>owRIft*Sqq7?O#52->`r65(!rBW*Ohy;gJ>80s~Ll5E79ylk*p5T&J
zJv0)Rs)t1Cg<eP%g{o52RzjjGf~o-#K8&$<ZST(OJi8bhY`m=3V15#K*&WvJzwgbw
zH#3V65Ht;9<!1;-2U1!@i-ttj5$F(t5yMIwCnsG9y9Fcbq+WMB@ZNF}r$IshAhZAx
z;J+Wg5$%d<2I{5&A4s%aTgw+xZ*5qui1H<5aRfp`Lqn#n>mdjb+u5=EuWsi22s)Jz
z4xjDky<MT6zA&^AKY~09SsS|?O*mv$$9y~CkW1`@bNF;Q@1?ybqt@@FVy2Ub!a0!J
zN?VtH+Q>F*ccKvP%)6fsCbWE5hjYY@6r7$%D``ZaMr|4j=@bzMG!xTs$m}E$4BNss
zHM(9`2=|Fj5^(_AwEkf#R`1%e(4yPJkxY;1h7Km}<gx>E|5(-MYCOVuBAqOl(BUMU
zE|YDoK3DU{<{$m0AVY&r$B?-Fe7LLnR7D6YH1wna7lcrc2rrI|R7#|Z5cURKFouS9
zDmIsd1nLdKn}p&ALTy?7Y?hD3IJ5ySS~=g9j``QdU#Vyi?vQ{}D8&8RvpA}LjjC${
z0_Y(G3{N8fUgb(2G2BSY)hs`C#G@h(QP-wG!<!H=v3MxLpMt|Gh>=S9w`us0#3=|E
zww*O#PzjLxgNIgWBsmNL)4eM*Vxun;R4I~f-UJiS23Ug#+p$1|sG{_D53LrU4H(;z
zu+X3oP$u^>BFV?l4wRpT-_?&}5G|<1pN3-8wFjzyv_*)pOc7|QE~NWF4a2JlVw`|D
zf2fed1p;SANO%hELe*ZlH}Q5KoDptF9}o_GrVb~d6cDh=o|NP~)KIKJ3ka|U!5N@J
zYg~z#SBIZNSp;)MWy%R5^m)DxEr98<%e{X4iK~fg=;GIE9)0bEuUL>eO#UyTB!GxV
zI2Cj?|3_&lom+l9!%Ig(#&qAyl!EZvlSS~i(2Q`2OP5Lx5r9wBlY3Iz5EF>{J@A1n
z>Qdxgs|bD}6&g*jsrXENjDiQyXL#|VxUkluF8HTuHjfICt|!<<`3#ANWSTiV>o4<L
zTGSOU`d55=M9l?eo3*i|WaDZCOQ4T55~WI*5UJ{ZzDBOW?7PL%q{MHBmu#dKnpZa&
zXxs=sQMQgMgPX@c(PIQT38#P@T_)!K+%6d(Pr5evKycW&#arsIamE&OPin}XJ24EE
zTlPpgr=ECO##U*OyX=LTR~Gn$#UQzpBw&Q&y`0Hm@6bTJj?%rVj=q8hVz|93I=@u+
zT7^@RvfnQ`p|U`?JvNjGdgJCOQq!)Wg!{_yQ4U8IAc($K`D50Ph<q0F{XZ^c__$JQ
zC6mcqCX;E)eBl7$x@_#^!P7hVR3g9+eUTeEfTfyymDsvH9Ov~SxBygpgQ<BGy<P8Q
z&#Lxn1s<u&-Z<pgBKF!BYKv{%j6nyp6)Eh$`OQkrNLzQKhwj{nWgPolw%VGJ(+%s=
zcQ21^#ntU)s2cJP5p)=C#B}P3U>Xh=yv@}~Vpv4aqu&}P)eEv2S{8v-b=groZBL(P
zpJ~)5j^cUq|L?nlMsL<MQFnq_b!mo51KoNuhjYJpDxW+X#lu}3uBJH=L7OS=%0jn(
zeb=i9#@Fi@G&ZKa&c8GxF^WKdIF3`~QVC~&J@p)^wbz`KpbcZmh}urXZ^-dGT=8Ve
zhM7g{q|V%oz+RAHQ7f?*p{N_z!uGz-OR+VRH5K!u?-MU}<lT7DTHA96Ke$`K>FGdT
aJo^vXE-{+A!T2u#0000<MNUMnLSTX{d8^?7

literal 0
HcmV?d00001

diff --git a/images/task.png b/images/task.png
new file mode 100644
index 0000000000000000000000000000000000000000..b685e5081adc268e8ff82a4cb9898b95c235469a
GIT binary patch
literal 1575
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
Zvsa*%eOxKC>tg@_002ovPDHLkV1g~N-0A=T

literal 0
HcmV?d00001

diff --git a/lib/screen/homepage/homepage_screen.dart b/lib/screen/homepage/homepage_screen.dart
index 4c1df35..873c774 100644
--- a/lib/screen/homepage/homepage_screen.dart
+++ b/lib/screen/homepage/homepage_screen.dart
@@ -114,6 +114,7 @@ class HomepageScreen extends StatelessWidget {
                             Spacer(), // Spasi di sebelah kanan "Check Out"
                           ],
                         ),
+
                         SizedBox(
                           height: Constant.getActualYPhone(context: context, y: 16),
                         ),
@@ -123,6 +124,135 @@ class HomepageScreen extends StatelessWidget {
                 ),
               ),
             ),
+
+            SizedBox(
+              height: Constant.getActualYPhone(context: context, y: 56),
+            ),
+
+            //Menu Cuti Lembur
+            Padding(
+              padding: EdgeInsets.only(
+                left: Constant.getActualXPhone(context: context, x: 33),
+                right:Constant.getActualXPhone(context: context, x: 27),
+              ),
+              child: Container(
+                child: Row(
+                  children: [
+                    //Menu Cuti
+                    SizedBox(
+                      width:Constant.getActualXPhone(context: context, x: 98),
+                      child: ElevatedButton(
+                        style: ButtonStyle(
+                          backgroundColor: MaterialStateColor.resolveWith(
+                            (st) => Colors.white,
+                          ),
+                          shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+                            RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(16.0),
+                            ),
+                          ),
+                          elevation: MaterialStatePropertyAll(4),
+                          shadowColor: MaterialStateProperty.all<Color>(Color.fromRGBO(145, 158, 171, 0.16)),
+                        ),
+                        onPressed: () { },
+                        child: Padding(
+                          padding: EdgeInsets.only(
+                            top: Constant.getActualYPhone(context: context, y: 8),
+                            bottom: Constant.getActualYPhone(context: context, y: 8),
+                            left: Constant.getActualXPhone(context: context, x: 12),
+                            right:Constant.getActualXPhone(context: context, x: 12),
+                          ),
+                          child: Column(
+                            children: [
+                              Container(
+                                width:Constant.getActualXPhone(context: context, x: 50),
+                                height:Constant.getActualYPhone(context: context, y: 50),
+                                decoration: BoxDecoration(
+                                  // color: Colors.green,
+                                image: DecorationImage(
+                                  // fit: BoxFit.contain,
+                                image: AssetImage('images/person.png'),
+                                ),
+                              ),
+                            ),
+                            
+                            SizedBox(
+                              height: Constant.getActualYPhone(context: context, y: 8),
+                            ),
+                              Text(
+                                'Cuti',
+                                style: Constant.titleH2_600_14(context: context).copyWith(
+                                    color: Constant.textDarkGrey,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      )
+                    ),
+
+                    SizedBox(
+                      width: Constant.getActualXPhone(context: context, x: 18),
+                    ),
+
+                    //Menu Lembur
+                    SizedBox(
+                      width:Constant.getActualXPhone(context: context, x: 98),
+                      child: ElevatedButton(
+                        style: ButtonStyle(
+                          backgroundColor: MaterialStateColor.resolveWith(
+                            (st) => Colors.white,
+                          ),
+                          shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+                            RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(16.0),
+                            ),
+                          ),
+                          elevation: MaterialStatePropertyAll(4),
+                          shadowColor: MaterialStateProperty.all<Color>(Color.fromRGBO(145, 158, 171, 0.16)),
+                        ),
+                        onPressed: () { },
+                        child: Padding(
+                          padding: EdgeInsets.only(
+                            top: Constant.getActualYPhone(context: context, y: 8),
+                            bottom: Constant.getActualYPhone(context: context, y: 8),
+                            left: Constant.getActualXPhone(context: context, x: 12),
+                            right:Constant.getActualXPhone(context: context, x: 12),
+                          ),
+                          child: Column(
+                            children: [
+                              Container(
+                                width:Constant.getActualXPhone(context: context, x: 50),
+                                height:Constant.getActualYPhone(context: context, y: 50),
+                                decoration: BoxDecoration(
+                                  // color: Colors.green,
+                                  image: DecorationImage(
+                                  // fit: BoxFit.contain,
+                                  image: AssetImage('images/task.png'),
+                                  ),
+                                ),
+                              ),
+                              
+                              SizedBox(
+                                height: Constant.getActualYPhone(context: context, y: 8),
+                              ),
+
+                              Text(
+                                'Lembur',
+                                style: Constant.titleH2_600_14(context: context).copyWith(
+                                    color: Constant.textDarkGrey,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      )
+                    ),
+                    
+                  ],
+                ),
+              ),
+            ),
           ],
         ),
       ),