update 0601

android/app/build.gradle

@@ -21,12 +21,14 @@ if (flutterVersionName == null) {
     flutterVersionName = '1.0'
 }
 
+//apply plugin: 'com.google.gms.google-services'
 apply plugin: 'com.android.application'
 apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
 
 android {
     compileSdkVersion flutter.compileSdkVersion
+    compileSdkVersion 33
     ndkVersion flutter.ndkVersion
 
     compileOptions {
@@ -39,10 +41,13 @@ android {
         applicationId "com.example.hris_selfservice_mobile"
         // You can update the following values to match your application needs.
         // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-build-configuration.
-        minSdkVersion flutter.minSdkVersion
+        //minSdkVersion flutter.minSdkVersion
+        minSdkVersion 28
+        //compiledSdkVersion 33
         targetSdkVersion flutter.targetSdkVersion
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
+        multiDexEnabled true
     }
 
     buildTypes {
@@ -57,3 +62,7 @@ android {
 flutter {
     source '../..'
 }
+
+dependencies{
+    implementation 'com.android.support:multidex:1.0.3'
+}

android/app/src/main/AndroidManifest.xml

@@ -1,18 +1,26 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
     package="com.example.hris_selfservice_mobile">
 
     <application
-        android:name="${applicationName}"
         android:icon="@mipmap/ic_launcher"
-        android:label="HRIS Self Service">
+        android:label="Employee Self Service"
+        android:usesCleartextTraffic="true"
+        tools:targetApi="m">
+
+        <meta-data android:name="com.google.android.geo.API_KEY"
+            android:value="YOUR-KEY-HERE"/>
+
         <activity
             android:name=".MainActivity"
+            android:screenOrientation="portrait"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
             android:exported="true"
             android:hardwareAccelerated="true"
             android:launchMode="singleTop"
             android:theme="@style/LaunchTheme"
-            android:windowSoftInputMode="adjustResize">
+            android:windowSoftInputMode="adjustResize"
+            tools:ignore="LockedOrientationActivity">
             <!-- Specifies an Android theme to apply to this Activity as soon as
                  the Android process has started. This theme is visible to the user
                  while the Flutter UI initializes. After that, this theme continues
@@ -32,3 +40,5 @@
             android:value="2" />
     </application>
 </manifest>
+
+

android/build.gradle

@@ -1,5 +1,5 @@
 buildscript {
-    ext.kotlin_version = '1.6.10'
+    ext.kotlin_version = '1.7.20'
     repositories {
         google()
         mavenCentral()
@@ -8,6 +8,7 @@ buildscript {
     dependencies {
         classpath 'com.android.tools.build:gradle:7.1.3'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+        classpath 'com.google.gms:google-services:4.3.14'
     }
 }
 

ios/Runner/Info.plist

@@ -47,5 +47,13 @@
 	<true/>
 	<key>UIApplicationSupportsIndirectInputEvents</key>
 	<true/>
+	<key>NSPhotoLibraryUsageDescription</key>
+	<string>Need to upload image</string>
+	<key>NSCameraUsageDescription</key>
+	<string>Need to upload image</string>
+	<key>NSMicrophoneUsageDescription</key>
+	<string>Need to upload image</string>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<key>NSLocationAlwaysUsageDescription</key>
 </dict>
 </plist>

lib/Screens/ForgotPassword/forgotPassword_screen.dart

@@ -1,8 +1,13 @@
+import 'dart:convert';
+
 import 'package:flutter/material.dart';
+import 'package:fluttertoast/fluttertoast.dart';
 import 'package:google_fonts/google_fonts.dart';
+import 'package:hris_selfservice_mobile/Screens/ForgotPassword/resetPassword_post.dart';
 import 'package:hris_selfservice_mobile/Screens/Login/background.dart';
 import 'package:hris_selfservice_mobile/Screens/Login/inputWidget.dart';
 import 'package:hris_selfservice_mobile/Screens/Login/login_screen.dart';
+import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';
 
 class ForgotPasswordView extends StatefulWidget {
   @override
@@ -29,6 +34,23 @@ class ForgotPasswordScreen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    ProgressDialog loading = ProgressDialog(context);
+    loading = ProgressDialog(context,
+        type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
+    loading.style(
+        message: 'Please Wait .....',
+        borderRadius: 5,
+        backgroundColor: Colors.white,
+        progressWidget: CircularProgressIndicator(),
+        elevation: 10.0,
+        padding: EdgeInsets.all(10),
+        insetAnimCurve: Curves.easeInOut,
+        progress: 0.0,
+        maxProgress: 100.0,
+        progressTextStyle: TextStyle(
+            color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+        messageTextStyle: TextStyle(
+            color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
     return Column(
       children: <Widget>[
         Padding(
@@ -88,8 +110,77 @@ class ForgotPasswordScreen extends StatelessWidget {
                                 color: Colors.white,
                               ),
                             ),
-                            onTap: () {
-                              showAlertDialog(context);
+                            onTap: () async {
+                              if (emailController.text.toString().isEmpty){
+                                Fluttertoast.showToast(
+                                    msg: "Email Required",
+                                    toastLength: Toast.LENGTH_SHORT,
+                                    gravity: ToastGravity.CENTER,
+                                    timeInSecForIosWeb: 1,
+                                    textColor: Colors.white,
+                                    fontSize: 16.0);
+                              } else {
+                                await loading.show();
+                                ResetPassword_Post.connectToAPI(emailController.text.toString())
+                                    .then((valueResult) async{
+                                  Map<String, dynamic> object = json.decode(valueResult);
+                                  if (object.containsKey("result").toString() == "true") {
+                                    String status = object['result']['status'].toString();
+                                    String message = object['result']['message'].toString();
+                                    if (status == "success") {
+                                      emailController.clear();
+                                      await loading.hide();
+                                      Widget okButton = TextButton(
+                                        child: Text("OK"),
+                                        onPressed: () {
+                                          Navigator.of(context, rootNavigator: true).pop();
+                                          Navigator.pushAndRemoveUntil(
+                                              context,
+                                              MaterialPageRoute(
+                                                  builder: (context) => LoginView()),
+                                                  (route) => false);
+                                        },
+                                      );
+
+                                      // set up the AlertDialog
+                                      AlertDialog alert = AlertDialog(
+                                        title: Text("Employee Self Service"),
+                                        content: Text(message),
+                                        actions: [
+                                          okButton,
+                                        ],
+                                      );
+
+                                      // show the dialog
+                                      showDialog(
+                                        context: context,
+                                        builder: (BuildContext context) {
+                                          return alert;
+                                        },
+                                      );
+                                    } else if (status == "failed") {
+                                      String message = object['result']['message'].toString();
+                                      Fluttertoast.showToast(
+                                          msg: message,
+                                          toastLength: Toast.LENGTH_SHORT,
+                                          gravity: ToastGravity.CENTER,
+                                          timeInSecForIosWeb: 1,
+                                          textColor: Colors.white,
+                                          fontSize: 16.0);
+                                      await loading.hide();
+                                    }
+                                  } else {
+                                    Fluttertoast.showToast(
+                                        msg: "Server Response Error",
+                                        toastLength: Toast.LENGTH_SHORT,
+                                        gravity: ToastGravity.CENTER,
+                                        timeInSecForIosWeb: 1,
+                                        textColor: Colors.white,
+                                        fontSize: 16.0);
+                                    await loading.hide();
+                                  }
+                                });
+                              }
                             },
                           )
                         ],
@@ -169,7 +260,7 @@ showAlertDialog(BuildContext context) {
 
   // set up the AlertDialog
   AlertDialog alert = AlertDialog(
-    title: Text("HRIS Self Service"),
+    title: Text("Employee Self Service"),
     content: Text("Please check your email."),
     actions: [
       okButton,

lib/Screens/ForgotPassword/resetPassword_post.dart

@@ -0,0 +1,29 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+class ResetPassword_Post {
+  late String email;
+
+  ResetPassword_Post({required this.email});
+
+  static Future<String> connectToAPI(String email) async {
+    String URL = baseURL + "/api/v1/ask_reset_password";
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "email": email
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    developer.log(sendData.body, name: "sendatabody");
+    return sendData.body;
+  }
+}

lib/Screens/Home/home_screen.dart

@@ -1,13 +1,35 @@
+import 'dart:convert';
+import 'dart:typed_data';
+
 import 'package:double_back_to_close/double_back_to_close.dart';
 import 'package:flutter/material.dart';
+import 'package:fluttertoast/fluttertoast.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:hris_selfservice_mobile/Screens/Menu/About/about_screen.dart';
 import 'package:hris_selfservice_mobile/Screens/Menu/Absensi/absensi_screen.dart';
 import 'package:hris_selfservice_mobile/Screens/Menu/AjukanCuti/ajukancuti_screen.dart';
-import 'package:hris_selfservice_mobile/Screens/Menu/Berita/berita_screen.dart';
-import 'package:hris_selfservice_mobile/Screens/Menu/Lainnya/lainnya_screen.dart';
+import 'package:hris_selfservice_mobile/Screens/Menu/Reimburse/reimburse_screen.dart';
 import 'package:hris_selfservice_mobile/Screens/Menu/SlipGaji/slipgaji_screen.dart';
+import 'package:hris_selfservice_mobile/Screens/Menu/SuratTugas/surattugas_screen.dart';
 import 'package:hris_selfservice_mobile/Screens/Settings/settings_screen.dart';
+import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'dart:developer' as logDev;
+import '../Settings/RequestHttp/getDetail_post.dart';
+import '../Settings/RequestHttp/getProfileImage_post.dart';
+import 'package:location/location.dart';
+
+
+var _imageToShow;
+late String nameShared;
+String name = "",
+    statusDetail = "",
+    dateOfBirth = "",
+    phone = "",
+    email = "",
+    address = "",
+    position = "";
+
 
 class HomeView extends StatefulWidget {
   @override
@@ -15,20 +37,161 @@ class HomeView extends StatefulWidget {
 }
 
 class _HomeView extends State<HomeView> {
+  @override
+  initState() {
+    getDetail();
+    _imageToShow = AssetImage('assets/images/ic_administrator.png');
+    WidgetsBinding.instance.addPostFrameCallback((_) async {
+     /* final location = await getLocation();
+      logDev.log("Location: ${location.latitude}, ${location.longitude}");*/
+      ProgressDialog loading = ProgressDialog(context);
+      loading = ProgressDialog(context,
+          type: ProgressDialogType.normal,
+          isDismissible: false,
+          showLogs: true);
+      loading.style(
+          message: 'Please Wait .....',
+          borderRadius: 5,
+          backgroundColor: Colors.white,
+          progressWidget: CircularProgressIndicator(),
+          elevation: 10.0,
+          padding: EdgeInsets.all(10),
+          insetAnimCurve: Curves.easeInOut,
+          progress: 0.0,
+          maxProgress: 100.0,
+          progressTextStyle: TextStyle(
+              color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+          messageTextStyle: TextStyle(
+              color: Colors.black,
+              fontSize: 15.0,
+              fontWeight: FontWeight.w600));
+      loading.show();
+      _imageToShow = getProfileImage();
+    });
+  }
+
+  //Get Profile image
+  getProfileImage() async {
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    ProgressDialog loading = ProgressDialog(context);
+    loading = ProgressDialog(context,
+        type: ProgressDialogType.normal,
+        isDismissible: false,
+        showLogs: true);
+    loading.style(
+        message: 'Please Wait .....',
+        borderRadius: 5,
+        backgroundColor: Colors.white,
+        progressWidget: CircularProgressIndicator(),
+        elevation: 10.0,
+        padding: EdgeInsets.all(10),
+        insetAnimCurve: Curves.easeInOut,
+        progress: 0.0,
+        maxProgress: 100.0,
+        progressTextStyle: TextStyle(
+            color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+        messageTextStyle: TextStyle(
+            color: Colors.black,
+            fontSize: 15.0,
+            fontWeight: FontWeight.w600));
+
+    GetProfileImage_Post.connectToAPI(session!).then((valueResult) async {
+      Map<String, dynamic> object = json.decode(valueResult);
+      if (object.containsKey("result").toString() == "true") {
+        String status = object['result']['status'].toString();
+        logDev.log(status, name: "STATUS GET PROFILE");
+        if (status == "success") {
+          String photo = object['result']['photo'].toString();
+          if (photo == "false") {
+            setState(() {
+              _imageToShow = AssetImage('assets/images/ic_administrator.png');
+            });
+          } else if (photo != "false") {
+            Uint8List decodedBytes = Base64Decoder().convert(photo);
+            logDev.log(decodedBytes.toString(), name: "DECODED BYTES photo");
+            setState(() {
+              _imageToShow = Image
+                  .memory(decodedBytes, gaplessPlayback: true)
+                  .image;
+            });
+          }
+        } else if (status == "failed") {
+          String message = object['result']['message'].toString();
+          Fluttertoast.showToast(
+              msg: message,
+              toastLength: Toast.LENGTH_LONG,
+              gravity: ToastGravity.CENTER,
+              timeInSecForIosWeb: 1,
+              textColor: Colors.white,
+              fontSize: 16.0);
+        }
+        loading.hide();
+      } else {
+        Fluttertoast.showToast(
+            msg: "Server Response Error",
+            toastLength: Toast.LENGTH_SHORT,
+            gravity: ToastGravity.CENTER,
+            timeInSecForIosWeb: 1,
+            textColor: Colors.white,
+            fontSize: 16.0);
+        loading.hide();
+      }
+    });
+    return _imageToShow;
+  }
+
+  //GetDetail
+  getDetail() async {
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+    GetDetail_Post.connectToAPI(session!).then((valueResult) async {
+      Map<String, dynamic> object = json.decode(valueResult);
+      if (object.containsKey("result").toString() == "true") {
+        statusDetail = object['result']['status'].toString();
+        String message = object['result']['message'].toString();
+        if (statusDetail == "failed" || message == "User Not Found") {
+          Fluttertoast.showToast(
+              msg: message + ", Please login again!",
+              toastLength: Toast.LENGTH_SHORT,
+              gravity: ToastGravity.CENTER,
+              timeInSecForIosWeb: 1,
+              textColor: Colors.white,
+              fontSize: 16.0);
+        } else if (statusDetail != "failed") {
+          name = object['result']['name'].toString();
+          dateOfBirth = object['result']['date_of_birth'].toString();
+          phone = object['result']['phone'].toString();
+          email = object['result']['email'].toString();
+          address = object['result']['address'].toString();
+          position = object['result']['position'].toString();
+        }
+      } else {
+        Fluttertoast.showToast(
+            msg: "Server Response Error",
+            toastLength: Toast.LENGTH_SHORT,
+            gravity: ToastGravity.CENTER,
+            timeInSecForIosWeb: 1,
+            textColor: Colors.white,
+            fontSize: 16.0);
+      }
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
       home: DoubleBack(
-        onFirstBackPress: (context) {
+        /*onFirstBackPress: (context) {
           final snackBar = SnackBar(content: Text("Double Back Press to Exit"));
           ScaffoldMessenger.of(context).showSnackBar(snackBar);
-        },
+        },*/
         message: "Double Back Press to Exit",
         background: Colors.black38,
         backgroundRadius: 10,
         textStyle: TextStyle(
-            fontSize: 16, fontWeight: FontWeight.bold, color: Colors.white
-        ),
+            fontSize: 16, fontWeight: FontWeight.bold, color: Colors.white),
         child: Scaffold(
             resizeToAvoidBottomInset: false,
             //backgroundColor: Colors.white,
@@ -44,284 +207,370 @@ class _HomeView extends State<HomeView> {
 }
 
 class HomeScreen extends StatelessWidget {
-  const HomeScreen({Key? key}) : super(key: key);
-
   @override
   Widget build(BuildContext context) {
-    var size = MediaQuery
-        .of(context)
-        .size;
+    var size = MediaQuery.of(context).size;
     return Scaffold(
         body: SingleChildScrollView(
-          child: Stack(
-            children: <Widget>[
-              Container(
-                height: size.height * 0.3,
-                decoration: BoxDecoration(
-                    gradient: LinearGradient(
-                        begin: Alignment.topRight,
-                        end: Alignment.bottomRight,
-                        colors: [
-                          Color(0xFFD21404),
-                          Color(0xFFFD7267),
-                        ])),
-              ),
-              SafeArea(
-                child: Padding(
-                  padding: EdgeInsets.all(20),
-                  child: Column(
-                    children: <Widget>[
-                      Align(
-                        alignment: Alignment.topRight,
-                        child: InkWell(
-                          child: Container(
-                              alignment: Alignment.center,
-                              height: 40,
-                              width: 40,
-                              child: Image.asset(
-                                  'assets/images/ic_settings.png')),
-                          onTap: () {
-                            Navigator.push(
-                                context,
-                                MaterialPageRoute(
-                                    builder: (context) =>
-                                        SettingsScreen()));
-                          },
-                        ),
-                      ),
-                      Stack(
-                        alignment: Alignment.topCenter,
-                        children: [
-                          Container(
-                            margin: EdgeInsets.only(top: ((size.width - 20) *
-                                0.3) * 0.5),
-                            child: Card(
-                              elevation: 15,
-                              child: Container(
-                                  height: size.width * 0.35,
-                                  width: size.width - 20,
-                                  padding: EdgeInsets.all(15),
-                                  decoration: BoxDecoration(
-                                      color: Colors.white,
-                                      borderRadius:
-                                      BorderRadius.all(Radius.circular(10))),
-                                  child: Column(
-                                    mainAxisAlignment: MainAxisAlignment.end,
-                                    crossAxisAlignment: CrossAxisAlignment
-                                        .center,
-                                    children: <Widget>[
-                                      Text(
-                                        'Dieni Anindyasarathi',
-                                        maxLines: 2,
-                                        overflow: TextOverflow.ellipsis,
-                                        textAlign: TextAlign.center,
-                                        style: GoogleFonts.inter(
-                                            fontSize: 17,
-                                            color: Colors.black,
-                                            fontWeight: FontWeight.bold),
-                                      ),
-                                      Text(
-                                        'IT Developer',
-                                        textAlign: TextAlign.center,
-                                        style: GoogleFonts.inter(
-                                            fontSize: 16, color: Colors.black),
-                                      ),
-                                    ],
-                                  )),
-                            ),
+      child: Stack(
+        children: <Widget>[
+          Container(
+            height: size.height * 0.3,
+            decoration: BoxDecoration(
+                gradient: LinearGradient(
+                    begin: Alignment.topRight,
+                    end: Alignment.bottomRight,
+                    colors: [
+                  Color(0xFFD21404),
+                  Color(0xFFFD7267),
+                ])),
+          ),
+          SafeArea(
+            child: Padding(
+              padding: EdgeInsets.all(20),
+              child: Column(
+                children: <Widget>[
+                  Align(
+                    alignment: Alignment.topRight,
+                    child: InkWell(
+                      child: Container(
+                          alignment: Alignment.center,
+                          height: 40,
+                          width: 40,
+                          child: Image.asset('assets/images/ic_settings.png')),
+                      onTap: () {
+                        Navigator.push(
+                            context,
+                            MaterialPageRoute(
+                                builder: (context) => SettingsScreen()));
+                      },
+                    ),
+                  ),
+                  Container(
+                    child:  Stack(
+                      alignment: Alignment.topLeft,
+                      children: [
+                        Container(
+                          margin: EdgeInsets.only(top: ((size.width - 20) * 0.33) * 0.5),
+                          child: Card(
+                            elevation: 15,
+                            child: Container(
+                                height: size.width * 0.35,
+                                width: size.width - 20,
+                                padding: EdgeInsets.all(15),
+                                decoration: BoxDecoration(
+                                    color: Colors.white,
+                                    borderRadius:
+                                    BorderRadius.all(Radius.circular(10))),
+                                child: Column(
+                                  mainAxisAlignment: MainAxisAlignment.end,
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: <Widget>[
+                                    Text(name,
+                                      maxLines: 2,
+                                      overflow: TextOverflow.ellipsis,
+                                      textAlign: TextAlign.center,
+                                      style: GoogleFonts.inter(
+                                          fontSize: 18,
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold),
+                                    ),
+                                    Text(position,
+                                      textAlign: TextAlign.center,
+                                      style: GoogleFonts.inter(
+                                          fontSize: 17, color: Colors.black),
+                                    ),
+                                  ],
+                                )),
                           ),
-                          Container(
-                            alignment: Alignment.topCenter,
-                            height: (size.width - 20) * 0.3,
-                            width: (size.width - 20) * 0.3,
+                        ),
+                        Align(
+                          alignment: Alignment.topCenter,
+                          child: Container(
+                            margin: EdgeInsets.only(left: 15),
+                            alignment: Alignment.topLeft,
+                            height: (size.width - 20) * 0.33,
+                            width: (size.width - 20) * 0.33,
                             decoration: BoxDecoration(
                               color: Colors.black,
                               image: DecorationImage(
-                                image: AssetImage(
-                                    'assets/images/ic_administrator.png'),
+                                image: _imageToShow,
                                 fit: BoxFit.fill,
                               ),
                               shape: BoxShape.circle,
                             ),
                           ),
-                        ],
-                      ),
-                      GridView.count(
-                        shrinkWrap: true,
-                        physics: NeverScrollableScrollPhysics(),
-                        padding: EdgeInsets.only(top: 25, left: 5, right: 5),
-                        crossAxisSpacing: 15,
-                        mainAxisSpacing: 15,
-                        crossAxisCount: 2,
-                        children: <Widget>[
-                          InkWell(
-                            child: Container(
-                              decoration: BoxDecoration(
-                                  color: Color(0xFFD9D9D9),
-                                  borderRadius: BorderRadius.circular(5)),
-                              child: Column(
-                                crossAxisAlignment: CrossAxisAlignment.center,
-                                mainAxisAlignment: MainAxisAlignment.center,
-                                children: <Widget>[
-                                  Image.asset(
-                                    "assets/icons/menu/ic_menu_absensi2.png",
-                                    width: 75,
-                                    height: 75,
+                        ),
+                      ],
+                    ),
+                  ),
+                  GridView.count(
+                    shrinkWrap: true,
+                    physics: NeverScrollableScrollPhysics(),
+                    padding: EdgeInsets.only(top: 25, left: 5, right: 5),
+                    crossAxisSpacing: 15,
+                    mainAxisSpacing: 15,
+                    crossAxisCount: 2,
+                    children: <Widget>[
+                      InkWell(
+                          child: Container(
+                            decoration: BoxDecoration(
+                                color: Color(0xFFD0D0D0),
+                                borderRadius: BorderRadius.circular(5)),
+                            child: Column(
+                              crossAxisAlignment: CrossAxisAlignment.center,
+                              mainAxisAlignment: MainAxisAlignment.center,
+                              children: <Widget>[
+                                Container(
+                                  width: 75,
+                                  height: 75,
+                                  child: Image.asset(
+                                    "assets/icons/menu/ic_absensi.png",
+                                    fit: BoxFit.fill,
+                                    alignment: Alignment.center,
                                   ),
-                                  Text(
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(top: 10),
+                                  child: Text(
                                     'Absensi',
                                     textAlign: TextAlign.center,
                                     style: GoogleFonts.acme(
                                         fontSize: 18, color: Colors.black),
-                                  )
-                                ],
-                              ),
+                                  ),
+                                ),
+                              ],
                             ),
-                            onTap:(){
-                              Navigator.push(context, MaterialPageRoute(
-                                  builder: (context) => AbsensiScreen()));
-                            }
                           ),
-                          InkWell(
-                            child: Container(
-                              decoration: BoxDecoration(
-                                  color: Color(0xFFD9D9D9),
-                                  borderRadius: BorderRadius.circular(5)),
-                              child: Column(
-                                crossAxisAlignment: CrossAxisAlignment.center,
-                                mainAxisAlignment: MainAxisAlignment.center,
-                                children: <Widget>[
-                                  Image.asset(
-                                      "assets/icons/menu/ic_menu_slipgaji2.png",
-                                      height: 75,
-                                      width: 75),
-                                  Text(
-                                    'Slip Gaji',
-                                    textAlign: TextAlign.center,
-                                    style: GoogleFonts.acme(
-                                        fontSize: 18, color: Colors.black),
-                                  )
-                                ],
+                          onTap: () {
+                            Navigator.push(
+                                context,
+                                MaterialPageRoute(
+                                    builder: (context) => AbsensiScreen()));
+                          }),
+                      InkWell(
+                        child: Container(
+                          decoration: BoxDecoration(
+                              color: Color(0xFFD0D0D0),
+                              borderRadius: BorderRadius.circular(5)),
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.center,
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: <Widget>[
+                              Container(
+                                width: 75,
+                                height: 75,
+                                child: Image.asset(
+                                    "assets/icons/menu/ic_slipgaji_2.png",
+                                    fit: BoxFit.fill,
+                                    alignment: Alignment.center),
                               ),
-                            ),
-                            onTap: (){
-                              Navigator.push(context, MaterialPageRoute(
-                                  builder: (context) => SlipGajiScreen()));
-                            },
+                              Container(
+                                margin: EdgeInsets.only(top: 10),
+                                child: Text(
+                                  'Slip Gaji',
+                                  textAlign: TextAlign.center,
+                                  style: GoogleFonts.acme(
+                                      fontSize: 18, color: Colors.black),
+                                ),
+                              ),
+                            ],
                           ),
-                          InkWell(
-                            child: Container(
-                              decoration: BoxDecoration(
-                                  color: Color(0xFFD9D9D9),
-                                  borderRadius: BorderRadius.circular(5)),
-                              child: Column(
-                                crossAxisAlignment: CrossAxisAlignment.center,
-                                mainAxisAlignment: MainAxisAlignment.center,
-                                children: <Widget>[
-                                  Image.asset(
-                                      "assets/icons/menu/ic_menu_ajukancuti2.png",
-                                      height: 75,
-                                      width: 75),
-                                  Text(
-                                    'Ajukan Cuti',
-                                    textAlign: TextAlign.center,
-                                    style: GoogleFonts.acme(
-                                        fontSize: 18, color: Colors.black),
-                                  )
-                                ],
+                        ),
+                        onTap: () {
+                          Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                  builder: (context) => SlipGajiScreen()));
+                        },
+                      ),
+                      InkWell(
+                        child: Container(
+                          decoration: BoxDecoration(
+                              color: Color(0xFFD0D0D0),
+                              borderRadius: BorderRadius.circular(5)),
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.center,
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: <Widget>[
+                              Container(
+                                width: 70,
+                                height: 70,
+                                child: Image.asset(
+                                    "assets/icons/menu/ic_cuti_2.png",
+                                    fit: BoxFit.fill,
+                                    alignment: Alignment.center),
                               ),
-                            ),
-                            onTap: (){
-                              Navigator.push(context, MaterialPageRoute(
-                                  builder: (context) => AjukanCutiScreen()));
-                            },
+                              Container(
+                                margin: EdgeInsets.only(top: 10),
+                                child: Text(
+                                  'Ajukan Cuti',
+                                  textAlign: TextAlign.center,
+                                  style: GoogleFonts.acme(
+                                      fontSize: 18, color: Colors.black),
+                                ),
+                              ),
+                            ],
                           ),
-                          InkWell(
-                            child: Container(
-                              decoration: BoxDecoration(
-                                  color: Color(0xFFD9D9D9),
-                                  borderRadius: BorderRadius.circular(5)),
-                              child: Column(
-                                crossAxisAlignment: CrossAxisAlignment.center,
-                                mainAxisAlignment: MainAxisAlignment.center,
-                                children: <Widget>[
-                                  Image.asset(
-                                      "assets/icons/menu/ic_menu_berita2.png",
-                                      height: 75, width: 75),
-                                  Text(
-                                    'Berita',
-                                    textAlign: TextAlign.center,
-                                    style: GoogleFonts.acme(
-                                        fontSize: 18, color: Colors.black),
-                                  )
-                                ],
+                        ),
+                        onTap: () {
+                          Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                  builder: (context) => AjukanCutiScreen()));
+                        },
+                      ),
+                      /*InkWell(
+                        child: Container(
+                          decoration: BoxDecoration(
+                              color: Color(0xFFD0D0D0),
+                              borderRadius: BorderRadius.circular(5)),
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.center,
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: <Widget>[
+                              Container(
+                                width: 75,
+                                height: 75,
+                                child: Image.asset(
+                                    "assets/icons/menu/ic_menu_berita2.png"),
                               ),
-                            ),
-                            onTap: (){
-                              Navigator.push(context, MaterialPageRoute(
+                              Container(
+                                margin: EdgeInsets.only(top: 10),
+                                child: Text(
+                                  'Berita',
+                                  textAlign: TextAlign.center,
+                                  style: GoogleFonts.acme(
+                                      fontSize: 18, color: Colors.black),
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                        onTap: () {
+                          Navigator.push(
+                              context,
+                              MaterialPageRoute(
                                   builder: (context) => BeritaScreen()));
-                            },
+                        },
+                      ),*/
+                      InkWell(
+                        child: Container(
+                          decoration: BoxDecoration(
+                              color: Color(0xFFD0D0D0),
+                              borderRadius: BorderRadius.circular(5)),
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.center,
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: <Widget>[
+                              Container(
+                                width: 70,
+                                height: 70,
+                                child: Image.asset(
+                                  "assets/icons/menu/ic_surattugas_2.png",
+                                  fit: BoxFit.fill,
+                                  alignment: Alignment.center,
+                                ),
+                              ),
+                              Container(
+                                margin: EdgeInsets.only(top: 10),
+                                child: Text(
+                                  'Surat Tugas',
+                                  textAlign: TextAlign.center,
+                                  style: GoogleFonts.acme(
+                                      fontSize: 18, color: Colors.black),
+                                ),
+                              ),
+                            ],
                           ),
-                          InkWell(
-                            child: Container(
-                              decoration: BoxDecoration(
-                                  color: Color(0xFFD9D9D9),
-                                  borderRadius: BorderRadius.circular(5)),
-                              child: Column(
-                                crossAxisAlignment: CrossAxisAlignment.center,
-                                mainAxisAlignment: MainAxisAlignment.center,
-                                children: <Widget>[
-                                  Image.asset(
-                                      "assets/icons/menu/ic_menu_about2.png",
-                                      height: 75, width: 75),
-                                  Text(
-                                    'About',
-                                    textAlign: TextAlign.center,
-                                    style: GoogleFonts.acme(
-                                        fontSize: 18, color: Colors.black),
-                                  )
-                                ],
+                        ),
+                        onTap: () {
+                          Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                  builder: (context) => SuratTugas_Screen()));
+                        },
+                      ),
+                      InkWell(
+                        child: Container(
+                          decoration: BoxDecoration(
+                              color: Color(0xFFD0D0D0),
+                              borderRadius: BorderRadius.circular(5)),
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.center,
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: <Widget>[
+                              Container(
+                                width: 70,
+                                height: 70,
+                                child: Image.asset(
+                                    "assets/icons/menu/ic_reimburse.png",
+                                    fit: BoxFit.fill,
+                                    alignment: Alignment.center),
                               ),
-                            ),
-                            onTap: (){
-                              Navigator.push(context, MaterialPageRoute(
-                                  builder: (context) => AboutScreen()));
-                            },
+                              Container(
+                                margin: EdgeInsets.only(top: 10),
+                                child: Text(
+                                  'Reimburse',
+                                  textAlign: TextAlign.center,
+                                  style: GoogleFonts.acme(
+                                      fontSize: 18, color: Colors.black),
+                                ),
+                              ),
+                            ],
                           ),
-                          InkWell(
-                            child: Container(
-                              decoration: BoxDecoration(
-                                  color: Color(0xFFD9D9D9),
-                                  borderRadius: BorderRadius.circular(5)),
-                              child: Column(
-                                crossAxisAlignment: CrossAxisAlignment.center,
-                                mainAxisAlignment: MainAxisAlignment.center,
-                                children: <Widget>[
-                                  Image.asset(
-                                      "assets/icons/menu/ic_menu_lainnya.png",
-                                      height: 75, width: 75),
-                                  Text(
-                                    'Lainnya',
-                                    textAlign: TextAlign.center,
-                                    style: GoogleFonts.acme(
-                                        fontSize: 18, color: Colors.black),
-                                  )
-                                ],
+                        ),
+                        onTap: () {
+                          Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                  builder: (context) => ReimburseScreen()));
+                        },
+                      ),
+                      InkWell(
+                        child: Container(
+                          decoration: BoxDecoration(
+                              color: Color(0xFFD0D0D0),
+                              borderRadius: BorderRadius.circular(5)),
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.center,
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: <Widget>[
+                              Container(
+                                width: 70,
+                                height: 70,
+                                child: Image.asset(
+                                    "assets/icons/menu/ic_about_2.png",
+                                    fit: BoxFit.fill,
+                                    alignment: Alignment.center),
                               ),
-                            ),
-                            onTap: (){
-                              Navigator.push(context, MaterialPageRoute(
-                                  builder: (context) => LainnyaScreen()));
-                            },
+                              Container(
+                                margin: EdgeInsets.only(top: 10),
+                                child: Text(
+                                  'About',
+                                  textAlign: TextAlign.center,
+                                  style: GoogleFonts.acme(
+                                      fontSize: 18, color: Colors.black),
+                                ),
+                              ),
+                            ],
                           ),
-                        ],
-                      )
+                        ),
+                        onTap: () {
+                          Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                  builder: (context) => AboutScreen()));
+                        },
+                      ),
                     ],
-                  ),
-                ),
+                  )
+                ],
               ),
-            ],
+            ),
           ),
-        ));
+        ],
+      ),
+    ));
   }
 }

lib/Screens/Login/background.dart

@@ -13,14 +13,19 @@ class Background extends StatelessWidget {
           new Stack(
             alignment: Alignment.bottomCenter,
             children: <Widget>[
-              Padding(
+              Container(
+                alignment: Alignment.bottomCenter,
                 padding: EdgeInsets.only(top: 0),
                 child: Image.asset(
                   'assets/images/collaboration.png',
                   width: MediaQuery.of(context).size.width / 1.5,
                 ),
               ),
-              WavyHeader()
+              Container(
+                margin: EdgeInsets.all(0),
+                child:
+                WavyHeader(),
+              )
             ],
           ),
           Expanded(
@@ -41,9 +46,6 @@ class Background extends StatelessWidget {
 }
 
 const List<Color> orangeGradients = [
-  /*Color(0xFFFF9844),
-  Color(0xFFFE8853),
-  Color(0xFFFD7267),*/
   Color(0xFFD21404),
   Color(0xFFFD7267)
 ];
@@ -172,14 +174,4 @@ class FooterWaveClipper extends CustomClipper<Path> {
 
   @override
   bool shouldReclip(CustomClipper<Path> oldClipper) => false;
-}
-
-class YellowCircleClipper extends CustomClipper<Rect> {
-  @override
-  Rect getClip(Size size) {
-    throw UnimplementedError();
-  }
-
-  @override
-  bool shouldReclip(CustomClipper<Rect> oldClipper) => false;
-}
+}

lib/Screens/Login/inputWidget.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'dart:developer' as logDev;
 
 class InputWidgetEmail extends StatelessWidget {
   final double topRight;
@@ -34,6 +35,14 @@ class InputWidgetEmail extends StatelessWidget {
                   ),
                   hintText: "hris_selfservice@example.com",
                   hintStyle: TextStyle(color: Color(0xFFE1E1E1), fontSize: 16)),
+              validator: (text) {
+                if (text!.contains('@') && text.isNotEmpty) {
+                  return "Enter a valid email address!";
+                } else if (text.isEmpty) {
+                  return "Email Required";
+                }
+                return null;
+              },
             ),
           ),
         ),
@@ -76,9 +85,9 @@ class InputWidgetPassword extends StatelessWidget {
                   ),
                   hintText: "Password",
                   hintStyle: TextStyle(color: Color(0xFFE1E1E1), fontSize: 16)),
-              validator: (text){
-                if (text!.contains('@') && text.isNotEmpty){
-                  return "Enter a valid email address!";
+              validator: (text) {
+                if (text == null) {
+                  return "Password Required";
                 }
                 return null;
               },
@@ -91,4 +100,21 @@ class InputWidgetPassword extends StatelessWidget {
 }
 
 TextEditingController emailController = TextEditingController();
-TextEditingController passwordController = TextEditingController();
+TextEditingController passwordController = TextEditingController();
+
+/*bool validate() {
+  bool result = true;
+  if (emailController.text.contains('@') && emailController.text.isNotEmpty) {
+    emailController. "Enter a valid email address!";
+    result = false;
+  } else if (emailValue.isEmpty) {
+  return "Email Required";
+  }
+
+  if (passwordController.text == null) {
+  return "Password Required";
+  }
+
+  return
+  null;
+}*/

lib/Screens/Login/login_screen.dart

@@ -1,9 +1,18 @@
+import 'dart:convert';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_udid/flutter_udid.dart';
+import 'package:fluttertoast/fluttertoast.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:hris_selfservice_mobile/Screens/ForgotPassword/forgotPassword_screen.dart';
 import 'package:hris_selfservice_mobile/Screens/Login/background.dart';
-import 'package:hris_selfservice_mobile/Screens/Home/home_screen.dart';
+import 'package:hris_selfservice_mobile/Screens/Login/post_result_model.dart';
+import 'package:hris_selfservice_mobile/Screens/Splash/splash_screen.dart';
+import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import '../Home/home_screen.dart';
 import 'inputWidget.dart';
+import 'dart:developer' as logDev;
 
 class LoginView extends StatefulWidget {
   @override
@@ -26,16 +35,38 @@ class _LoginView extends State<LoginView> {
 }
 
 class LoginScreen extends StatelessWidget {
-  const LoginScreen({Key? key}) : super(key: key);
+  late LoginPostResult loginPostResult;
+  String version = "1.0.0";
+  String notif_token = "ginro";
 
   @override
   Widget build(BuildContext context) {
+    ProgressDialog loading = ProgressDialog(context);
+    loading = ProgressDialog(context,
+        type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
+    loading.style(
+        message: 'Please Wait .....',
+        borderRadius: 5,
+        backgroundColor: Colors.white,
+        progressWidget: CircularProgressIndicator(),
+        elevation: 10.0,
+        padding: EdgeInsets.all(10),
+        insetAnimCurve: Curves.easeInOut,
+        progress: 0.0,
+        maxProgress: 100.0,
+        progressTextStyle: TextStyle(
+            color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+        messageTextStyle: TextStyle(
+            color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
+
     return SingleChildScrollView(
-      child: Column(
+      reverse: true,
+        padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
+        child: Column(
         children: <Widget>[
           Padding(
             padding:
-            EdgeInsets.only(top: MediaQuery.of(context).size.height / 2.45),
+                EdgeInsets.only(top: MediaQuery.of(context).size.height / 2.45),
           ),
           Column(
             children: <Widget>[
@@ -93,8 +124,8 @@ class LoginScreen extends StatelessWidget {
                           children: <Widget>[
                             Expanded(
                                 child: Padding(
-                                  padding: EdgeInsets.only(top: 0),
-                                )),
+                              padding: EdgeInsets.only(top: 0),
+                            )),
                             InkWell(
                               child: Container(
                                 padding: EdgeInsets.all(10),
@@ -111,13 +142,82 @@ class LoginScreen extends StatelessWidget {
                                   color: Colors.white,
                                 ),
                               ),
-                              onTap: () {
-                                Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => HomeView()));
+                              onTap: () async {
+                                String imei;
+                                try {
+                                  imei = await FlutterUdid.udid;
+                                } on PlatformException {
+                                  imei = 'Failed to get UDID.';
+                                }
+                                logDev.log(imei, name: "IMEI");
+                                if (!validateForm(context)) {
+                                  return;
+                                } else {
+                                  await loading.show();
+                                  LoginPostResult.connectToAPI(
+                                          emailController.text.toString(),
+                                          passwordController.text.toString(),
+                                          notif_token,
+                                          version,
+                                          platform(),
+                                          imei)
+                                      .then((valueResult) async {
+                                    // loginPostResult = valueResult;
+                                    Map<String, dynamic> object = json.decode(valueResult);
+                                    if (object.containsKey("result").toString() == "true") {
+                                      String status = object['result']['status'].toString();
+                                      if (status == "success") {
+                                        Fluttertoast.showToast(
+                                            msg: "Login Success",
+                                            toastLength: Toast.LENGTH_SHORT,
+                                            gravity: ToastGravity.CENTER,
+                                            timeInSecForIosWeb: 1,
+                                            textColor: Colors.white,
+                                            fontSize: 16.0);
+
+                                        var prefs = await SharedPreferences.getInstance();
+                                        await prefs.setString('version', version);
+                                        await prefs.setString('device', object['result']['device'].toString());
+                                        await prefs.setString('session', object['result']['hash'].toString());
+                                        await prefs.setString('name', object['result']['name'].toString());
+                                        await prefs.setString('notif_token', notif_token);
+
+                                        emailController.clear();
+                                        passwordController.clear();
+
+                                        await loading.hide();
+                                        Navigator.pushReplacement(
+                                            context,
+                                            MaterialPageRoute(
+                                                builder: (context) =>
+                                                    HomeView()));
+                                      } else if (status == "failed") {
+                                        String message = object['result']
+                                                ['message']
+                                            .toString();
+                                        Fluttertoast.showToast(
+                                            msg: message,
+                                            toastLength: Toast.LENGTH_SHORT,
+                                            gravity: ToastGravity.CENTER,
+                                            timeInSecForIosWeb: 1,
+                                            textColor: Colors.white,
+                                            fontSize: 16.0);
+                                        await loading.hide();
+                                      }
+                                    } else {
+                                      await loading.hide();
+                                      alertDialogFailedResponse(context);
+                                    }
+                                  });
+                                }
                               },
                             )
                           ],
                         ),
                       ),
+                      /*Padding(
+                          padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom)
+                      )*/
                     ],
                   ),
                 ],
@@ -126,9 +226,13 @@ class LoginScreen extends StatelessWidget {
                 padding: EdgeInsets.only(bottom: 10),
               ),
               InkWell(
-                  child: roundedRectButton("Forgot Password?", Gradients1, false),
+                  child:
+                      roundedRectButton("Forgot Password?", Gradients1, false),
                   onTap: () {
-                    Navigator.push(context, MaterialPageRoute(builder: (context) => ForgotPasswordView()));
+                    Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                            builder: (context) => ForgotPasswordView()));
                   })
             ],
           )
@@ -191,3 +295,77 @@ const List<Color> Gradients2 = [
   Color(0xFFFF9945),
   Color(0xFFFc6076),
 ];
+
+bool validateForm(BuildContext context) {
+  bool result = true;
+  if (emailController.text.toString().isEmpty) {
+    /*final snackBar = SnackBar(content: Text("Email Required"));
+    ScaffoldMessenger.of(context).showSnackBar(snackBar);*/
+    Fluttertoast.showToast(
+        msg: "Email Required",
+        toastLength: Toast.LENGTH_SHORT,
+        gravity: ToastGravity.CENTER,
+        timeInSecForIosWeb: 1,
+        textColor: Colors.white,
+        fontSize: 16.0);
+    result = false;
+  } else if (!emailController.text.toString().contains("@")) {
+    Fluttertoast.showToast(
+        msg: "Incorrect email format",
+        toastLength: Toast.LENGTH_SHORT,
+        gravity: ToastGravity.CENTER,
+        timeInSecForIosWeb: 1,
+        textColor: Colors.white,
+        fontSize: 16.0);
+    result = false;
+  } else if (passwordController.text.toString().isEmpty) {
+    Fluttertoast.showToast(
+        msg: "Password Required",
+        toastLength: Toast.LENGTH_SHORT,
+        gravity: ToastGravity.CENTER,
+        timeInSecForIosWeb: 1,
+        textColor: Colors.white,
+        fontSize: 16.0);
+    result = false;
+  }
+
+  return result;
+}
+
+alertDialogFailedResponse(BuildContext context){
+  Widget okButton = TextButton(
+    child: Text("Refresh"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pushReplacement(context, MaterialPageRoute(
+          builder: (context) => SplashScreen()));
+    },
+  );
+
+  Widget noButton = TextButton(
+    child: Text("Back"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pop(context);
+
+    },
+  );
+
+  // set up the AlertDialog
+  AlertDialog alert = AlertDialog(
+    title: Text("Employee Self Service"),
+    content: Text("Server Response Error"),
+    actions: [
+      noButton,
+      okButton,
+    ],
+  );
+
+  // show the dialog
+  showDialog(
+    context: context,
+    builder: (BuildContext context) {
+      return alert;
+    },
+  );
+}

lib/Screens/Login/post_result_model.dart

@@ -0,0 +1,89 @@
+import 'dart:convert';
+import 'dart:core';
+import 'dart:io' show Platform;
+import 'package:device_imei/device_imei.dart';
+import 'package:device_info_plus/device_info_plus.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_udid/flutter_udid.dart';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+import 'package:device_imei/device_imei.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+late String platformDevice;
+platform(){
+  if (Platform.isAndroid){
+    platformDevice = "android";
+  } else if (Platform.isIOS){
+    platformDevice = "ios";
+  }
+  return platformDevice;
+}
+
+class LoginPostResult {
+  late String email;
+  late String password;
+  late String notif_token;
+  late String version;
+  late String device;
+  late String imei;
+
+  LoginPostResult({required this.email,
+    required this.password,
+    required this.notif_token,
+    required this.version,
+    required this.device,
+    required this.imei});
+
+  /*factory LoginPostResult.createPostResult(Map<String, dynamic> object) {
+    return LoginPostResult(
+        email: object['username'],
+        password: object['password'],
+        notif_token: object['notif_token'],
+        version: object['version'],
+        device: object['device'],
+        imei: object['imei']);
+  }*/
+
+  static Future<String> connectToAPI(String email, String password, String notif_token,
+      String version, String device, String imei) async {
+    String URL = baseURL + "/api/v1/login";
+    print(URL);
+
+
+
+    /*DeviceInfoPlugin deviceInfo = DeviceInfoPlugin();
+    AndroidDeviceInfo androidInfo = await deviceInfo.androidInfo;
+    developer.log(androidInfo.manufacturer, name: "MAP IMEI");
+    //imei = androidInfo.data;
+    developer.log(imei, name: "IMEI Number");
+
+    imei = await DeviceImei.getImei().toString();
+    developer.log(imei, name: "IMEI Number");*/
+
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "username": email,
+          "password": password,
+          "notif_token": notif_token,
+          "version": version,
+          "device": platform(),
+          "imei": imei
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Menu/About/about_screen.dart

@@ -1,10 +1,53 @@
 import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
 
-class AboutScreen extends StatelessWidget {
+import '../SlipGaji/background.dart';
+
+class AboutScreen extends StatefulWidget {
   const AboutScreen({Key? key}) : super(key: key);
 
+  @override
+  State<AboutScreen> createState() => _AboutScreenState();
+}
+
+class _AboutScreenState extends State<AboutScreen> {
   @override
   Widget build(BuildContext context) {
-    return Container();
+    return Scaffold(
+      body: SingleChildScrollView(
+          child: Column(
+            children: <Widget>[
+              Stack(
+                children: [
+                  WavyHeader(),
+                  Container(
+                      margin: EdgeInsets.only(top: 90),
+                      padding: EdgeInsets.fromLTRB(20, 5, 25, 5),
+                      child: Row(
+                        mainAxisAlignment: MainAxisAlignment.end,
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          Text(
+                            'About\t\t',
+                            maxLines: 1,
+                            style: GoogleFonts.luckiestGuy(
+                              fontSize: 28,
+                              color: Colors.red,
+                              fontStyle: FontStyle.italic,
+                            ),
+                          ),
+                          Image.asset(
+                            'assets/icons/menu/ic_info.png',
+                            width: 40,
+                            height: 40,
+                          ),
+                        ],
+                      )),
+                ],
+              ),
+            ],
+          )),
+    );
   }
 }
+

lib/Screens/Menu/Absensi/absensi_history_screen.dart

@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+
+class HistoryAbsensi extends StatelessWidget {
+  const HistoryAbsensi({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container();
+  }
+}

lib/Screens/Menu/Absensi/absensi_screen.dart

@@ -1,14 +1,367 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_map/plugin_api.dart';
+import 'package:geolocator/geolocator.dart';
+import 'package:google_maps_flutter/google_maps_flutter.dart';
+import 'package:hris_selfservice_mobile/Screens/Menu/Absensi/absensi_history_screen.dart';
+import 'package:latlong/latlong.dart' as latlong;
+import 'package:latlong2/latlong.dart';
 
-class AbsensiScreen extends StatelessWidget {
+
+class AbsensiScreen extends StatefulWidget {
   const AbsensiScreen({Key? key}) : super(key: key);
 
+  @override
+  State<AbsensiScreen> createState() => _AbsensiScreenState();
+}
+
+class _AbsensiScreenState extends State<AbsensiScreen> {
+  double long = 49.5;
+  double lat = -0.09;
+  latlong.LatLng point = latlong.LatLng(-6.186729296979901, 106.93023205185953);
+  var location = [];
+
   @override
   Widget build(BuildContext context) {
+    var size = MediaQuery.of(context).size;
+
     return Scaffold(
       body: SingleChildScrollView(
+        child: Column(
+          children: [
+            Container(
+              //Ganti yg ini untuk maps
+              height: size.height * 0.3,
+              child: FlutterMap(
+                options: MapOptions(
+                  center: point,
+                    zoom: 10.0,
+                ),
+                children: [
+                  TileLayer(
+                    minZoom: 1,
+                    maxZoom: 18,
+                    backgroundColor: Colors.black54,
+                    urlTemplate: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
+                    subdomains: ['a', 'b', 'c'],
+                  )
+                ],
+              )
+            ),
+            Container(
+              width: double.infinity,
+              margin: EdgeInsets.fromLTRB(10, 10, 10, 10),
+              decoration:
+                  BoxDecoration(border: Border.all(color: Colors.black)),
+              child: Column(
+                children: <Widget>[
+                  Container(
+                    child: Text("Attendance"),
+                    width: double.infinity,
+                    alignment: Alignment.center,
+                    decoration: BoxDecoration(
+                        gradient: LinearGradient(
+                            begin: Alignment.topRight,
+                            end: Alignment.bottomRight,
+                            colors: [
+                              Color(0xFFD21404),
+                              Color(0xFFFD7267),
+                            ]),
+                        border: Border.all(color: Colors.black)),
+                  ),
+                  Container(
+                    width: double.infinity,
+                    padding: EdgeInsets.all(15),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceAround,
+                      children: [
+                        Column(
+                          children: [
+                            Text('Check In'),
+                            Text('07.15'),
+                          ],
+                        ),
+                        Column(
+                          children: [
+                            Text('Check Out'),
+                            Text('16.45'),
+                          ],
+                        ),
+                      ],
+                    ),
+                  )
+                ],
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Visibility(
+                  visible: true,
+                  child: ElevatedButton(
+                    onPressed: () {
+                      ScaffoldMessenger.of(context).showSnackBar(
+                          const SnackBar(content: Text('Check Status Button')));
+                    },
+                    child: Text('Check In'),
+                    style: ButtonStyle(
+                        backgroundColor: MaterialStateProperty.all(Colors.red)),
+                  ),
+                ),
+                Visibility(
+                  visible: false,
+                  child: ElevatedButton(
+                    onPressed: () {
+                      ScaffoldMessenger.of(context).showSnackBar(
+                          const SnackBar(content: Text('Check Status Button')));
+                    },
+                    child: Text('Check Out'),
+                    style: ButtonStyle(
+                        backgroundColor: MaterialStateProperty.all(Colors.red)),
+                  ),
+                ),
+              ],
+            ),
+            InkWell(
+              child: Container(
+                alignment: Alignment.centerRight,
+                child:
+                    TextButton(onPressed: () {}, child: Text('View More...')),
+              ),
+              onTap: () {
+                Navigator.push(context,
+                    MaterialPageRoute(builder: (context) => HistoryAbsensi()));
+              },
+            ),
+            Container(
+                width: double.infinity,
+                margin: EdgeInsets.fromLTRB(10, 10, 10, 0),
+                padding: EdgeInsets.all(15),
+                decoration:
+                    BoxDecoration(border: Border.all(color: Colors.black)),
+                child: Column(
+                  children: [
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Text('Rabu, 23 November 2022', maxLines: 1),
+                        Column(
+                          children: [Text('Check In'), Text('07.00')],
+                        ),
+                        Column(
+                          children: [
+                            Text('Check Out'),
+                            Text('16.30'),
+                          ],
+                        ),
+                      ],
+                    ),
+                    Text('Location : Global Service Indonesia', maxLines: 1),
+                  ],
+                )),
+            Container(
+                width: double.infinity,
+                margin: EdgeInsets.fromLTRB(10, 10, 10, 0),
+                padding: EdgeInsets.all(15),
+                decoration:
+                    BoxDecoration(border: Border.all(color: Colors.black)),
+                child: Column(
+                  children: [
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Text('Rabu, 23 November 2022', maxLines: 1),
+                        Column(
+                          children: [Text('Check In'), Text('07.00')],
+                        ),
+                        Column(
+                          children: [
+                            Text('Check Out'),
+                            Text('16.30'),
+                          ],
+                        ),
+                      ],
+                    ),
+                    Text('Location : Global Service Indonesia', maxLines: 1),
+                  ],
+                )),
+            Container(
+                width: double.infinity,
+                margin: EdgeInsets.fromLTRB(10, 10, 10, 0),
+                padding: EdgeInsets.all(15),
+                decoration:
+                    BoxDecoration(border: Border.all(color: Colors.black)),
+                child: Column(
+                  children: [
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Text('Rabu, 23 November 2022', maxLines: 1),
+                        Column(
+                          children: [Text('Check In'), Text('07.00')],
+                        ),
+                        Column(
+                          children: [
+                            Text('Check Out'),
+                            Text('16.30'),
+                          ],
+                        ),
+                      ],
+                    ),
+                    Text('Location : Global Service Indonesia', maxLines: 1),
+                  ],
+                )),
+            Container(
+                width: double.infinity,
+                margin: EdgeInsets.fromLTRB(10, 10, 10, 0),
+                padding: EdgeInsets.all(15),
+                decoration:
+                    BoxDecoration(border: Border.all(color: Colors.black)),
+                child: Column(
+                  children: [
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Text('Rabu, 23 November 2022', maxLines: 1),
+                        Column(
+                          children: [Text('Check In'), Text('07.00')],
+                        ),
+                        Column(
+                          children: [
+                            Text('Check Out'),
+                            Text('16.30'),
+                          ],
+                        ),
+                      ],
+                    ),
+                    Text('Location : Global Service Indonesia', maxLines: 1),
+                  ],
+                )),
+            Container(
+                width: double.infinity,
+                margin: EdgeInsets.fromLTRB(10, 10, 10, 0),
+                padding: EdgeInsets.all(15),
+                decoration:
+                    BoxDecoration(border: Border.all(color: Colors.black)),
+                child: Column(
+                  children: [
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Text('Rabu, 23 November 2022', maxLines: 1),
+                        Column(
+                          children: [Text('Check In'), Text('07.00')],
+                        ),
+                        Column(
+                          children: [
+                            Text('Check Out'),
+                            Text('16.30'),
+                          ],
+                        ),
+                      ],
+                    ),
+                    Text('Location : Global Service Indonesia', maxLines: 1),
+                  ],
+                )),
+            Container(
+                width: double.infinity,
+                margin: EdgeInsets.fromLTRB(10, 10, 10, 0),
+                padding: EdgeInsets.all(15),
+                decoration:
+                    BoxDecoration(border: Border.all(color: Colors.black)),
+                child: Column(
+                  children: [
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Text('Rabu, 23 November 2022', maxLines: 1),
+                        Column(
+                          children: [Text('Check In'), Text('07.00')],
+                        ),
+                        Column(
+                          children: [
+                            Text('Check Out'),
+                            Text('16.30'),
+                          ],
+                        ),
+                      ],
+                    ),
+                    Text('Location : Global Service Indonesia', maxLines: 1),
+                  ],
+                )),
 
+            /*SizedBox(
+              */ /*child: GoogleMap(
+                initialCameraPosition: initialCameraPosition,
+                markers: markers,
+                zoomControlsEnabled: false,
+                mapType: MapType.normal,
+                onMapCreated: (GoogleMapController controller) {
+                  googleMapController = controller;
+                },
+              ),
+            ),*/ /*
+            ),*/
+          ],
+        ),
       ),
+      /* floatingActionButton: FloatingActionButton.extended(
+        onPressed: () async {
+          Position position = await _determinePosition();
+          googleMapController
+              .animateCamera(CameraUpdate.newCameraPosition(CameraPosition(
+              target: LatLng(position.latitude, position.longitude),
+              zoom: 14)));
+          markers.clear();
+          markers.add(Marker(markerId: const MarkerId('currentLocation'),
+              position: LatLng(position.latitude, position.longitude)));
+          setState(() {});
+        },
+        label: Text("Current Location"),
+        icon: Icon(Icons.location_history),),*/
     );
   }
 }
+
+/*_getCurrentLocation() {
+  Geolocator
+      .getCurrentPosition(desiredAccuracy: LocationAccuracy.best, forceAndroidLocationManager: true)
+      .then((Position position) {
+    setState(() {
+      _currentPosition = position;
+      _getAddressFromLatLng();
+    });
+  }).catchError((e) {
+    print(e);
+  });
+}*/
+
+
+/*
+Future<Position> _determinePosition() async {
+  bool serviceEnabled;
+  LocationPermission permission;
+
+  serviceEnabled = await Geolocator.isLocationServiceEnabled();
+
+  if (!serviceEnabled) {
+    return Future.error('Location services are disabled');
+  }
+
+  permission = await Geolocator.checkPermission();
+
+  if (permission == LocationPermission.denied) {
+    permission = await Geolocator.requestPermission();
+
+    if (permission == LocationPermission.denied) {
+      return Future.error("Location permission denied");
+    }
+  }
+
+  if (permission == LocationPermission.deniedForever) {
+    return Future.error('Location permissions are permanently denied');
+  }
+
+  Position position = await Geolocator.getCurrentPosition();
+
+  return position;
+}*/

lib/Screens/Menu/AjukanCuti/RequestHttp/detailCuti_post.dart

@@ -0,0 +1,39 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+class DetailCuti_Post {
+  late String session;
+
+  DetailCuti_Post({required this.session});
+
+  static Future<String> connectToAPI() async {
+    String URL = baseURL + "/api/v1/detail_cuti";
+
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "session": session
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    developer.log(sendData.body, name: "Get Jenis Cuti Result");
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Menu/AjukanCuti/RequestHttp/historyCuti_post.dart

@@ -0,0 +1,39 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+class HistoryCuti_Post {
+  late String session;
+
+  HistoryCuti_Post({required this.session});
+
+  static Future<String> connectToAPI() async {
+    String URL = baseURL + "/api/v1/list_cuti";
+
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "session": session
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    //developer.log(sendData.body, name: "Get Jenis Cuti Result");
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Menu/AjukanCuti/RequestHttp/jenisCuti_post.dart

@@ -0,0 +1,39 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+class JenisCuti_Post {
+  late String session;
+
+  JenisCuti_Post({required this.session});
+
+  static Future<String> connectToAPI() async {
+    String URL = baseURL + "/api/v1/jenis_cuti";
+
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "session": session
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    developer.log(sendData.body, name: "Get Jenis Cuti Result");
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Menu/AjukanCuti/RequestHttp/pengajuanCuti_post.dart

@@ -0,0 +1,49 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+class PengajuanCuti_Post {
+  late String session;
+  late String tipe;
+  late String date_from;
+  late String date_to;
+  late String deskripsi;
+  late List<String> file;
+
+  PengajuanCuti_Post({required this.session});
+
+  static Future<String> connectToAPI(String tipe, String date_from, String date_to, String deskripsi, List<String> file) async {
+    String URL = baseURL + "/api/v1/pengajuan_cuti";
+
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "session": session,
+          "tipe" : tipe,
+          "date_from" : date_from,
+          "date_to" : date_to,
+          "deskripsi" : deskripsi,
+          "file" : file
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    developer.log(sendData.body, name: "Get Jenis Cuti Result");
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Menu/AjukanCuti/ajukancuti_screen.dart

@@ -1,10 +1,823 @@
+import 'dart:convert';
+import 'dart:io';
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:fluttertoast/fluttertoast.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:hris_selfservice_mobile/Screens/Menu/AjukanCuti/RequestHttp/jenisCuti_post.dart';
+import 'package:hris_selfservice_mobile/Screens/Menu/AjukanCuti/RequestHttp/pengajuanCuti_post.dart';
+import 'package:hris_selfservice_mobile/Screens/Menu/AjukanCuti/history_cuti.dart';
+import 'package:intl/intl.dart';
+import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';
 
-class AjukanCutiScreen extends StatelessWidget {
+import 'dart:developer' as logDev;
+import '../SlipGaji/background.dart';
+
+List<String> fileAttach = [""];
+TextEditingController deskripsiTeksController = TextEditingController();
+
+class AjukanCutiScreen extends StatefulWidget {
   const AjukanCutiScreen({Key? key}) : super(key: key);
 
+  @override
+  State<AjukanCutiScreen> createState() => _AjukanCutiScreenState();
+}
+
+class _AjukanCutiScreenState extends State<AjukanCutiScreen> {
+  var selectedType;
+
+  String _fileText = "";
+  String _totalFile= "";
+
+  bool visibleDateFrom = false;
+  bool visibleDateTo = false;
+
+  late List <String> idCutiType;
+  late List <String> cutiType;
+
+  DateTime dateFrom = DateTime.now();
+  DateTime dateTo = DateTime.now();
+
+  late String formattedDateFrom = "";
+  late String formattedDateTo = "";
+  late String idCuti;
+
+  initState(){
+    deskripsiTeksController.clear();
+    cutiType = [""];
+    idCutiType = [""];
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      cutiType = getJenisCuti();
+    });
+    super.initState();
+  }
+
+  getJenisCuti () {
+    ProgressDialog loading = ProgressDialog(context);
+    loading = ProgressDialog(context,
+        type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
+    loading.style(
+        message: 'Please Wait .....',
+        borderRadius: 3,
+        backgroundColor: Colors.white,
+        progressWidget: CircularProgressIndicator(),
+        elevation: 10.0,
+        padding: EdgeInsets.all(10),
+        insetAnimCurve: Curves.easeInOut,
+        progress: 0.0,
+        maxProgress: 100.0,
+        progressTextStyle: TextStyle(
+            color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+        messageTextStyle: TextStyle(
+            color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
+
+    loading.show();
+    JenisCuti_Post.connectToAPI().then((valueResult) async {
+      Map<String, dynamic> object = json.decode(valueResult);
+      if (object.containsKey("result").toString() == "true"){
+        String result = object['result'].toString();
+        logDev.log(result, name: "Jenis Cuti Result");
+        if (result.contains("Failed")) {
+          loading.hide();
+          setState(() {
+            cutiType = [""];
+            alertDialogFailedRetrievedData(context);
+          });
+        } else {
+          List <dynamic> jenis = object['result']['jenis'];
+          setState(() {
+            idCutiType.removeAt(0);
+            cutiType.removeAt(0);
+            for (int i = 0; i < jenis.length; i++){
+              String id = jenis[i]['id'].toString();
+              String text = jenis[i]['text'].toString();
+              idCutiType.add(id);
+              cutiType.add(text);
+            }
+          });
+          loading.hide();
+        }
+      } else {
+        setState((){
+          cutiType = [""];
+          alertDialogFailedResponse(context);
+          /*Fluttertoast.showToast(
+              msg: "Server Response Error",
+              toastLength: Toast.LENGTH_SHORT,
+              gravity: ToastGravity.CENTER,
+              timeInSecForIosWeb: 1,
+              textColor: Colors.white,
+              fontSize: 16.0);*/
+        });
+        loading.hide();
+      }
+    });
+    return cutiType;
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Container();
+    return Scaffold(
+      body: SingleChildScrollView(
+          child: Column(
+        children: <Widget>[
+          Stack(
+            children: [
+              WavyHeader(),
+              Container(
+                  margin: EdgeInsets.only(top: 90),
+                  padding: EdgeInsets.fromLTRB(20, 5, 25, 5),
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.end,
+                    crossAxisAlignment: CrossAxisAlignment.end,
+                    children: [
+                      Text(
+                        'Ajukan Cuti\t\t',
+                        maxLines: 1,
+                        style: GoogleFonts.luckiestGuy(
+                          fontSize: 28,
+                          color: Colors.red,
+                          fontStyle: FontStyle.italic,
+                        ),
+                      ),
+                      Image.asset(
+                        'assets/icons/menu/ic_cuti.png',
+                        width: 40,
+                        height: 40,
+                      ),
+                    ],
+                  )),
+              SafeArea(
+                child: Container(
+                  width: MediaQuery.of(context).size.width,
+                  margin: EdgeInsets.only(
+                    top: MediaQuery.of(context).size.height / 5,
+                    left: 10,
+                    right: 10,
+                  ),
+                  child: Column(
+                    children: [
+                      InkWell(
+                        child: Container(
+                            margin: EdgeInsets.only(top: 15, bottom: 15),
+                            padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
+                            width: double.infinity,
+                            decoration: BoxDecoration(
+                                borderRadius: BorderRadius.circular(5),
+                                gradient: LinearGradient(colors: [
+                                  Color(0xFF2D4059),
+                                  Color(0xFF2D4059),
+                                  /*Color(0xFFEAFFD0),
+                                  Color(0xFF95E1D3),*/
+                                ])),
+                            child: Row(
+                              mainAxisAlignment: MainAxisAlignment.center,
+                              children: [
+                                Text('Lihat Riwayat Cuti\t\t',
+                                    textAlign: TextAlign.center,
+                                    style: TextStyle(
+                                        color: Colors.white,
+                                        fontSize: 17,
+                                        fontWeight: FontWeight.w500)),
+                                Image.asset(
+                                  'assets/images/ic_history.png',
+                                  width: 30,
+                                  height: 30,
+                                )
+                              ],
+                            )),
+                        onTap: () {
+                          Navigator.push(context, MaterialPageRoute(
+                              builder: (context) => HistoryCuti()));
+                        },
+                      ),
+                      Container(
+                        child: Card(
+                          elevation: 10,
+                          child: Container(
+                            decoration: BoxDecoration(
+                                color: Color(0XFFFAF7EE),
+                                borderRadius: BorderRadius.circular(10)),
+                            child: Column(
+                              children: [
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 2,
+                                          child: Text(
+                                            'Tipe',
+                                            style: GoogleFonts.inconsolata(
+                                                fontSize: 17),
+                                          )),
+                                      Expanded(
+                                          flex: 8,
+                                          child: Container(
+                                            decoration: BoxDecoration(
+                                                color:
+                                                    CupertinoColors.systemGrey2,
+                                                borderRadius:
+                                                    BorderRadius.circular(5)),
+                                            child: DropdownButton(
+                                              value: this.selectedType,
+                                              isExpanded: true,
+                                              underline: SizedBox(),
+                                              hint: Text(
+                                                '\t\t\tPilih Tipe Cuti',
+                                                style: TextStyle(
+                                                    color: Colors.black54),
+                                              ),
+                                              onChanged: (value) {
+                                                logDev.log(value.toString(), name: "VALUENYA");
+                                                //print(value);
+                                                setState(() {
+                                                  selectedType = value!;
+                                                  for (int i = 0; i < cutiType.length; i++){
+                                                    if (selectedType == cutiType.elementAt(i)){
+                                                      idCuti = idCutiType.elementAt(i);
+                                                    }
+                                                  }
+                                                  logDev.log(idCuti, name: "ID CUTINYA APA");
+                                                });
+                                              },
+                                              items: cutiType
+                                                  .map((e) => DropdownMenuItem(
+                                                        value: e,
+                                                        child:
+                                                            Text("\t\t\t" + e)),
+                                                  ).toList(),
+                                            ),
+                                          )),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 2,
+                                          child: Column(
+                                            crossAxisAlignment:
+                                                CrossAxisAlignment.start,
+                                            children: [
+                                              Text(
+                                                'Mulai',
+                                                style: GoogleFonts.inconsolata(
+                                                    fontSize: 17),
+                                              ),
+                                              Text(
+                                                '',
+                                                style: GoogleFonts.inconsolata(
+                                                    fontSize: 17),
+                                              )
+                                            ],
+                                          )),
+                                      Expanded(
+                                        flex: 8,
+                                        child: Column(
+                                          children: [
+                                            ElevatedButton(
+                                              onPressed: () async {
+                                                DateTime? newDate =
+                                                    await showDatePicker(
+                                                        context: context,
+                                                        initialDate: dateFrom,
+                                                        firstDate:
+                                                            DateTime(1900),
+                                                        lastDate:
+                                                            DateTime(2100));
+                                                final DateFormat formatter = DateFormat('yyyy-MM-dd');
+                                                if (newDate == null) {
+                                                  return;
+                                                } else {
+                                                  setState(() {
+                                                    if (visibleDateFrom == false){
+                                                      visibleDateFrom = !visibleDateFrom;
+                                                    }
+                                                    formattedDateFrom = formatter.format(newDate);
+                                                    //dateFrom = formattedFrom as DateTime;
+                                                  });
+                                                }
+                                              },
+                                              /*style: ElevatedButton.styleFrom(
+                                                  backgroundColor:
+                                                      CupertinoColors
+                                                          .systemGrey2),*/
+                                              child: Container(
+                                                width: double.infinity,
+                                                child: Text(
+                                                  "Pilih Tanggal",
+                                                  style: TextStyle(
+                                                      color: Colors.white,
+                                                      fontSize: 16,
+                                                      fontWeight:
+                                                          FontWeight.w400),
+                                                ),
+                                              ),
+                                            ),
+                                            Visibility(
+                                              visible: visibleDateFrom,
+                                              child: Container(
+                                                alignment: Alignment.centerLeft,
+                                                margin: EdgeInsets.only(
+                                                    left: 15,
+                                                    right: 15,
+                                                    bottom: 5),
+                                                child: Text(formattedDateFrom,
+                                                  overflow:
+                                                      TextOverflow.ellipsis,
+                                                  maxLines: 1,
+                                                  style: TextStyle(
+                                                      color: Colors.black54),
+                                                ),
+                                              ),
+                                            )
+                                          ],
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 2,
+                                          child: Column(
+                                            crossAxisAlignment:
+                                                CrossAxisAlignment.start,
+                                            children: [
+                                              Text(
+                                                'Sampai',
+                                                style: GoogleFonts.inconsolata(
+                                                    fontSize: 17),
+                                              ),
+                                              Text(
+                                                '',
+                                                style: GoogleFonts.inconsolata(
+                                                    fontSize: 17),
+                                              )
+                                            ],
+                                          )),
+                                      Expanded(
+                                        flex: 8,
+                                        child: Column(
+                                          children: [
+                                            ElevatedButton(
+                                              onPressed: () async {
+                                                DateTime? newDate =
+                                                    await showDatePicker(
+                                                        context: context,
+                                                        initialDate: dateTo,
+                                                        firstDate:
+                                                            DateTime(1900),
+                                                        lastDate:
+                                                            DateTime(2100));
+                                                final DateFormat formatter = DateFormat('yyyy-MM-dd');
+                                                if (newDate == null) {
+                                                  return;
+                                                } else {
+                                                  setState(() {
+                                                    if (visibleDateTo == false){
+                                                      visibleDateTo = !visibleDateTo;
+                                                    }
+                                                    formattedDateTo = formatter.format(newDate);
+                                                  });
+                                                }
+                                              },
+                                              /*style: ElevatedButton.styleFrom(
+                                                  backgroundColor:
+                                                      CupertinoColors
+                                                          .systemGrey2),*/
+                                              child: Container(
+                                                width: double.infinity,
+                                                child: Text(
+                                                  "Pilih Tanggal",
+                                                  style: TextStyle(
+                                                      color: Colors.white,
+                                                      fontSize: 16,
+                                                      fontWeight:
+                                                          FontWeight.w400),
+                                                ),
+                                              ),
+                                            ),
+                                            Visibility(
+                                              visible: visibleDateTo,
+                                              child: Container(
+                                                alignment: Alignment.centerLeft,
+                                                margin: EdgeInsets.only(
+                                                    left: 15,
+                                                    right: 15,
+                                                    bottom: 5),
+                                                child: Text(formattedDateTo,
+                                                  overflow:
+                                                      TextOverflow.ellipsis,
+                                                  maxLines: 1,
+                                                  style: TextStyle(
+                                                      color: Colors.black54),
+                                                ),
+                                              ),
+                                            )
+                                          ],
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 3,
+                                          child: Text(
+                                            'Deskripsi',
+                                            style: GoogleFonts.inconsolata(
+                                                fontSize: 17),
+                                          )),
+                                      Expanded(
+                                          flex: 7,
+                                          child: Container(
+                                              decoration: BoxDecoration(
+                                                  color: Colors.white,
+                                                  borderRadius:
+                                                      BorderRadius.circular(5)),
+                                              child: Padding(
+                                                padding: EdgeInsets.only(
+                                                    left: 10,
+                                                    right: 10,
+                                                    top: 5,
+                                                    bottom: 5),
+                                                child: TextFormField(
+                                                    keyboardType:
+                                                        TextInputType.multiline,
+                                                    maxLines: null,
+                                                    textInputAction:
+                                                        TextInputAction.done,
+                                                    controller: deskripsiTeksController,
+                                                    decoration: InputDecoration(
+                                                        border:
+                                                            InputBorder.none,
+                                                        hintText: "Deskripsi")),
+                                              ))),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Column(
+                                    children: [
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                            flex: 3,
+                                            child: Text(
+                                              'Lampiran',
+                                              style: GoogleFonts.inconsolata(
+                                                  fontSize: 17),
+                                            ),
+                                          ),
+                                          Expanded(
+                                            flex: 7,
+                                            child: Container(
+                                              child: ElevatedButton(
+                                                onPressed: () {
+                                                  _pickMultipleFiles();
+                                                },
+                                                /*style: ElevatedButton.styleFrom(
+                                                    backgroundColor:
+                                                        CupertinoColors
+                                                            .systemGrey2),*/
+                                                child: Container(
+                                                  width: double.infinity,
+                                                  child: Text("Pilih File",
+                                                      style: TextStyle(
+                                                          color: Colors.white,
+                                                          fontSize: 16,
+                                                          fontWeight:
+                                                              FontWeight.w400)),
+                                                ),
+                                              ),
+                                            ),
+                                          )
+                                        ],
+                                      ),
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                            flex: 3,
+                                            child: Text(
+                                              '',
+                                              style: GoogleFonts.inconsolata(
+                                                  fontSize: 17),
+                                            ),
+                                          ),
+                                          Expanded(
+                                            flex: 7,
+                                            child:  Container(
+                                                  alignment:
+                                                      Alignment.centerLeft,
+                                                  margin: EdgeInsets.only(
+                                                      left: 15,
+                                                      right: 15,
+                                                      bottom: 10),
+                                                  child: Text(_totalFile + _fileText,
+                                                    overflow:
+                                                        TextOverflow.ellipsis,
+                                                    /*maxLines: 7,*/
+                                                    style: TextStyle(
+                                                        color: Colors.black54),
+                                                  ),
+                                                ),
+                                          )
+                                        ],
+                                      ),
+                                      InkWell(
+                                        child: Container(
+                                          padding: EdgeInsets.fromLTRB(
+                                              10, 10, 10, 10),
+                                          width: double.infinity,
+                                          decoration: BoxDecoration(
+                                              borderRadius:
+                                                  BorderRadius.circular(5),
+                                              gradient: LinearGradient(colors: [
+                                                Color(0xFFFF9945),
+                                                Color(0xFFFc6076)
+                                              ])),
+                                          child: Text('Ajukan',
+                                              textAlign: TextAlign.center,
+                                              style: TextStyle(
+                                                  color: Colors.white,
+                                                  fontSize: 17,
+                                                  fontWeight: FontWeight.w500)),
+                                        ),
+                                        onTap: () {
+                                          ProgressDialog loading = ProgressDialog(context);
+                                          loading = ProgressDialog(context,
+                                              type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
+                                          loading.style(
+                                              message: 'Please Wait .....',
+                                              borderRadius: 3,
+                                              backgroundColor: Colors.white,
+                                              progressWidget: CircularProgressIndicator(),
+                                              elevation: 10.0,
+                                              padding: EdgeInsets.all(10),
+                                              insetAnimCurve: Curves.easeInOut,
+                                              progress: 0.0,
+                                              maxProgress: 100.0,
+                                              progressTextStyle: TextStyle(
+                                                  color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+                                              messageTextStyle: TextStyle(
+                                                  color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
+
+                                          //loading.show();
+
+                                          if (!validateFormCuti(context)){
+                                            return;
+                                          } else if (validateFormCuti(context)){
+                                            loading.show();
+                                            PengajuanCuti_Post.connectToAPI(idCuti, formattedDateFrom,
+                                                formattedDateTo, deskripsiTeksController.text.toString(), fileAttach)
+                                                .then((valueResult) async {
+                                              Map<String, dynamic> object = json.decode(valueResult);
+                                              logDev.log(fileAttach.toString(), name: "Attachment File Upload");
+                                              if (object.containsKey("result").toString() == "true") {
+                                                /*String employee = object['result']['employee'].toString();
+                                              String tipe = object['result']['tipe'].toString();
+                                              String from = object['result']['from'].toString();
+                                              String to = object['result']['to'].toString();
+                                              String deskripsi = object['result']['deskripsi'].toString();
+                                              String attachment = object['result']['attachment'].toString();*/
+                                                loading.hide();
+                                                deskripsiTeksController.clear();
+                                                Widget okButton = TextButton(
+                                                  child: Text("OK"),
+                                                  onPressed: () {
+                                                    Navigator.of(context, rootNavigator: true).pop();
+                                                    Navigator.pushReplacement(context, MaterialPageRoute(
+                                                        builder: (context) => AjukanCutiScreen()));
+                                                  },
+                                                );
+
+                                                // set up the AlertDialog
+                                                AlertDialog alert = AlertDialog(
+                                                  title: Text("Employee Self Service"),
+                                                  content: Text("Berhasil Mengajukan Cuti"),
+                                                  actions: [
+                                                    okButton,
+                                                  ],
+                                                );
+
+                                                // show the dialog
+                                                showDialog(
+                                                  context: context,
+                                                  builder: (BuildContext context) {
+                                                    return alert;
+                                                  },
+                                                );
+                                                /* deskripsiTeksController.clear();
+                                                formattedDateFrom = "";
+                                                formattedDateTo = "";
+                                                visibleDateFrom = false;
+                                                visibleDateFrom = false;*/
+                                              } else if (object.containsKey("error").toString() == "true") {
+                                                String errorMessage = object['error']['data']['message']
+                                                    .toString();
+                                                loading.hide();
+                                                Widget okButton = TextButton(
+                                                  child: Text("OK"),
+                                                  onPressed: () {
+                                                    Navigator.of(context, rootNavigator: true).pop();
+                                                  },
+                                                );
+
+                                                // set up the AlertDialog
+                                                AlertDialog alert = AlertDialog(
+                                                  title: Text("Employee Self Service"),
+                                                  content: Text(errorMessage),
+                                                  actions: [
+                                                    okButton,
+                                                  ],
+                                                );
+
+                                                // show the dialog
+                                                showDialog(
+                                                  context: context,
+                                                  builder: (BuildContext context) {
+                                                    return alert;
+                                                  },
+                                                );
+                                              }
+                                            });
+                                          }
+                                        },
+                                      )
+                                    ],
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ],
+      )),
+    );
+  }
+
+  void _pickMultipleFiles() async {
+    FilePickerResult? result = await FilePicker.platform.pickFiles(allowMultiple: true);
+
+    if (_fileText != ""){
+      _fileText = "";
+    }
+
+    if (result != null) {
+      List<File> files = result.paths.map((path) => File(path!)).toList();
+      for (int i = 0; i< files.length; i++){
+        String fileName = files[i].path.split('/').last;
+        _fileText = _fileText + "\n" + fileName;
+
+        List<int> fileInBytes = files[i].readAsBytesSync();
+        String toBase64 = base64Encode(fileInBytes);
+        fileAttach.add(toBase64);
+      }
+      fileAttach.removeAt(0);
+      /*logDev.log(fileAttach.toString(), name: "File Attach Base64");*/
+      logDev.log(fileAttach.length.toString(), name: "Length File Attach");
+      logDev.log(files.toString(), name: "Files Picked");
+
+      setState(() {
+        _fileText;
+        _totalFile = "Total File : " + files.length.toString();
+      });
+    } else {
+      // User canceled the picker
+    }
+  }
+
+  bool validateFormCuti(BuildContext context) {
+    bool result = true;
+    if (selectedType == null) {
+      Fluttertoast.showToast(
+          msg: "Tipe Cuti Belum Dipilih",
+          toastLength: Toast.LENGTH_SHORT,
+          gravity: ToastGravity.CENTER,
+          timeInSecForIosWeb: 1,
+          textColor: Colors.white,
+          fontSize: 16.0);
+      result = false;
+    } else if  (formattedDateFrom == "" || formattedDateTo == "") {
+      Fluttertoast.showToast(
+          msg: "Tanggal Cuti Belum Dipilih",
+          toastLength: Toast.LENGTH_SHORT,
+          gravity: ToastGravity.CENTER,
+          timeInSecForIosWeb: 1,
+          textColor: Colors.white,
+          fontSize: 16.0);
+      result = false;
+    } else if (deskripsiTeksController.text.toString().isEmpty) {
+      Fluttertoast.showToast(
+          msg: "Deskripsi Harus Diisi",
+          toastLength: Toast.LENGTH_SHORT,
+          gravity: ToastGravity.CENTER,
+          timeInSecForIosWeb: 1,
+          textColor: Colors.white,
+          fontSize: 16.0);
+      result = false;
+    }
+
+    return result;
   }
 }
+
+alertDialogFailedRetrievedData(BuildContext context){
+  Widget okButton = TextButton(
+    child: Text("Refresh"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pushReplacement(context, MaterialPageRoute(
+          builder: (context) => AjukanCutiScreen()));
+    },
+  );
+
+  Widget noButton = TextButton(
+    child: Text("Back"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pop(context);
+
+    },
+  );
+
+  // set up the AlertDialog
+  AlertDialog alert = AlertDialog(
+    title: Text("Employee Self Service"),
+    content: Text("Failed to Retrieve Data"),
+    actions: [
+      noButton,
+      okButton,
+    ],
+  );
+
+  // show the dialog
+  showDialog(
+    context: context,
+    builder: (BuildContext context) {
+      return alert;
+    },
+  );
+}
+
+alertDialogFailedResponse(BuildContext context){
+  Widget okButton = TextButton(
+    child: Text("Refresh"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pushReplacement(context, MaterialPageRoute(
+          builder: (context) => AjukanCutiScreen()));
+    },
+  );
+
+  Widget noButton = TextButton(
+    child: Text("Back"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pop(context);
+
+    },
+  );
+
+  // set up the AlertDialog
+  AlertDialog alert = AlertDialog(
+    title: Text("Employee Self Service"),
+    content: Text("Server Response Error"),
+    actions: [
+      noButton,
+      okButton,
+    ],
+  );
+
+  // show the dialog
+  showDialog(
+    context: context,
+    builder: (BuildContext context) {
+      return alert;
+    },
+  );
+}

lib/Screens/Menu/AjukanCuti/backgroundHistory.dart

@@ -0,0 +1,87 @@
+import 'package:flutter/material.dart';
+
+class Background extends StatelessWidget {
+  const Background({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      backgroundColor: Colors.white,
+      body: Column(
+        children: <Widget>[
+          new Stack(
+            children: <Widget>[
+              WavyHeader()
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+const List<Color> orangeGradients = [
+  Color(0xFFD21404),
+  Color(0xFFFD7267)
+];
+
+const List<Color> aquaGradients = [
+  Color(0xFF8EF7DA),
+  Color(0xFF5AEAF1),
+  Colors.blueAccent,
+];
+
+class WavyHeader extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return ClipPath(
+      clipper: TopWaveClipper(),
+      child: Container(
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+              colors: orangeGradients,
+              begin: Alignment.topLeft,
+              end: Alignment.center),
+        ),
+        height: MediaQuery.of(context).size.height / 2.5,
+      ),
+    );
+  }
+}
+
+class TopWaveClipper extends CustomClipper<Path> {
+  @override
+  Path getClip(Size size) {
+    // This is where we decide what part of our image is going to be visible.
+    var path = Path();
+    path.lineTo(0.0, 0.0);
+
+    var firstControlPoint = new Offset(0, size.height - 30);
+    var firstEndPoint = new Offset(0, size.height / 2);
+
+    path.quadraticBezierTo(firstControlPoint.dx, firstControlPoint.dy,
+        firstEndPoint.dx, firstEndPoint.dy);
+
+    var secondControlPoint = Offset(size.width / 5, size.height / 4);
+    var secondEndPoint = Offset(size.width / 1.5, size.height / 5);
+    path.quadraticBezierTo(secondControlPoint.dx, secondControlPoint.dy,
+        secondEndPoint.dx, secondEndPoint.dy);
+
+    var thirdControlPoint =
+    Offset(size.width - (size.width / 9), size.height / 6);
+    var thirdEndPoint = Offset(size.width, 0.0);
+    path.quadraticBezierTo(thirdControlPoint.dx, thirdControlPoint.dy,
+        thirdEndPoint.dx, thirdEndPoint.dy);
+
+    ///move from bottom right to top
+    path.lineTo(size.width, 0.0);
+
+    ///finally close the path by reaching start point from top right corner
+    path.close();
+    return path;
+  }
+
+  @override
+  bool shouldReclip(CustomClipper<Path> oldClipper) => false;
+}

lib/Screens/Menu/AjukanCuti/history_cuti.dart

@@ -0,0 +1,309 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:fluttertoast/fluttertoast.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:hris_selfservice_mobile/Screens/Menu/AjukanCuti/RequestHttp/historyCuti_post.dart';
+import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';
+import 'dart:developer' as logDev;
+
+import '../AjukanCuti/backgroundHistory.dart';
+
+class HistoryCuti extends StatefulWidget {
+  const HistoryCuti({Key? key}) : super(key: key);
+
+  @override
+  State<HistoryCuti> createState() => _HistoryCutiState();
+}
+
+class _HistoryCutiState extends State<HistoryCuti> {
+  late List <String> id_List;
+  late List <String> name_List;
+  late List <String> type_cuti_List;
+  late List <String> detail_List;
+  late List <String> created_on_List;
+  late List <String> created_by_List;
+  late List <String> start_date_List;
+  late List <String> end_date_List;
+  late List <String> duration_List;
+  late List <String> status_List;
+  late List <Color> statusColor;
+  late List <bool> visible;
+
+  int HistoryLength = 0;
+
+  @override
+  initState() {
+    super.initState();
+    id_List = [""];
+    name_List = [""];
+    type_cuti_List = [""];
+    detail_List = [""];
+    created_on_List = [""];
+    created_by_List = [""];
+    start_date_List = [""];
+    end_date_List = [""];
+    duration_List = [""];
+    status_List = [""];
+    statusColor = [Colors.black54];
+    visible = [false];
+
+    WidgetsBinding.instance.addPostFrameCallback((_) async {
+      getHistoryData();
+    });
+    logDev.log(HistoryLength.toString(), name: "Banyak History");
+  }
+
+  getHistoryData() async {
+    ProgressDialog loading = ProgressDialog(context);
+    loading = ProgressDialog(context,
+        type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
+    loading.style(
+        message: 'Please Wait .....',
+        borderRadius: 3,
+        backgroundColor: Colors.white,
+        progressWidget: CircularProgressIndicator(),
+        elevation: 10.0,
+        padding: EdgeInsets.all(10),
+        insetAnimCurve: Curves.easeInOut,
+        progress: 0.0,
+        maxProgress: 100.0,
+        progressTextStyle: TextStyle(
+            color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+        messageTextStyle: TextStyle(
+            color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
+
+    loading.show();
+    HistoryCuti_Post.connectToAPI().then((valueResult) async {
+      Map<String, dynamic> object = jsonDecode(valueResult);
+      if (object.containsKey("result").toString() == "true") {
+        String result = object['result'].toString();
+        if (result.contains("Failed")) {
+          loading.hide();
+          alertDialogFailedRetrievedData(context);
+        } else {
+          List <dynamic> historyCuti = object['result'];
+         /* logDev.log(historyCuti.toString(), name: "History Cuti");
+          logDev.log(historyCuti.length.toString(), name: "Banyaknya History Cuti");*/
+          setState(() {
+            for (int i = 0; i < historyCuti.length; i++){
+              String id = historyCuti[i]['id'].toString();
+              String name = historyCuti[i]['name'].toString();
+              String type_cuti = historyCuti[i]['type_cuti'].toString();
+              String detail = historyCuti[i]['detail'].toString();
+              String created_on = historyCuti[i]['created_on'].toString();
+              String created_by = historyCuti[i]['created_by'].toString();
+              String start_date = historyCuti[i]['start_date'].toString();
+              String end_date = historyCuti[i]['end_date'].toString();
+              String duration = historyCuti[i]['duration'].toString();
+              String status = historyCuti[i]['status'].toString();
+
+              if (detail == "false"){
+                detail = "-";
+              }
+
+              id_List.add(id);
+              name_List.add(name);
+              type_cuti_List.add(type_cuti);
+              detail_List.add(detail);
+              created_on_List.add(created_on);
+              created_by_List.add(created_by);
+              start_date_List.add(start_date.substring(0,10));
+              end_date_List.add(end_date.substring(0,10));
+              duration_List.add(duration);
+              status_List.add(status);
+              visible.add(false);
+
+              var statColor;
+              if (status == "To Approve"){
+                statColor = Colors.red;
+              } else if (status == "Second Approval"){
+                statColor = Colors.green;
+              } else if (status == "Approved"){
+                statColor = Colors.blueAccent;
+              }
+              statusColor.add(statColor);
+            }
+
+            id_List.removeAt(0);
+            name_List.removeAt(0);
+            type_cuti_List.removeAt(0);
+            detail_List.removeAt(0);
+            created_on_List.removeAt(0);
+            created_by_List.removeAt(0);
+            start_date_List.removeAt(0);
+            end_date_List.removeAt(0);
+            duration_List.removeAt(0);
+            status_List.removeAt(0);
+            statusColor.removeAt(0);
+            visible.removeAt(0);
+
+            HistoryLength = historyCuti.length;
+          });
+          loading.hide();
+        }
+      } else {
+        Fluttertoast.showToast(
+            msg: "Server Response Error",
+            toastLength: Toast.LENGTH_SHORT,
+            gravity: ToastGravity.CENTER,
+            timeInSecForIosWeb: 1,
+            textColor: Colors.white,
+            fontSize: 16.0);
+      }
+    });
+    loading.hide();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    var size = MediaQuery.of(context).size;
+    return Scaffold(
+      body: Stack(
+          children: [
+            Column(
+              children: <Widget>[
+                Stack(
+                  children: [
+                    WavyHeader(),
+                    Container(
+                        margin: EdgeInsets.only(
+                            top: (size.height / 6) - 20),
+                        padding: EdgeInsets.fromLTRB(0, 5, 25, 5),
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.end,
+                          crossAxisAlignment: CrossAxisAlignment.end,
+                          children: [
+                            Text(
+                              'Riwayat Cuti\t\t',
+                              maxLines: 1,
+                              style: GoogleFonts.luckiestGuy(
+                                fontSize: 28,
+                                color: Colors.red,
+                                fontStyle: FontStyle.italic,
+                              ),
+                            ),
+                            Image.asset(
+                              'assets/images/ic_history.png',
+                              width: 40,
+                              height: 40,
+                            ),
+                          ],
+                        )
+                    ),
+                  ],
+                ),
+              ],
+            ),
+            Container(
+              margin: EdgeInsets.only(top: (MediaQuery.of(context).size.height / 6) + 40, left: 5, right: 5, bottom: 10),
+              child: ListView.builder(
+                scrollDirection: Axis.vertical,
+                shrinkWrap: true,
+                itemCount: HistoryLength,
+                itemBuilder: (context, int i) {
+                  return Container(
+                    child: InkWell(
+                      child: Card(
+                        elevation: 10,
+                        child: Column(
+                          children: [
+                            Row(
+                              children: [
+                                Expanded(
+                                    flex: 8,
+                                    child: Padding(
+                                      padding: EdgeInsets.fromLTRB(10, 5, 5, 5),
+                                      child: Column(
+                                        mainAxisAlignment: MainAxisAlignment.center,
+                                        crossAxisAlignment: CrossAxisAlignment.start,
+                                        children: [
+                                          Text(type_cuti_List[i], style: GoogleFonts.rubikBubbles(fontSize: 16)),
+                                          Text(start_date_List[i] + " - " + end_date_List[i] + " (" + duration_List[i] + ") ", style: GoogleFonts.nunito(fontSize: 15)),
+                                          Text("\nKeterangan : " + detail_List[i], style: GoogleFonts.nunito(fontSize: 15)),
+                                          Text("\nCreated : " + created_on_List[i], style: GoogleFonts.yeonSung(fontSize: 14, fontStyle: FontStyle.italic)),
+                                        ],
+                                      ),
+                                    )
+                                ),
+                                Expanded(
+                                    flex: 2,
+                                    child: Padding(
+                                      padding: EdgeInsets.fromLTRB(5, 5, 5, 5),
+                                      child: Text(status_List[i], style: GoogleFonts.lilitaOne(color: statusColor[i], fontSize: 17),
+                                      ),
+                                    )
+                                ),
+                              ],
+                            ),
+                            Align(
+                              alignment: Alignment.centerLeft,
+                              child: Visibility(
+                                  visible: visible[i],
+                                  child: Padding(
+                                    padding: EdgeInsets.fromLTRB(10, 5, 5, 5),
+                                    child: Column(
+                                      mainAxisAlignment: MainAxisAlignment.start,
+                                      crossAxisAlignment: CrossAxisAlignment.start,
+                                      children: [
+                                        Text("\nAttachment : ", style: GoogleFonts.josefinSans(fontSize: 15, fontWeight: FontWeight.bold)),
+                                        Text("Created : " + created_on_List[i], style: GoogleFonts.nunito(fontSize: 15, fontStyle: FontStyle.italic)),
+                                      ],
+                                    ),
+                                  )
+                              ),
+                            )
+                          ],
+                        ),
+                      ),
+                      onTap: (){
+                        setState(() {
+                          visible[i] = !visible[i];
+                        });
+                      },
+                    ),
+                  );
+                },
+              ),
+            )
+          ]),
+    );
+  }
+}
+
+alertDialogFailedRetrievedData(BuildContext context) {
+  Widget okButton = TextButton(
+    child: Text("Refresh"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pushReplacement(
+          context, MaterialPageRoute(builder: (context) => HistoryCuti()));
+    },
+  );
+
+  Widget noButton = TextButton(
+    child: Text("Back"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pop(context);
+    },
+  );
+
+  // set up the AlertDialog
+  AlertDialog alert = AlertDialog(
+    title: Text("Employee Self Service"),
+    content: Text("Failed to Retrieve Data"),
+    actions: [
+      noButton,
+      okButton,
+    ],
+  );
+
+  // show the dialog
+  showDialog(
+    context: context,
+    builder: (BuildContext context) {
+      return alert;
+    },
+  );
+}

lib/Screens/Menu/AjukanCuti/model.dart

@@ -0,0 +1,9 @@
+class cuti_model{
+  late final String jenisCuti;
+  late final String dateFrom;
+  late final String dateTo;
+  late final String deskripsi;
+
+  cuti_model(this.jenisCuti, this.dateFrom, this.dateTo, this.deskripsi);
+
+}

lib/Screens/Menu/Reimburse/reimburse_screen.dart

@@ -0,0 +1,464 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+import '../SlipGaji/background.dart';
+
+class ReimburseScreen extends StatefulWidget {
+  const ReimburseScreen({Key? key}) : super(key: key);
+
+  @override
+  State<ReimburseScreen> createState() => _ReimburseScreen_State();
+}
+
+class _ReimburseScreen_State extends State<ReimburseScreen> {
+  var selectedCategory;
+  var selectedDate;
+
+  int _value = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SingleChildScrollView(
+          child: Column(
+        children: <Widget>[
+          Stack(
+            children: [
+              WavyHeader(),
+              Container(
+                  margin: EdgeInsets.only(top: 90),
+                  padding: EdgeInsets.fromLTRB(20, 5, 25, 5),
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.end,
+                    crossAxisAlignment: CrossAxisAlignment.end,
+                    children: [
+                      Text(
+                        'Reimburse\t\t',
+                        maxLines: 1,
+                        style: GoogleFonts.luckiestGuy(
+                          fontSize: 28,
+                          color: Colors.red,
+                          fontStyle: FontStyle.italic,
+                        ),
+                      ),
+                      Image.asset(
+                        'assets/icons/menu/ic_refund.png',
+                        width: 40,
+                        height: 40,
+                      ),
+                    ],
+                  )),
+              SafeArea(
+                child: Container(
+                  width: MediaQuery.of(context).size.width,
+                  margin: EdgeInsets.only(
+                    top: MediaQuery.of(context).size.height / 5,
+                    left: 10,
+                    right: 10,
+                  ),
+                  child: Column(
+                    children: [
+                      InkWell(
+                        child: Container(
+                            margin: EdgeInsets.only(top: 15, bottom: 15),
+                            padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
+                            width: double.infinity,
+                            decoration: BoxDecoration(
+                                borderRadius: BorderRadius.circular(5),
+                                gradient: LinearGradient(colors: [
+                                  Color(0xFF2D4059),
+                                  Color(0xFF2D4059),
+                                  /*Color(0xFFEAFFD0),
+                                  Color(0xFF95E1D3),*/
+                                ])),
+                            child: Row(
+                              mainAxisAlignment: MainAxisAlignment.center,
+                              children: [
+                                Text('Lihat Riwayat Reimburse\t\t',
+                                    textAlign: TextAlign.center,
+                                    style: TextStyle(
+                                        color: Colors.white,
+                                        fontSize: 17,
+                                        fontWeight: FontWeight.w500)),
+                                Image.asset(
+                                  'assets/images/ic_history.png',
+                                  width: 30,
+                                  height: 30,
+                                )
+                              ],
+                            )),
+                        onTap: () {},
+                      ),
+                      Container(
+                        child: Card(
+                          elevation: 10,
+                          child: Container(
+                            decoration: BoxDecoration(
+                                color: Color(0XFFFAF7EE),
+                                borderRadius: BorderRadius.circular(10)),
+                            child: Column(
+                              children: [
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 3,
+                                          child: Text(
+                                            'Kategori\t:\t',
+                                            style: GoogleFonts.inconsolata(
+                                                fontSize: 17),
+                                          )),
+                                      Expanded(
+                                          flex: 7,
+                                          child: Container(
+                                            decoration: BoxDecoration(
+                                                color:
+                                                    CupertinoColors.systemGrey2,
+                                                borderRadius:
+                                                    BorderRadius.circular(5)),
+                                            child: DropdownButton(
+                                              value: this.selectedCategory,
+                                              isExpanded: true,
+                                              underline: SizedBox(),
+                                              hint: Text(
+                                                '\t\t\tPilih Kategori',
+                                                style: TextStyle(
+                                                    color: Colors.black54),
+                                              ),
+                                              onChanged: (value) {
+                                                print(value);
+                                                setState(() {
+                                                  selectedCategory = value!;
+                                                });
+                                              },
+                                              items: reimburseCategory
+                                                  .map(
+                                                    (e) => DropdownMenuItem(
+                                                        value: e,
+                                                        child:
+                                                            Text("\t\t\t" + e)),
+                                                  )
+                                                  .toList(),
+                                            ),
+                                          )),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Column(
+                                    children: [
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                              flex: 3,
+                                              child: Text(
+                                                'Tanggal\t:\t',
+                                                style: GoogleFonts.inconsolata(
+                                                    fontSize: 17),
+                                              )),
+                                          Expanded(
+                                              flex: 7,
+                                              child: Container(
+                                                decoration: BoxDecoration(
+                                                    color: CupertinoColors
+                                                        .systemGrey2,
+                                                    borderRadius:
+                                                        BorderRadius.circular(
+                                                            5)),
+                                                child: Column(
+                                                  children: [
+                                                    DropdownButton(
+                                                      value: this.selectedDate,
+                                                      isExpanded: true,
+                                                      underline: SizedBox(),
+                                                      hint: Text(
+                                                        '\t\t\tPilih Tanggal',
+                                                        style: TextStyle(
+                                                            color:
+                                                                Colors.black54),
+                                                      ),
+                                                      onChanged: (value) {
+                                                        print(value);
+                                                        setState(() {
+                                                          selectedDate = value!;
+                                                        });
+                                                      },
+                                                      items: reimburseCategory
+                                                          .map(
+                                                            (e) =>
+                                                                DropdownMenuItem(
+                                                                    value: e,
+                                                                    child: Text(
+                                                                        "\t\t\t" +
+                                                                            e)),
+                                                          )
+                                                          .toList(),
+                                                    ),
+                                                  ],
+                                                ),
+                                              )),
+                                        ],
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 3,
+                                          child: Text(
+                                            'Total Harga\t:\t',
+                                            style: GoogleFonts.inconsolata(
+                                                fontSize: 17),
+                                          )),
+                                      Expanded(
+                                          flex: 7,
+                                          child: Container(
+                                              decoration: BoxDecoration(
+                                                  color: Colors.white,
+                                                  borderRadius:
+                                                      BorderRadius.circular(5)),
+                                              child: Padding(
+                                                padding: EdgeInsets.only(
+                                                    left: 10,
+                                                    right: 10,
+                                                    top: 5,
+                                                    bottom: 5),
+                                                child: TextFormField(
+                                                    keyboardType:
+                                                        TextInputType.number,
+                                                    maxLines: 1,
+                                                    textInputAction:
+                                                        TextInputAction.next,
+                                                    decoration: InputDecoration(
+                                                        border:
+                                                            InputBorder.none,
+                                                        hintText:
+                                                            "Masukkan tanpa tanda baca (.) atau (,)")),
+                                              ))),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 3,
+                                          child: Text(
+                                            'Deskripsi\t:\t',
+                                            style: GoogleFonts.inconsolata(
+                                                fontSize: 17),
+                                          )),
+                                      Expanded(
+                                          flex: 7,
+                                          child: Container(
+                                              decoration: BoxDecoration(
+                                                  color: Colors.white,
+                                                  borderRadius:
+                                                      BorderRadius.circular(5)),
+                                              child: Padding(
+                                                padding: EdgeInsets.only(
+                                                    left: 10,
+                                                    right: 10,
+                                                    top: 5,
+                                                    bottom: 5),
+                                                child: TextFormField(
+                                                    keyboardType:
+                                                        TextInputType.multiline,
+                                                    maxLines: null,
+                                                    textInputAction:
+                                                        TextInputAction.done,
+                                                    decoration: InputDecoration(
+                                                        border:
+                                                            InputBorder.none,
+                                                        hintText: "Deskripsi")),
+                                              ))),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Column(
+                                    children: [
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                              flex: 3,
+                                              child: Text(
+                                                'Pembayaran\t:',
+                                                style: GoogleFonts.inconsolata(
+                                                    fontSize: 17),
+                                              )),
+                                          Expanded(
+                                              flex: 7,
+                                              child: Container(
+                                                child: Column(
+                                                  children: [
+                                                    Row(
+                                                      children: [
+                                                        Radio(
+                                                          value: 1,
+                                                          groupValue: _value,
+                                                          onChanged: (value) {
+                                                            setState(() {
+                                                              _value = value!;
+                                                            });
+                                                          },
+                                                        ),
+                                                        Flexible(
+                                                            child: Text(
+                                                                "Karyawan (Perlu Reimburse)",
+                                                                style:
+                                                                    TextStyle(
+                                                                  color: Colors
+                                                                      .black54,
+                                                                ))),
+                                                      ],
+                                                    ),
+                                                    Row(
+                                                      children: [
+                                                        Radio(
+                                                          value: 2,
+                                                          groupValue: _value,
+                                                          onChanged: (value) {
+                                                            setState(() {
+                                                              _value = value!;
+                                                            });
+                                                          },
+                                                        ),
+                                                        Flexible(
+                                                            child: Text(
+                                                                "Perusahaan",
+                                                                style: TextStyle(
+                                                                    color: Colors
+                                                                        .black54)))
+                                                      ],
+                                                    ),
+                                                  ],
+                                                ),
+                                              )),
+                                        ],
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Column(
+                                    children: [
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                            flex: 3,
+                                            child: Text(
+                                              'Lampiran\t:\t',
+                                              style: GoogleFonts.inconsolata(
+                                                  fontSize: 17),
+                                            ),
+                                          ),
+                                          Expanded(
+                                            flex: 7,
+                                            child: Container(
+                                              child: ElevatedButton(
+                                                onPressed: () {},
+                                                child: Container(
+                                                  width: double.infinity,
+                                                  child: Text("Pilih File"),
+                                                ),
+                                              ),
+                                            ),
+                                          )
+                                        ],
+                                      ),
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                            flex: 3,
+                                            child: Text(
+                                              '',
+                                              style: GoogleFonts.inconsolata(
+                                                  fontSize: 17),
+                                            ),
+                                          ),
+                                          Expanded(
+                                            flex: 7,
+                                            child: Visibility(
+                                                visible: true,
+                                                child: Container(
+                                                  alignment:
+                                                      Alignment.centerLeft,
+                                                  margin: EdgeInsets.only(
+                                                      left: 15,
+                                                      right: 15,
+                                                      bottom: 10),
+                                                  child: Flexible(
+                                                    child: Text(
+                                                      "Selected File",
+                                                      style: TextStyle(
+                                                          color:
+                                                              Colors.black54),
+                                                    ),
+                                                  ),
+                                                )),
+                                          )
+                                        ],
+                                      ),
+                                      InkWell(
+                                        child: Container(
+                                          padding: EdgeInsets.fromLTRB(
+                                              10, 10, 10, 10),
+                                          width: double.infinity,
+                                          decoration: BoxDecoration(
+                                              borderRadius:
+                                                  BorderRadius.circular(5),
+                                              gradient: LinearGradient(colors: [
+                                                Color(0xFFFF9945),
+                                                Color(0xFFFc6076)
+                                              ])),
+                                          child: Text('Ajukan',
+                                              textAlign: TextAlign.center,
+                                              style: TextStyle(
+                                                  color: Colors.white,
+                                                  fontSize: 17,
+                                                  fontWeight: FontWeight.w500)),
+                                        ),
+                                        onTap: () {},
+                                      )
+                                    ],
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ],
+      )),
+    );
+  }
+}
+
+List<String> reimburseCategory = [
+  "Paid Time Off",
+  "Sick Time Off",
+  "Compensatory Days",
+  "Unpaid"
+];

lib/Screens/Menu/SlipGaji/background.dart

@@ -0,0 +1,87 @@
+import 'package:flutter/material.dart';
+
+class Background extends StatelessWidget {
+  const Background({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      backgroundColor: Colors.white,
+      body: Column(
+        children: <Widget>[
+          new Stack(
+            children: <Widget>[
+              WavyHeader()
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+const List<Color> orangeGradients = [
+  Color(0xFFD21404),
+  Color(0xFFFD7267)
+];
+
+const List<Color> aquaGradients = [
+  Color(0xFF8EF7DA),
+  Color(0xFF5AEAF1),
+  Colors.blueAccent,
+];
+
+class WavyHeader extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return ClipPath(
+      clipper: TopWaveClipper(),
+      child: Container(
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+              colors: orangeGradients,
+              begin: Alignment.topLeft,
+              end: Alignment.center),
+        ),
+        height: MediaQuery.of(context).size.height / 2.5,
+      ),
+    );
+  }
+}
+
+class TopWaveClipper extends CustomClipper<Path> {
+  @override
+  Path getClip(Size size) {
+    // This is where we decide what part of our image is going to be visible.
+    var path = Path();
+    path.lineTo(0.0, 0.0);
+
+    var firstControlPoint = new Offset(0, size.height - 30);
+    var firstEndPoint = new Offset(0, size.height / 2);
+
+    path.quadraticBezierTo(firstControlPoint.dx, firstControlPoint.dy,
+        firstEndPoint.dx, firstEndPoint.dy);
+
+    var secondControlPoint = Offset(size.width / 5, size.height / 4);
+    var secondEndPoint = Offset(size.width / 1.5, size.height / 5);
+    path.quadraticBezierTo(secondControlPoint.dx, secondControlPoint.dy,
+        secondEndPoint.dx, secondEndPoint.dy);
+
+    var thirdControlPoint =
+        Offset(size.width - (size.width / 9), size.height / 6);
+    var thirdEndPoint = Offset(size.width, 0.0);
+    path.quadraticBezierTo(thirdControlPoint.dx, thirdControlPoint.dy,
+        thirdEndPoint.dx, thirdEndPoint.dy);
+
+    ///move from bottom right to top
+    path.lineTo(size.width, 0.0);
+
+    ///finally close the path by reaching start point from top right corner
+    path.close();
+    return path;
+  }
+
+  @override
+  bool shouldReclip(CustomClipper<Path> oldClipper) => false;
+}

lib/Screens/Menu/SlipGaji/slipgaji_screen.dart

@@ -1,10 +1,157 @@
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:hris_selfservice_mobile/Screens/Menu/SlipGaji/background.dart';
 
-class SlipGajiScreen extends StatelessWidget {
+class SlipGajiScreen extends StatefulWidget {
   const SlipGajiScreen({Key? key}) : super(key: key);
 
+  @override
+  State<SlipGajiScreen> createState() => _SlipGajiScreenState();
+}
+
+class _SlipGajiScreenState extends State<SlipGajiScreen> {
+  var selectedDate;
+  bool visible = false;
+
   @override
   Widget build(BuildContext context) {
-    return Container();
+    return Scaffold(
+      body: SingleChildScrollView(
+          child: Column(
+        children: <Widget>[
+          Stack(
+            children: [
+              WavyHeader(),
+              Container(
+                margin: EdgeInsets.only(top: 90),
+                padding: EdgeInsets.fromLTRB(20, 5, 25, 5),
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.end,
+                  crossAxisAlignment: CrossAxisAlignment.end,
+                  children: [
+                    Text(
+                      'Slip Gaji\t\t',
+                      maxLines: 1,
+                      style: GoogleFonts.luckiestGuy(
+                        fontSize: 28,
+                        color: Colors.red,
+                        fontStyle: FontStyle.italic,
+                      ),
+                    ),
+                    Image.asset('assets/icons/ic_salary.png', width: 40, height: 40,),
+                  ],
+                )
+              ),
+              SafeArea(
+                  child: Container(
+                width: MediaQuery.of(context).size.width,
+                margin: EdgeInsets.only(
+                  top: MediaQuery.of(context).size.height / 5,
+                  left: 15,
+                  right: 15,
+                ),
+                child: Column(
+                  children: [
+                    Container(
+                      margin: EdgeInsets.only(bottom: 20),
+                      child: Row(
+                        children: [
+                          Expanded(
+                              flex: 2,
+                              child: Text(
+                                'Date\t:\t',
+                                style: GoogleFonts.inconsolata(fontSize: 20),
+                              )),
+                          Expanded(
+                              flex: 8,
+                              child: Container(
+                                decoration: BoxDecoration(
+                                    color: CupertinoColors.systemGrey2,
+                                    borderRadius: BorderRadius.circular(5)),
+                                child: DropdownButton(
+                                  value: this.selectedDate,
+                                  isExpanded: true,
+                                  underline: SizedBox(),
+                                  hint: Text(
+                                    '\t\t\tChoose Date',
+                                    style: TextStyle(color: Colors.black54),
+                                  ),
+                                  onChanged: (value) {
+                                    print(value);
+                                    setState(() {
+                                      selectedDate = value!;
+                                      if (selectedDate == value){
+                                        visible = true;
+                                      } else {
+                                        visible = false;
+                                      }
+                                    });
+                                  },
+                                  items: dateList
+                                      .map(
+                                        (e) => DropdownMenuItem(
+                                            value: e,
+                                            child: Text("\t\t\t" + e)),
+                                      )
+                                      .toList(),
+                                ),
+                              )),
+                        ],
+                      ),
+                    ),
+                    Visibility(
+                      visible: visible,
+                      child: Text(
+                        'Detail Slip Gaji Bulan ' + selectedDate.toString(),
+                        style: GoogleFonts.viga(
+                          fontSize: 15,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ),
+                    Visibility(
+                        visible: visible,
+                        child: Container(
+                          height: 200,
+                          child: Card(
+                            elevation: 7,
+                            child: Container(
+                                decoration: BoxDecoration(
+                                    color: Color(0XFFFFFEFC),
+                                    borderRadius: BorderRadius.circular(10))),
+                          ),
+                        )),
+                    Visibility(
+                      visible: visible,
+                      child: Container(
+                        alignment: Alignment.centerRight,
+                        child: ElevatedButton(
+                          onPressed: () {},
+                          style: ElevatedButton.styleFrom(),
+                          child: Text('Download Slip Gaji'),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              )),
+            ],
+          ),
+        ],
+      )),
+    );
   }
 }
+
+List<String> dateList = [
+  "September 2022",
+  "Oktober 2022",
+  "November 2022",
+  "Desember 2022"
+];
+
+const List<Color> Gradients1 = [
+  Color(0xFF0EDED2),
+  Color(0xFF03A0FE),
+];

lib/Screens/Menu/SuratTugas/surattugas_screen.dart

@@ -0,0 +1,465 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+import '../SlipGaji/background.dart';
+
+class SuratTugas_Screen extends StatefulWidget {
+  const SuratTugas_Screen({Key? key}) : super(key: key);
+
+  @override
+  State<SuratTugas_Screen> createState() => _SuratTugas_ScreenState();
+}
+
+class _SuratTugas_ScreenState extends State<SuratTugas_Screen> {
+  var selectedCategory;
+  var selectedDate;
+
+  int _value = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SingleChildScrollView(
+          child: Column(
+        children: <Widget>[
+          Stack(
+            children: [
+              WavyHeader(),
+              Container(
+                  margin: EdgeInsets.only(top: 90),
+                  padding: EdgeInsets.fromLTRB(20, 5, 25, 5),
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.end,
+                    crossAxisAlignment: CrossAxisAlignment.end,
+                    children: [
+                      Text(
+                        'Surat Tugas\t\t',
+                        maxLines: 1,
+                        style: GoogleFonts.luckiestGuy(
+                          fontSize: 28,
+                          color: Colors.red,
+                          fontStyle: FontStyle.italic,
+                        ),
+                      ),
+                      Image.asset(
+                        'assets/icons/menu/ic_menu_surattugas.png',
+                        width: 40,
+                        height: 40,
+                      ),
+                    ],
+                  )),
+              SafeArea(
+                child: Container(
+                  width: MediaQuery.of(context).size.width,
+                  margin: EdgeInsets.only(
+                    top: MediaQuery.of(context).size.height / 5,
+                    left: 10,
+                    right: 10,
+                  ),
+                  child: Column(
+                    children: [
+                      InkWell(
+                        child: Container(
+                            margin: EdgeInsets.only(top: 15, bottom: 15),
+                            padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
+                            width: double.infinity,
+                            decoration: BoxDecoration(
+                                borderRadius: BorderRadius.circular(5),
+                                gradient: LinearGradient(colors: [
+                                  Color(0xFF2D4059),
+                                  Color(0xFF2D4059),
+                                  /*Color(0xFFEAFFD0),
+                                  Color(0xFF95E1D3),*/
+                                ])),
+                            child: Row(
+                              mainAxisAlignment: MainAxisAlignment.center,
+                              children: [
+                                Flexible(
+                                    child: Text('Lihat Riwayat Surat Tugas\t\t',
+                                        textAlign: TextAlign.center,
+                                        style: TextStyle(
+                                            color: Colors.white,
+                                            fontSize: 17,
+                                            fontWeight: FontWeight.w500))),
+                                Image.asset(
+                                  'assets/images/ic_history.png',
+                                  width: 30,
+                                  height: 30,
+                                )
+                              ],
+                            )),
+                        onTap: () {},
+                      ),
+                      Container(
+                        child: Card(
+                          elevation: 10,
+                          child: Container(
+                            decoration: BoxDecoration(
+                                color: Color(0XFFFAF7EE),
+                                borderRadius: BorderRadius.circular(10)),
+                            child: Column(
+                              children: [
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 3,
+                                          child: Text(
+                                            'Kategori\t:\t',
+                                            style: GoogleFonts.inconsolata(
+                                                fontSize: 17),
+                                          )),
+                                      Expanded(
+                                          flex: 7,
+                                          child: Container(
+                                            decoration: BoxDecoration(
+                                                color:
+                                                    CupertinoColors.systemGrey2,
+                                                borderRadius:
+                                                    BorderRadius.circular(5)),
+                                            child: DropdownButton(
+                                              value: this.selectedCategory,
+                                              isExpanded: true,
+                                              underline: SizedBox(),
+                                              hint: Text(
+                                                '\t\t\tPilih Kategori',
+                                                style: TextStyle(
+                                                    color: Colors.black54),
+                                              ),
+                                              onChanged: (value) {
+                                                print(value);
+                                                setState(() {
+                                                  selectedCategory = value!;
+                                                });
+                                              },
+                                              items: reimburseCategory
+                                                  .map(
+                                                    (e) => DropdownMenuItem(
+                                                        value: e,
+                                                        child:
+                                                            Text("\t\t\t" + e)),
+                                                  )
+                                                  .toList(),
+                                            ),
+                                          )),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Column(
+                                    children: [
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                              flex: 3,
+                                              child: Text(
+                                                'Tanggal\t:\t',
+                                                style: GoogleFonts.inconsolata(
+                                                    fontSize: 17),
+                                              )),
+                                          Expanded(
+                                              flex: 7,
+                                              child: Container(
+                                                decoration: BoxDecoration(
+                                                    color: CupertinoColors
+                                                        .systemGrey2,
+                                                    borderRadius:
+                                                        BorderRadius.circular(
+                                                            5)),
+                                                child: Column(
+                                                  children: [
+                                                    DropdownButton(
+                                                      value: this.selectedDate,
+                                                      isExpanded: true,
+                                                      underline: SizedBox(),
+                                                      hint: Text(
+                                                        '\t\t\tPilih Tanggal',
+                                                        style: TextStyle(
+                                                            color:
+                                                                Colors.black54),
+                                                      ),
+                                                      onChanged: (value) {
+                                                        print(value);
+                                                        setState(() {
+                                                          selectedDate = value!;
+                                                        });
+                                                      },
+                                                      items: reimburseCategory
+                                                          .map(
+                                                            (e) =>
+                                                                DropdownMenuItem(
+                                                                    value: e,
+                                                                    child: Text(
+                                                                        "\t\t\t" +
+                                                                            e)),
+                                                          )
+                                                          .toList(),
+                                                    ),
+                                                  ],
+                                                ),
+                                              )),
+                                        ],
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 3,
+                                          child: Text(
+                                            'Total Harga\t:\t',
+                                            style: GoogleFonts.inconsolata(
+                                                fontSize: 17),
+                                          )),
+                                      Expanded(
+                                          flex: 7,
+                                          child: Container(
+                                              decoration: BoxDecoration(
+                                                  color: Colors.white,
+                                                  borderRadius:
+                                                      BorderRadius.circular(5)),
+                                              child: Padding(
+                                                padding: EdgeInsets.only(
+                                                    left: 10,
+                                                    right: 10,
+                                                    top: 5,
+                                                    bottom: 5),
+                                                child: TextFormField(
+                                                    keyboardType:
+                                                        TextInputType.number,
+                                                    maxLines: 1,
+                                                    textInputAction:
+                                                        TextInputAction.next,
+                                                    decoration: InputDecoration(
+                                                        border:
+                                                            InputBorder.none,
+                                                        hintText:
+                                                            "Masukkan tanpa tanda baca (.) atau (,)")),
+                                              ))),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Row(
+                                    children: [
+                                      Expanded(
+                                          flex: 3,
+                                          child: Text(
+                                            'Deskripsi\t:\t',
+                                            style: GoogleFonts.inconsolata(
+                                                fontSize: 17),
+                                          )),
+                                      Expanded(
+                                          flex: 7,
+                                          child: Container(
+                                              decoration: BoxDecoration(
+                                                  color: Colors.white,
+                                                  borderRadius:
+                                                      BorderRadius.circular(5)),
+                                              child: Padding(
+                                                padding: EdgeInsets.only(
+                                                    left: 10,
+                                                    right: 10,
+                                                    top: 5,
+                                                    bottom: 5),
+                                                child: TextFormField(
+                                                    keyboardType:
+                                                        TextInputType.multiline,
+                                                    maxLines: null,
+                                                    textInputAction:
+                                                        TextInputAction.done,
+                                                    decoration: InputDecoration(
+                                                        border:
+                                                            InputBorder.none,
+                                                        hintText: "Deskripsi")),
+                                              ))),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Column(
+                                    children: [
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                              flex: 3,
+                                              child: Text(
+                                                'Pembayaran\t:',
+                                                style: GoogleFonts.inconsolata(
+                                                    fontSize: 17),
+                                              )),
+                                          Expanded(
+                                              flex: 7,
+                                              child: Container(
+                                                child: Column(
+                                                  children: [
+                                                    Row(
+                                                      children: [
+                                                        Radio(
+                                                          value: 1,
+                                                          groupValue: _value,
+                                                          onChanged: (value) {
+                                                            setState(() {
+                                                              _value = value!;
+                                                            });
+                                                          },
+                                                        ),
+                                                        Flexible(
+                                                            child: Text(
+                                                                "Karyawan (Perlu Reimburse)",
+                                                                style:
+                                                                    TextStyle(
+                                                                  color: Colors
+                                                                      .black54,
+                                                                ))),
+                                                      ],
+                                                    ),
+                                                    Row(
+                                                      children: [
+                                                        Radio(
+                                                          value: 2,
+                                                          groupValue: _value,
+                                                          onChanged: (value) {
+                                                            setState(() {
+                                                              _value = value!;
+                                                            });
+                                                          },
+                                                        ),
+                                                        Flexible(
+                                                            child: Text(
+                                                                "Perusahaan",
+                                                                style: TextStyle(
+                                                                    color: Colors
+                                                                        .black54)))
+                                                      ],
+                                                    ),
+                                                  ],
+                                                ),
+                                              )),
+                                        ],
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                                Container(
+                                  margin: EdgeInsets.only(
+                                      left: 10, right: 10, top: 10, bottom: 10),
+                                  child: Column(
+                                    children: [
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                            flex: 3,
+                                            child: Text(
+                                              'Lampiran\t:\t',
+                                              style: GoogleFonts.inconsolata(
+                                                  fontSize: 17),
+                                            ),
+                                          ),
+                                          Expanded(
+                                            flex: 7,
+                                            child: Container(
+                                              child: ElevatedButton(
+                                                onPressed: () {},
+                                                child: Container(
+                                                  width: double.infinity,
+                                                  child: Text("Pilih File"),
+                                                ),
+                                              ),
+                                            ),
+                                          )
+                                        ],
+                                      ),
+                                      Row(
+                                        children: [
+                                          Expanded(
+                                            flex: 3,
+                                            child: Text(
+                                              '',
+                                              style: GoogleFonts.inconsolata(
+                                                  fontSize: 17),
+                                            ),
+                                          ),
+                                          Expanded(
+                                            flex: 7,
+                                            child: Visibility(
+                                                visible: true,
+                                                child: Container(
+                                                  alignment:
+                                                      Alignment.centerLeft,
+                                                  margin: EdgeInsets.only(
+                                                      left: 15,
+                                                      right: 15,
+                                                      bottom: 10),
+                                                  child: Flexible(
+                                                    child: Text(
+                                                      "Selected File",
+                                                      style: TextStyle(
+                                                          color:
+                                                              Colors.black54),
+                                                    ),
+                                                  ),
+                                                )),
+                                          )
+                                        ],
+                                      ),
+                                      InkWell(
+                                        child: Container(
+                                          padding: EdgeInsets.fromLTRB(
+                                              10, 10, 10, 10),
+                                          width: double.infinity,
+                                          decoration: BoxDecoration(
+                                              borderRadius:
+                                                  BorderRadius.circular(5),
+                                              gradient: LinearGradient(colors: [
+                                                Color(0xFFFF9945),
+                                                Color(0xFFFc6076)
+                                              ])),
+                                          child: Text('Ajukan',
+                                              textAlign: TextAlign.center,
+                                              style: TextStyle(
+                                                  color: Colors.white,
+                                                  fontSize: 17,
+                                                  fontWeight: FontWeight.w500)),
+                                        ),
+                                        onTap: () {},
+                                      )
+                                    ],
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ],
+      )),
+    );
+  }
+}
+
+List<String> reimburseCategory = [
+  "Paid Time Off",
+  "Sick Time Off",
+  "Compensatory Days",
+  "Unpaid"
+];

lib/Screens/Settings/RequestHttp/changePassword_post.dart

@@ -0,0 +1,40 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+class ChangePassword_Post {
+  late String password;
+  late String new_password;
+  late String session;
+
+  ChangePassword_Post({required this.password, required this.new_password, required this.session});
+
+  static Future<String> connectToAPI(String password, String new_password, String session) async {
+    String URL = baseURL + "/api/v1/change_password";
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "password": password,
+          "new_password": new_password,
+          "session": session
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    developer.log(sendData.toString(), name: "sendatabody");
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Settings/RequestHttp/changeprofileimage_post.dart

@@ -0,0 +1,41 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+class ChangeProfileImage_Post {
+  late String session;
+  late String imageBase64;
+
+  ChangeProfileImage_Post({required this.session,
+    required this.imageBase64});
+
+  static Future<String> connectToAPI(String session, String imageBase64) async {
+    String URL = baseURL + "/api/v1/change_profile";
+
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "session": session,
+          "image": imageBase64,
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Settings/RequestHttp/getDetail_post.dart

@@ -0,0 +1,39 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+class GetDetail_Post {
+  late String session;
+
+  GetDetail_Post({required this.session});
+
+  static Future<String> connectToAPI(String session) async {
+    String URL = baseURL + "/api/v1/get_detail";
+
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "session": session
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    developer.log(sendData.body, name: "Get Detail Result");
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Settings/RequestHttp/getProfileImage_post.dart

@@ -0,0 +1,39 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+class GetProfileImage_Post {
+  late String session;
+
+  GetProfileImage_Post({required this.session});
+
+  static Future<String> connectToAPI(String session) async {
+    String URL = baseURL + "/api/v1/get_image";
+
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "session": session
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    developer.log(sendData.body, name: "sendatabody");
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Settings/RequestHttp/logout_post.dart

@@ -0,0 +1,39 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'dart:developer' as developer;
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+class Logout_Post {
+  late String session;
+
+  Logout_Post({required this.session});
+
+  static Future<String> connectToAPI(String session) async {
+    String URL = baseURL + "/api/v1/logout";
+
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    var sendData = await http.post(Uri.parse(URL), body: jsonEncode({
+      "data": [
+        {
+          "session": session
+        }
+      ]
+    }), headers: {
+      "Content-Type": "application/json",
+      "Api-key": apiKey
+    });
+
+    developer.log(sendData.body, name: "sendatabody");
+    return sendData.body;
+
+    /*var jsonObject = json.decode(sendData.body);
+    developer.log(jsonObject.toString(), name: 'Log');*/
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Settings/inputWidget.dart

@@ -1,9 +1,9 @@
 import 'package:flutter/material.dart';
 
-class InputWidgetPassword extends StatelessWidget {
+class InputWidgetCurrentPassword extends StatelessWidget {
   final String hintText;
 
-  InputWidgetPassword(this.hintText);
+  InputWidgetCurrentPassword(this.hintText);
 
   @override
   Widget build(BuildContext context) {
@@ -19,6 +19,75 @@ class InputWidgetPassword extends StatelessWidget {
           child: Padding(
             padding: EdgeInsets.only(left: 5, right: 5),
             child: TextFormField(
+              controller: passwordController,
+              textInputAction: TextInputAction.next,
+              obscureText: true,
+              decoration: InputDecoration(
+                  border: InputBorder.none,
+                  hintText: hintText,
+                  hintStyle: TextStyle(color: Color(0xFFE1E1E1), fontSize: 16)),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class InputWidgetNewPassword extends StatelessWidget {
+  final String hintText;
+
+  InputWidgetNewPassword(this.hintText);
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.only(bottom: 15),
+      child: Container(
+        width: MediaQuery.of(context).size.width,
+        child: Material(
+          elevation: 10,
+          color: Colors.white,
+          shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.all(Radius.circular(10))),
+          child: Padding(
+            padding: EdgeInsets.only(left: 5, right: 5),
+            child: TextFormField(
+              controller: newPasswordController,
+              textInputAction: TextInputAction.next,
+              obscureText: true,
+              decoration: InputDecoration(
+                  border: InputBorder.none,
+                  hintText: hintText,
+                  hintStyle: TextStyle(color: Color(0xFFE1E1E1), fontSize: 16)),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class InputWidgetRetypeNewPassword extends StatelessWidget {
+  final String hintText;
+
+  InputWidgetRetypeNewPassword(this.hintText);
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.only(bottom: 15),
+      child: Container(
+        width: MediaQuery.of(context).size.width,
+        child: Material(
+          elevation: 10,
+          color: Colors.white,
+          shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.all(Radius.circular(10))),
+          child: Padding(
+            padding: EdgeInsets.only(left: 5, right: 5),
+            child: TextFormField(
+              controller: retypeNewPasswordController,
               textInputAction: TextInputAction.done,
               obscureText: true,
               decoration: InputDecoration(
@@ -32,3 +101,7 @@ class InputWidgetPassword extends StatelessWidget {
     );
   }
 }
+
+TextEditingController passwordController = TextEditingController();
+TextEditingController newPasswordController = TextEditingController();
+TextEditingController retypeNewPasswordController = TextEditingController();

lib/Screens/Settings/settings_screen.dart

@@ -1,7 +1,20 @@
+import 'dart:convert';
+import 'dart:io';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:fluttertoast/fluttertoast.dart';
 import 'package:google_fonts/google_fonts.dart';
+import 'package:hris_selfservice_mobile/Screens/Settings/RequestHttp/changePassword_post.dart';
+import 'package:hris_selfservice_mobile/Screens/Settings/RequestHttp/changeprofileimage_post.dart';
+import 'package:hris_selfservice_mobile/Screens/Settings/RequestHttp/getDetail_post.dart';
+import 'package:hris_selfservice_mobile/Screens/Settings/RequestHttp/getProfileImage_post.dart';
+import 'package:hris_selfservice_mobile/Screens/Settings/RequestHttp/logout_post.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 import '../Login/login_screen.dart';
 import '../Settings/inputWidget.dart';
+import 'dart:developer' as logDev;
 
 class SettingsScreen extends StatefulWidget {
   const SettingsScreen({Key? key}) : super(key: key);
@@ -12,10 +25,200 @@ class SettingsScreen extends StatefulWidget {
 
 class _SettingsScreenState extends State<SettingsScreen> {
   bool visible = false;
+  bool visiblePersonalInformation = false;
+  File? _imagePath;
+
+  String name = "",
+      statusDetail = "",
+      dateOfBirth = "",
+      phone = "",
+      email = "",
+      address = "",
+      position = "";
+
+  var _imageToShow;
+
+  @override
+  initState() {
+    super.initState();
+    passwordController.clear();
+    newPasswordController.clear();
+    retypeNewPasswordController.clear();
+    getDetail();
+    _imageToShow = AssetImage('assets/images/ic_administrator.png');
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      ProgressDialog loading = ProgressDialog(context);
+      loading = ProgressDialog(context,
+          type: ProgressDialogType.normal,
+          isDismissible: false,
+          showLogs: true);
+      loading.style(
+          message: 'Please Wait .....',
+          borderRadius: 5,
+          backgroundColor: Colors.white,
+          progressWidget: CircularProgressIndicator(),
+          elevation: 10.0,
+          padding: EdgeInsets.all(10),
+          insetAnimCurve: Curves.easeInOut,
+          progress: 0.0,
+          maxProgress: 100.0,
+          progressTextStyle: TextStyle(
+              color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+          messageTextStyle: TextStyle(
+              color: Colors.black,
+              fontSize: 15.0,
+              fontWeight: FontWeight.w600));
+      loading.show();
+      logDev.log(getProfileImage().toString(), name: "APA ISINYA");
+      _imageToShow = getProfileImage();
+    });
+  }
+
+  //Get Profile image
+  getProfileImage() async {
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+
+    ProgressDialog loading = ProgressDialog(context);
+    loading = ProgressDialog(context,
+        type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
+    loading.style(
+        message: 'Please Wait .....',
+        borderRadius: 5,
+        backgroundColor: Colors.white,
+        progressWidget: CircularProgressIndicator(),
+        elevation: 10.0,
+        padding: EdgeInsets.all(10),
+        insetAnimCurve: Curves.easeInOut,
+        progress: 0.0,
+        maxProgress: 100.0,
+        progressTextStyle: TextStyle(
+            color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+        messageTextStyle: TextStyle(
+            color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
+
+    GetProfileImage_Post.connectToAPI(session!).then((valueResult) async {
+      Map<String, dynamic> object = json.decode(valueResult);
+      if (object.containsKey("result").toString() == "true") {
+        String status = object['result']['status'].toString();
+        logDev.log(status, name: "STATUS GET PROFILE");
+        if (status == "success") {
+          String photo = object['result']['photo'].toString();
+          if (photo == "false") {
+            _imageToShow = AssetImage('assets/images/ic_administrator.png');
+            logDev.log("PHOTO RESULT FALSE", name: "DECODED BYTES");
+          } else if (photo != "false") {
+            Uint8List decodedBytes = Base64Decoder().convert(photo);
+            logDev.log(decodedBytes.toString(), name: "DECODED BYTES photo");
+            setState(() {
+              _imageToShow = Image.memory(decodedBytes, gaplessPlayback: true).image;
+            });
+            //_imageToShow = Image.memory(base64Decode(photo));
+            //logDev.log(_imageToShow.toString(), name: "Image to Show");
+            //_imageToShow = AssetImage('assets/images/collaboration.png');
+          }
+        } else if (status == "failed") {
+          String message = object['result']['message'].toString();
+          Fluttertoast.showToast(
+              msg: message,
+              toastLength: Toast.LENGTH_LONG,
+              gravity: ToastGravity.CENTER,
+              timeInSecForIosWeb: 1,
+              textColor: Colors.white,
+              fontSize: 16.0);
+        }
+        loading.hide();
+      } else {
+        Fluttertoast.showToast(
+            msg: "Server Response Error",
+            toastLength: Toast.LENGTH_SHORT,
+            gravity: ToastGravity.CENTER,
+            timeInSecForIosWeb: 1,
+            textColor: Colors.white,
+            fontSize: 16.0);
+        loading.hide();
+      }
+    });
+    //return Image.memory(decodedBytes);
+    loading.hide();
+    return _imageToShow;
+  }
+
+  //Get Detail
+  getDetail() async {
+    final SharedPreferences prefs = await SharedPreferences.getInstance();
+    final session = prefs.getString('session');
+    GetDetail_Post.connectToAPI(session!).then((valueResult) async {
+      Map<String, dynamic> object = json.decode(valueResult);
+      if (object.containsKey("result").toString() == "true") {
+        statusDetail = object['result']['status'].toString();
+        String message = object['result']['message'].toString();
+        if (statusDetail == "failed" || message == "User Not Found") {
+          Fluttertoast.showToast(
+              msg: message + ", Please login again!",
+              toastLength: Toast.LENGTH_SHORT,
+              gravity: ToastGravity.CENTER,
+              timeInSecForIosWeb: 1,
+              textColor: Colors.white,
+              fontSize: 16.0);
+        } else if (statusDetail != "failed") {
+          name = object['result']['name'].toString();
+          dateOfBirth = object['result']['date_of_birth'].toString();
+          phone = object['result']['phone'].toString();
+          email = object['result']['email'].toString();
+          address = object['result']['address'].toString();
+          position = object['result']['position'].toString();
+
+          if (name == "false"){
+            name = "-";
+          }
+          if (dateOfBirth == "false"){
+            dateOfBirth = "-";
+          }
+          if (phone == "false"){
+            phone = "-";
+          }
+          if (email == "false"){
+            email = "-";
+          }
+          if (address == "false"){
+            address = "-";
+          }
+        }
+      } else {
+        Fluttertoast.showToast(
+            msg: "Server Response Error",
+            toastLength: Toast.LENGTH_SHORT,
+            gravity: ToastGravity.CENTER,
+            timeInSecForIosWeb: 1,
+            textColor: Colors.white,
+            fontSize: 16.0);
+      }
+    });
+  }
 
   @override
   Widget build(BuildContext context) {
     var size = MediaQuery.of(context).size;
+
+    ProgressDialog loading = ProgressDialog(context);
+    loading = ProgressDialog(context,
+        type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
+    loading.style(
+        message: 'Please Wait .....',
+        borderRadius: 5,
+        backgroundColor: Colors.white,
+        progressWidget: CircularProgressIndicator(),
+        elevation: 10.0,
+        padding: EdgeInsets.all(10),
+        insetAnimCurve: Curves.easeInOut,
+        progress: 0.0,
+        maxProgress: 100.0,
+        progressTextStyle: TextStyle(
+            color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+        messageTextStyle: TextStyle(
+            color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
+
     return Scaffold(
         body: SingleChildScrollView(
       child: Stack(
@@ -40,8 +243,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                     alignment: Alignment.topCenter,
                     children: [
                       Container(
-                        margin: EdgeInsets.only(
-                            top: (((size.width - 20) * 0.33) * 0.5)),
+                        margin: EdgeInsets.only(top: (((size.width - 20) * 0.33) * 0.5)),
                         child: Card(
                           elevation: 15,
                           child: Container(
@@ -56,59 +258,304 @@ class _SettingsScreenState extends State<SettingsScreen> {
                                 mainAxisAlignment: MainAxisAlignment.end,
                                 crossAxisAlignment: CrossAxisAlignment.center,
                                 children: <Widget>[
-                                  Text(
-                                    'Dieni Anindyasarathi',
+                                  Text(name,
                                     maxLines: 2,
                                     overflow: TextOverflow.ellipsis,
                                     textAlign: TextAlign.center,
                                     style: GoogleFonts.inter(
-                                        fontSize: 17,
+                                        fontSize: 18,
                                         color: Colors.black,
                                         fontWeight: FontWeight.bold),
                                   ),
-                                  Text(
-                                    'IT Developer',
+                                  Text(position,
                                     textAlign: TextAlign.center,
                                     style: GoogleFonts.inter(
-                                        fontSize: 16, color: Colors.black),
+                                        fontSize: 17, color: Colors.black),
                                   ),
                                 ],
                               )),
                         ),
                       ),
                       Container(
-                          height: (size.width - 20) * 0.33,
-                          width: (size.width - 20) * 0.33,
+                        height: (size.width - 20) * 0.33,
+                        width: (size.width - 20) * 0.33,
+                        decoration: BoxDecoration(
+                          color: Colors.black,
+                          image: DecorationImage(
+                            image: _imageToShow,
+                            fit: BoxFit.fill,
+                          ),
+                          shape: BoxShape.circle,
+                        ),
+                      ),
+                      InkWell(
+                        child: Container(
+                          height: ((size.width - 20) * 0.33) * 0.25,
+                          width: ((size.width - 20) * 0.33) * 0.25,
+                          margin: EdgeInsets.only(
+                              top: (((size.width - 20) * 0.33) - 20),
+                              left: ((size.width - 20) * 0.33) - 10),
                           decoration: BoxDecoration(
-                            color: Colors.black,
+                            color: Colors.yellow,
                             image: DecorationImage(
-                              image: AssetImage(
-                                  'assets/images/ic_administrator.png'),
-                              fit: BoxFit.fill,
+                              image: AssetImage('assets/images/ic_camera.png'),
+                              scale: 3,
+                              fit: BoxFit.scaleDown,
                             ),
                             shape: BoxShape.circle,
                           ),
+                        ),
+                        onTap: () async {
+                          final SharedPreferences prefs =
+                              await SharedPreferences.getInstance();
+                          final String? session = prefs.getString('session');
+                          final ImagePicker _picker = ImagePicker();
+                          final XFile? imagePicked = await _picker.pickImage(
+                              source: ImageSource.gallery);
+                          if (imagePicked != null) {
+                            _imagePath = File(imagePicked.path);
+                            List<int> imageBytes =
+                                _imagePath!.readAsBytesSync();
+                            String base64Image = base64Encode(imageBytes);
+                            logDev.log(base64Image, name: "String base64");
+                            await loading.show();
+                            ChangeProfileImage_Post.connectToAPI(
+                                    session!, base64Image)
+                                .then((valueResult) async {
+                              logDev.log(valueResult, name: "HASIL CHANGE");
+                              Map<String, dynamic> object =
+                                  json.decode(valueResult);
+                              if (object.containsKey("result").toString() ==
+                                  "true") {
+                                String status =
+                                    object['result']['status'].toString();
+                                String message =
+                                    object['result']['message'].toString();
+                                if (status == "success") {
+                                  _imageToShow =
+                                      FileImage(File(imagePicked.path));
+                                  Fluttertoast.showToast(
+                                      msg: message,
+                                      toastLength: Toast.LENGTH_LONG,
+                                      gravity: ToastGravity.CENTER,
+                                      timeInSecForIosWeb: 1,
+                                      textColor: Colors.white,
+                                      fontSize: 16.0);
+                                  await loading.hide();
+                                } else if (status == "failed") {
+                                  Fluttertoast.showToast(
+                                      msg: message,
+                                      toastLength: Toast.LENGTH_LONG,
+                                      gravity: ToastGravity.CENTER,
+                                      timeInSecForIosWeb: 1,
+                                      textColor: Colors.white,
+                                      fontSize: 16.0);
+                                  await loading.hide();
+                                }
+                              } else {
+                                Fluttertoast.showToast(
+                                    msg: "Server Response Error",
+                                    toastLength: Toast.LENGTH_SHORT,
+                                    gravity: ToastGravity.CENTER,
+                                    timeInSecForIosWeb: 1,
+                                    textColor: Colors.white,
+                                    fontSize: 16.0);
+                                await loading.hide();
+                              }
+                              setState(() {});
+                            });
+                          } else if (imagePicked == null) {
+                            logDev.log("NULL", name: "NO IMAGE SELECTED");
+                            //_imagePath = await getImageFileFromAssets('assets/images/ic_administrator.png') as File?;
+                          }
+                        },
+                      )
+                    ],
+                  ),
+                  InkWell(
+                    child: roundedRectButton(
+                        "Personal Information", Gradients1, 20, 5),
+                    onTap: () async {
+                      setState(() {
+                        visiblePersonalInformation =
+                            !visiblePersonalInformation;
+                      });
+                    },
+                  ),
+                  Visibility(
+                    visible: visiblePersonalInformation,
+                    child: Container(
+                      margin: EdgeInsets.only(top: 10),
+                      width: size.width - 50,
+                      padding: EdgeInsets.all(15),
+                      decoration: BoxDecoration(
+                          color: Color(0xFFD9D9D9),
+                          borderRadius: BorderRadius.all(Radius.circular(5))),
+                      child: Column(
+                        children: [
+                          Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: <Widget>[
+                              Padding(
+                                padding: EdgeInsets.only(bottom: 5),
+                                child: Text(
+                                  "Nama Pegawai",
+                                  style: TextStyle(
+                                      fontSize: 16, color: Colors.black87),
+                                ),
+                              ),
+                              Stack(
+                                alignment: Alignment.bottomRight,
+                                children: <Widget>[
+                                  roundDetail(name, 0, 5, 3),
+                                ],
+                              ),
+                            ],
+                          ),
+                          Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: <Widget>[
+                              Padding(
+                                padding: EdgeInsets.only(bottom: 5),
+                                child: Text(
+                                  "Status",
+                                  style: TextStyle(
+                                      fontSize: 16, color: Colors.black87),
+                                ),
+                              ),
+                              Stack(
+                                alignment: Alignment.bottomRight,
+                                children: <Widget>[
+                                  roundDetail(statusDetail, 0, 5, 3),
+                                ],
+                              ),
+                            ],
                           ),
-                      Container(
-                        height: ((size.width - 20) * 0.33) * 0.25,
-                        width: ((size.width - 20) * 0.33) * 0.25,
-                        margin: EdgeInsets.only(
-                            top: (((size.width - 20) * 0.33) - 20),
-                            left: ((size.width - 20) * 0.33) - 10),
-                        decoration: BoxDecoration(
-                          color: Colors.yellow,
-                          image: DecorationImage(
-                            image: AssetImage('assets/images/ic_camera.png'),
-                            fit: BoxFit.scaleDown,
+                          Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: <Widget>[
+                              Padding(
+                                padding: EdgeInsets.only(bottom: 5),
+                                child: Text(
+                                  "Tanggal Lahir",
+                                  style: TextStyle(
+                                      fontSize: 16, color: Colors.black87),
+                                ),
+                              ),
+                              Stack(
+                                alignment: Alignment.bottomRight,
+                                children: <Widget>[
+                                  roundDetail(dateOfBirth, 0, 5, 3),
+                                ],
+                              ),
+                            ],
                           ),
-                          shape: BoxShape.circle,
-                        ),
+                          Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: <Widget>[
+                              Padding(
+                                padding: EdgeInsets.only(bottom: 5),
+                                child: Text(
+                                  "Nomor Telepon",
+                                  style: TextStyle(
+                                      fontSize: 16, color: Colors.black87),
+                                ),
+                              ),
+                              Stack(
+                                alignment: Alignment.bottomRight,
+                                children: <Widget>[
+                                  roundDetail(phone, 0, 5, 3),
+                                ],
+                              ),
+                            ],
+                          ),
+                          Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: <Widget>[
+                              Padding(
+                                padding: EdgeInsets.only(bottom: 5),
+                                child: Text(
+                                  "Alamat Email",
+                                  style: TextStyle(
+                                      fontSize: 16, color: Colors.black87),
+                                ),
+                              ),
+                              Stack(
+                                alignment: Alignment.bottomRight,
+                                children: <Widget>[
+                                  roundDetail(email, 0, 5, 3),
+                                ],
+                              ),
+                            ],
+                          ),
+                          Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: <Widget>[
+                              Padding(
+                                padding: EdgeInsets.only(bottom: 5),
+                                child: Text(
+                                  "Alamat Rumah",
+                                  style: TextStyle(
+                                      fontSize: 16, color: Colors.black87),
+                                ),
+                              ),
+                              Stack(
+                                alignment: Alignment.bottomRight,
+                                children: <Widget>[
+                                  roundDetail(address, 0, 5, 3),
+                                ],
+                              ),
+                            ],
+                          ),
+                          /*InkWell(
+                              child: roundedRectButton(
+                                  "Save Password", Gradients2, 10, 10),
+                              onTap: () {
+                                if (!validateFormSavePassword(context)) {
+                                  return;
+                                } else if (validateFormSavePassword(context)) {
+                                  if (newPasswordController.text.toString() ==
+                                      retypeNewPasswordController.text
+                                          .toString()) {
+                                    if (passwordController.text.toString() ==
+                                        newPasswordController.text
+                                            .toString() ||
+                                        passwordController.text.toString() ==
+                                            retypeNewPasswordController.text
+                                                .toString()) {
+                                      Fluttertoast.showToast(
+                                          msg:
+                                          "Your new password is the same with your old password, please change with new password!",
+                                          toastLength: Toast.LENGTH_LONG,
+                                          gravity: ToastGravity.CENTER,
+                                          timeInSecForIosWeb: 1,
+                                          textColor: Colors.white,
+                                          fontSize: 16.0);
+                                    } else {
+                                      showAlertDialogSavePassword(context);
+                                    }
+                                  } else if (newPasswordController.text
+                                      .toString() !=
+                                      retypeNewPasswordController.text
+                                          .toString()) {
+                                    Fluttertoast.showToast(
+                                        msg:
+                                        "Your retype password was entered incorrectly.\nPlease enter it again!",
+                                        toastLength: Toast.LENGTH_LONG,
+                                        gravity: ToastGravity.CENTER,
+                                        timeInSecForIosWeb: 1,
+                                        textColor: Colors.white,
+                                        fontSize: 16.0);
+                                  }
+                                }
+                              }),*/
+                        ],
                       ),
-                    ],
+                    ),
                   ),
                   InkWell(
                     child:
-                        roundedRectButton("Edit Password", Gradients1, 20, 5),
+                        roundedRectButton("Edit Password", Gradients1, 10, 5),
                     onTap: () {
                       setState(() {
                         visible = !visible;
@@ -140,7 +587,8 @@ class _SettingsScreenState extends State<SettingsScreen> {
                               Stack(
                                 alignment: Alignment.bottomRight,
                                 children: <Widget>[
-                                  InputWidgetPassword("Current Password"),
+                                  InputWidgetCurrentPassword(
+                                      "Current Password"),
                                 ],
                               ),
                             ],
@@ -159,7 +607,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                               Stack(
                                 alignment: Alignment.bottomRight,
                                 children: <Widget>[
-                                  InputWidgetPassword("New Password"),
+                                  InputWidgetNewPassword("New Password"),
                                 ],
                               ),
                             ],
@@ -178,7 +626,8 @@ class _SettingsScreenState extends State<SettingsScreen> {
                               Stack(
                                 alignment: Alignment.bottomRight,
                                 children: <Widget>[
-                                  InputWidgetPassword("Re-type New Password"),
+                                  InputWidgetRetypeNewPassword(
+                                      "Re-type New Password"),
                                 ],
                               ),
                             ],
@@ -187,7 +636,43 @@ class _SettingsScreenState extends State<SettingsScreen> {
                               child: roundedRectButton(
                                   "Save Password", Gradients2, 10, 10),
                               onTap: () {
-                                showAlertDialog(context);
+                                if (!validateFormSavePassword(context)) {
+                                  return;
+                                } else if (validateFormSavePassword(context)) {
+                                  if (newPasswordController.text.toString() ==
+                                      retypeNewPasswordController.text
+                                          .toString()) {
+                                    if (passwordController.text.toString() ==
+                                            newPasswordController.text
+                                                .toString() ||
+                                        passwordController.text.toString() ==
+                                            retypeNewPasswordController.text
+                                                .toString()) {
+                                      Fluttertoast.showToast(
+                                          msg:
+                                              "Your new password is the same with your old password, please change with new password!",
+                                          toastLength: Toast.LENGTH_LONG,
+                                          gravity: ToastGravity.CENTER,
+                                          timeInSecForIosWeb: 1,
+                                          textColor: Colors.white,
+                                          fontSize: 16.0);
+                                    } else {
+                                      showAlertDialogSavePassword(context);
+                                    }
+                                  } else if (newPasswordController.text
+                                          .toString() !=
+                                      retypeNewPasswordController.text
+                                          .toString()) {
+                                    Fluttertoast.showToast(
+                                        msg:
+                                            "Your retype password was entered incorrectly.\nPlease enter it again!",
+                                        toastLength: Toast.LENGTH_LONG,
+                                        gravity: ToastGravity.CENTER,
+                                        timeInSecForIosWeb: 1,
+                                        textColor: Colors.white,
+                                        fontSize: 16.0);
+                                  }
+                                }
                               }),
                         ],
                       ),
@@ -196,7 +681,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                   InkWell(
                       child: roundedRectButton("Logout", Gradients1, 10, 5),
                       onTap: () {
-                        showAlertDialog(context);
+                        showAlertDialogLogout(context);
                       }),
                 ],
               ),
@@ -229,11 +714,52 @@ Widget roundedRectButton(String title, List<Color> gradient, double marginTop,
                   begin: Alignment.topLeft,
                   end: Alignment.bottomRight),
             ),
-            child: Text(title,
-                style: TextStyle(
-                    color: Colors.white,
-                    fontSize: 19,
-                    fontWeight: FontWeight.w500)),
+            child: Padding(
+              padding: EdgeInsets.fromLTRB(10, 3, 10, 3),
+              child: Text(title,
+                  style: TextStyle(
+                      color: Colors.white,
+                      fontSize: 19,
+                      fontWeight: FontWeight.w500)),
+            ),
+            padding: EdgeInsets.all(10),
+          )
+        ],
+      ),
+    );
+  });
+}
+
+Widget roundDetail(String detail, double marginTop, double marginBottom,
+    double radiusCircular) {
+  return Builder(builder: (BuildContext mContext) {
+    return Align(
+      alignment: Alignment.center,
+      child: Stack(
+        children: <Widget>[
+          Container(
+            margin: EdgeInsets.only(top: marginTop, bottom: marginBottom),
+            alignment: Alignment.centerLeft,
+            height: 45,
+            width: MediaQuery.of(mContext).size.width - 50,
+            decoration: ShapeDecoration(
+              shape: RoundedRectangleBorder(
+                  borderRadius:
+                      BorderRadius.all(Radius.circular(radiusCircular))),
+              color: Colors.blueGrey,
+              /*gradient: LinearGradient(
+                  colors: gradient,
+                  begin: Alignment.topLeft,
+                  end: Alignment.bottomRight),*/
+            ),
+            child: Padding(
+              padding: EdgeInsets.fromLTRB(3, 3, 3, 3),
+              child: Text(detail,
+                  style: TextStyle(
+                      color: Colors.white,
+                      fontSize: 15,
+                      fontWeight: FontWeight.w500)),
+            ),
             padding: EdgeInsets.all(10),
           )
         ],
@@ -252,16 +778,220 @@ const List<Color> Gradients2 = [
   Color(0xFFFc6076),
 ];
 
-showAlertDialog(BuildContext context) {
+//Save New Password
+showAlertDialogSavePassword(BuildContext context) {
   // set up the button
   Widget okButton = TextButton(
     child: Text("Yes"),
+    onPressed: () async {
+      ProgressDialog loading = ProgressDialog(context);
+      loading = ProgressDialog(context,
+          type: ProgressDialogType.normal,
+          isDismissible: false,
+          showLogs: true);
+      loading.style(
+          message: 'Please Wait .....',
+          borderRadius: 5,
+          backgroundColor: Colors.white,
+          progressWidget: CircularProgressIndicator(),
+          elevation: 10.0,
+          padding: EdgeInsets.all(10),
+          insetAnimCurve: Curves.easeInOut,
+          progress: 0.0,
+          maxProgress: 100.0,
+          progressTextStyle: TextStyle(
+              color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+          messageTextStyle: TextStyle(
+              color: Colors.black,
+              fontSize: 15.0,
+              fontWeight: FontWeight.w600));
+      await loading.show();
+
+      final SharedPreferences prefs = await SharedPreferences.getInstance();
+      final session = prefs.getString('session');
+      ChangePassword_Post.connectToAPI(passwordController.text.toString(),
+              newPasswordController.text.toString(), session!)
+          .then((valueResult) async {
+        Map<String, dynamic> object = json.decode(valueResult);
+        if (object.containsKey("result").toString() == "true") {
+          String status = object['result']['status'].toString();
+          String message = object['result']['message'].toString();
+          if (status == "success") {
+            Fluttertoast.showToast(
+                msg: message + ", Please login again!",
+                toastLength: Toast.LENGTH_SHORT,
+                gravity: ToastGravity.CENTER,
+                timeInSecForIosWeb: 1,
+                textColor: Colors.white,
+                fontSize: 16.0);
+
+            passwordController.clear();
+            newPasswordController.clear();
+            retypeNewPasswordController.clear();
+
+            final session = await prefs.remove('session');
+            logDev.log(session.toString(), name: "SESSION KEHAPUS GAAAA?");
+            await loading.hide();
+            Navigator.of(context, rootNavigator: true).pop();
+            Navigator.pushReplacement(
+                context, MaterialPageRoute(builder: (context) => LoginView()));
+          } else if (status == "failed") {
+            Fluttertoast.showToast(
+                msg: message,
+                toastLength: Toast.LENGTH_SHORT,
+                gravity: ToastGravity.CENTER,
+                timeInSecForIosWeb: 1,
+                textColor: Colors.white,
+                fontSize: 16.0);
+            Navigator.of(context, rootNavigator: true).pop();
+            await loading.hide();
+          }
+        } else {
+          Fluttertoast.showToast(
+              msg: "Server Response Error",
+              toastLength: Toast.LENGTH_SHORT,
+              gravity: ToastGravity.CENTER,
+              timeInSecForIosWeb: 1,
+              textColor: Colors.white,
+              fontSize: 16.0);
+          await loading.hide();
+        }
+      });
+    },
+  );
+
+  Widget noButton = TextButton(
+    child: Text("No"),
     onPressed: () {
       Navigator.of(context, rootNavigator: true).pop();
-      Navigator.pushAndRemoveUntil(
-          context,
-          MaterialPageRoute(builder: (context) => LoginView()),
-          (route) => false);
+    },
+  );
+
+  // set up the AlertDialog
+  AlertDialog alert = AlertDialog(
+    title: Text("Employee Self Service"),
+    content: Text("Save New Password?"),
+    actions: [noButton, okButton],
+  );
+
+  // show the dialog
+  showDialog(
+    context: context,
+    builder: (BuildContext context) {
+      return alert;
+    },
+  );
+}
+
+//Validate Form Change Password
+bool validateFormSavePassword(BuildContext context) {
+  bool result = true;
+
+  if (passwordController.text.toString().isEmpty) {
+    Fluttertoast.showToast(
+        msg: "Old Password Required!",
+        toastLength: Toast.LENGTH_SHORT,
+        gravity: ToastGravity.CENTER,
+        timeInSecForIosWeb: 1,
+        textColor: Colors.white,
+        fontSize: 16.0);
+    result = false;
+  }
+
+  if (newPasswordController.text.toString().isEmpty) {
+    Fluttertoast.showToast(
+        msg: "New Password Required",
+        toastLength: Toast.LENGTH_SHORT,
+        gravity: ToastGravity.CENTER,
+        timeInSecForIosWeb: 1,
+        textColor: Colors.white,
+        fontSize: 16.0);
+    result = false;
+  }
+
+  if (retypeNewPasswordController.text.toString().isEmpty) {
+    Fluttertoast.showToast(
+        msg: "Retype New Password Required",
+        toastLength: Toast.LENGTH_SHORT,
+        gravity: ToastGravity.CENTER,
+        timeInSecForIosWeb: 1,
+        textColor: Colors.white,
+        fontSize: 16.0);
+    result = false;
+  }
+
+  return result;
+}
+
+//LOGOUT
+showAlertDialogLogout(BuildContext context) {
+  // set up the button
+  Widget okButton = TextButton(
+    child: Text("Yes"),
+    onPressed: () async {
+      ProgressDialog loading = ProgressDialog(context);
+      loading = ProgressDialog(context,
+          type: ProgressDialogType.normal,
+          isDismissible: false,
+          showLogs: true);
+      loading.style(
+          message: 'Please Wait .....',
+          borderRadius: 5,
+          backgroundColor: Colors.white,
+          progressWidget: CircularProgressIndicator(),
+          elevation: 10.0,
+          padding: EdgeInsets.all(10),
+          insetAnimCurve: Curves.easeInOut,
+          progress: 0.0,
+          maxProgress: 100.0,
+          progressTextStyle: TextStyle(
+              color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
+          messageTextStyle: TextStyle(
+              color: Colors.black,
+              fontSize: 15.0,
+              fontWeight: FontWeight.w600));
+      await loading.show();
+
+      final SharedPreferences prefs = await SharedPreferences.getInstance();
+      final session = prefs.getString('session');
+
+      Logout_Post.connectToAPI(session!).then((valueResult) async {
+        Map<String, dynamic> object = json.decode(valueResult);
+        if (object.containsKey("result").toString() == "true") {
+          String status = object['result']['status'].toString();
+          if (status == "success") {
+            final session = await prefs.remove('session');
+            logDev.log(session.toString(), name: "SESSION KEHAPUS GA?");
+            Navigator.of(context, rootNavigator: true).pop();
+            await loading.hide();
+            Navigator.pushAndRemoveUntil(
+                context,
+                MaterialPageRoute(builder: (context) => LoginView()),
+                (route) => false);
+          } else if (status == "failed") {
+            String message = object['result']['message'].toString();
+            Fluttertoast.showToast(
+                msg: message,
+                toastLength: Toast.LENGTH_SHORT,
+                gravity: ToastGravity.CENTER,
+                timeInSecForIosWeb: 1,
+                textColor: Colors.white,
+                fontSize: 16.0);
+            await loading.hide();
+            Navigator.of(context, rootNavigator: true).pop();
+          }
+        } else {
+          Fluttertoast.showToast(
+              msg: "Server Response Error",
+              toastLength: Toast.LENGTH_SHORT,
+              gravity: ToastGravity.CENTER,
+              timeInSecForIosWeb: 1,
+              textColor: Colors.white,
+              fontSize: 16.0);
+          await loading.hide();
+          Navigator.of(context, rootNavigator: true).pop();
+        }
+      });
     },
   );
 
@@ -274,8 +1004,9 @@ showAlertDialog(BuildContext context) {
 
   // set up the AlertDialog
   AlertDialog alert = AlertDialog(
-    title: Text("HRIS Self Service"),
-    content: Text("Are you sure you want to logout from this Application?"),
+    title: Text("Employee Self Service"),
+    //content: Text("Are you sure you want to logout from this Application?"),
+    content: Text("Apakah Anda yakin ingin keluar dari aplikasi ini?"),
     actions: [noButton, okButton],
   );
 

lib/Screens/Splash/loginstatus_post.dart

@@ -0,0 +1,46 @@
+import 'dart:convert';
+import 'dart:core';
+import 'package:http/http.dart' as http;
+import 'package:hris_selfservice_mobile/constants.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'dart:developer' as logDev;
+
+class LoginStatus_Post {
+  late String version;
+  late String device;
+  late String session;
+  late String notif_token;
+
+  LoginStatus_Post(
+      {required this.version,
+      required this.device,
+      required this.session,
+      required this.notif_token});
+
+  static Future<String> connectToAPI(
+      String version, String device, String session, String notif_token) async {
+    String URL = baseURL + "/api/v1/login_status";
+    print(URL);
+
+    var sendData = await http.post(Uri.parse(URL),
+        body: jsonEncode({
+          "data": [
+            {
+              "version": version,
+              "device": device,
+              "session": session,
+              "notif_token": notif_token
+            }
+          ]
+        }),
+        headers: {"Content-Type": "application/json", "Api-key": apiKey});
+
+    return sendData.body;
+
+
+    // var jsonObject = json.decode(sendData.body);
+    //developer.log(jsonObject.toString(), name: 'Log');
+    // return jsonObject;
+    // return LoginPostResult.createPostResult(jsonObject);
+  }
+}

lib/Screens/Splash/splash_screen.dart

@@ -1,10 +1,17 @@
 import 'dart:async';
-
+import 'dart:convert';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:fluttertoast/fluttertoast.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:hris_selfservice_mobile/Screens/Login/login_screen.dart';
+import 'package:hris_selfservice_mobile/Screens/Splash/loginstatus_post.dart';
 import 'package:lottie/lottie.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import '../Home/home_screen.dart';
 import '../Splash/background.dart';
+import 'package:url_launcher/url_launcher.dart';
+import 'dart:developer' as logDev;
 
 class Splash extends StatefulWidget {
   const Splash({Key? key}) : super(key: key);
@@ -17,10 +24,7 @@ class _SplashState extends State<Splash> {
   @override
   void initState() {
     super.initState();
-    Timer(
-        Duration(seconds: 10),
-        () => Navigator.pushReplacement(
-            context, MaterialPageRoute(builder: (context) => LoginView())));
+    Timer(Duration(seconds: 10), () => loginStatus(context));
   }
 
   @override
@@ -66,15 +70,186 @@ class SplashScreen extends StatelessWidget {
               child: SizedBox(
                 width: 250,
                 height: 250,
-                child: LottieBuilder.asset('assets/animation/animation_1.json',
+                child: LottieBuilder.asset('assets/animation/animation_4.json',
                     repeat: true),
               ),
             ),
-            Text('Lottie Animation\nby Lottiefiles.com',
-                style: GoogleFonts.knewave(fontSize: 17, color: Colors.white))
+            Text('Employee Self Service',
+                style: GoogleFonts.knewave(fontSize: 22, color: Colors.white))
           ],
         ),
       ),
     ));
   }
 }
+
+Future<void> loginStatus(BuildContext context) async {
+  final SharedPreferences prefs = await SharedPreferences.getInstance();
+  String? version = prefs.getString('version');
+  String? device = prefs.getString('device');
+  String? session = prefs.getString('session');
+  String? notif_token = prefs.getString('notif_token');
+
+  if (session == null) {
+    session = "";
+    version = "";
+    device = "";
+    notif_token = "";
+  }
+
+  logDev.log(session, name: "SESSIONNYA");
+
+  LoginStatus_Post.connectToAPI(version!, device!, session, notif_token!)
+      .then((valueResult) async {
+    Map<String, dynamic> object = json.decode(valueResult);
+    logDev.log(valueResult, name: "LOGIN STATUS!");
+    if (object.containsKey("result").toString() == "true") {
+      String status = object['result']['status'].toString();
+      if (status == "success") {
+        Fluttertoast.showToast(
+            msg: "You are already logged in",
+            toastLength: Toast.LENGTH_SHORT,
+            gravity: ToastGravity.CENTER,
+            timeInSecForIosWeb: 1,
+            textColor: Colors.white,
+            fontSize: 16.0);
+        Navigator.pushReplacement(
+            context, MaterialPageRoute(builder: (context) => HomeView()));
+      } else if (status == "failed") {
+        String message = object['result']['message'].toString();
+        if (message == "Not Logged In") {
+          Fluttertoast.showToast(
+              msg: message,
+              toastLength: Toast.LENGTH_SHORT,
+              gravity: ToastGravity.CENTER,
+              timeInSecForIosWeb: 1,
+              textColor: Colors.white,
+              fontSize: 16.0);
+          Navigator.pushReplacement(
+              context, MaterialPageRoute(builder: (context) => LoginView()));
+        } else {
+          String title = object['result']['title'].toString();
+          String action = object['result']['action'].toString();
+          String block = object['result']['block'].toString();
+          if (block == "false") {
+            Widget okButton = TextButton(
+              child: Text(action),
+              onPressed: () {
+                _launchURL(Uri.parse("https://play.google.com/store/apps"));
+                SystemChannels.platform.invokeMethod('SystemNavigator.pop');
+              },
+            );
+
+            Widget noButton = TextButton(
+              child: Text("Later"),
+              onPressed: () {
+                if (session == ""){
+                  Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => LoginView()));
+                } else {
+                  Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => HomeView()));
+                }
+              },
+            );
+
+            // set up the AlertDialog
+            AlertDialog alert = AlertDialog(
+              title: Text("Employee Self Service"),
+              content: Text(title + "\n" + message),
+              actions: [noButton, okButton],
+            );
+
+            // show the dialog
+            showDialog(
+              context: context,
+              builder: (BuildContext context) {
+                return alert;
+              },
+            );
+          } else if (block == "true") {
+            Widget okButton = TextButton(
+              child: Text(action),
+              onPressed: () {
+                if (action == "update") {
+                  _launchURL(Uri.parse("https://play.google.com/store/apps"));
+                  SystemChannels.platform.invokeMethod('SystemNavigator.pop');
+                } else if (action == "close") {
+                  SystemChannels.platform.invokeMethod('SystemNavigator.pop');
+                }
+              },
+            );
+
+            // set up the AlertDialog
+            AlertDialog alert = AlertDialog(
+              title: Text("Employee Self Service"),
+              content: Text(title + "\n" + message),
+              actions: [okButton],
+            );
+
+            // show the dialog
+            showDialog(
+              context: context,
+              builder: (BuildContext context) {
+                return alert;
+              },
+            );
+          }
+        }
+      }
+    } else {
+      alertDialogFailedResponse(context);
+      /*Fluttertoast.showToast(
+          msg: "Server Response Error",
+          toastLength: Toast.LENGTH_SHORT,
+          gravity: ToastGravity.CENTER,
+          timeInSecForIosWeb: 1,
+          textColor: Colors.white,
+          fontSize: 16.0);*/
+    }
+  });
+}
+
+_launchURL(Uri url) async {
+  if (await canLaunchUrl(url)) {
+    await launchUrl(url);
+  } else {
+    throw 'Could not launch $url';
+  }
+}
+
+alertDialogFailedResponse(BuildContext context){
+  Widget okButton = TextButton(
+    child: Text("Refresh"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pushReplacement(context, MaterialPageRoute(
+          builder: (context) => SplashScreen()));
+    },
+  );
+
+  Widget noButton = TextButton(
+    child: Text("Back"),
+    onPressed: () {
+      Navigator.of(context, rootNavigator: true).pop();
+      Navigator.pop(context);
+
+    },
+  );
+
+  // set up the AlertDialog
+  AlertDialog alert = AlertDialog(
+    title: Text("Employee Self Service"),
+    content: Text("Server Response Error"),
+    actions: [
+      noButton,
+      okButton,
+    ],
+  );
+
+  // show the dialog
+  showDialog(
+    context: context,
+    builder: (BuildContext context) {
+      return alert;
+    },
+  );
+}

lib/constants.dart

@@ -3,4 +3,12 @@ import 'package:flutter/material.dart';
 const kPrimaryColor = Color(0xFF6F35A5);
 const kPrimaryLightColor = Color(0xFFF1E6FF);
 
-const double defaultPadding = 16.0;
+const double defaultPadding = 16.0;
+
+
+//String baseURL = "http://10.209.8.49:8090";
+//String baseURL = "https://bisops.globalservice.co.id";
+String baseURL = "https://urp.myapps.id";
+//String apiKey = "admin";
+//String apiKey = "G514p1k3y";
+String apiKey = "4pik3y";

linux/flutter/generated_plugin_registrant.cc

@@ -6,6 +6,10 @@
 
 #include "generated_plugin_registrant.h"
 
+#include <url_launcher_linux/url_launcher_plugin.h>
 
 void fl_register_plugins(FlPluginRegistry* registry) {
+  g_autoptr(FlPluginRegistrar) url_launcher_linux_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "UrlLauncherPlugin");
+  url_launcher_plugin_register_with_registrar(url_launcher_linux_registrar);
 }

linux/flutter/generated_plugins.cmake

@@ -3,6 +3,7 @@
 #
 
 list(APPEND FLUTTER_PLUGIN_LIST
+  url_launcher_linux
 )
 
 list(APPEND FLUTTER_FFI_PLUGIN_LIST

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -5,10 +5,26 @@
 import FlutterMacOS
 import Foundation
 
+import device_info_plus
+import firebase_core
+import firebase_messaging
+import flutter_local_notifications
+import flutter_udid
 import geolocator_apple
+import location
 import path_provider_macos
+import shared_preferences_macos
+import url_launcher_macos
 
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  DeviceInfoPlusMacosPlugin.register(with: registry.registrar(forPlugin: "DeviceInfoPlusMacosPlugin"))
+  FLTFirebaseCorePlugin.register(with: registry.registrar(forPlugin: "FLTFirebaseCorePlugin"))
+  FLTFirebaseMessagingPlugin.register(with: registry.registrar(forPlugin: "FLTFirebaseMessagingPlugin"))
+  FlutterLocalNotificationsPlugin.register(with: registry.registrar(forPlugin: "FlutterLocalNotificationsPlugin"))
+  FlutterUdidPlugin.register(with: registry.registrar(forPlugin: "FlutterUdidPlugin"))
   GeolocatorPlugin.register(with: registry.registrar(forPlugin: "GeolocatorPlugin"))
+  LocationPlugin.register(with: registry.registrar(forPlugin: "LocationPlugin"))
   PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin"))
+  SharedPreferencesPlugin.register(with: registry.registrar(forPlugin: "SharedPreferencesPlugin"))
+  UrlLauncherPlugin.register(with: registry.registrar(forPlugin: "UrlLauncherPlugin"))
 }

pubspec.lock

@@ -1,6 +1,13 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  _flutterfire_internals:
+    dependency: transitive
+    description:
+      name: _flutterfire_internals
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.12"
   animated_splash_screen:
     dependency: "direct main"
     description:
@@ -8,6 +15,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.3.0"
+  animated_stack_widget:
+    dependency: transitive
+    description:
+      name: animated_stack_widget
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.0.4"
+  ansicolor:
+    dependency: transitive
+    description:
+      name: ansicolor
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.1"
   archive:
     dependency: transitive
     description:
@@ -23,7 +44,7 @@ packages:
     source: hosted
     version: "2.3.1"
   async:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: async
       url: "https://pub.dartlang.org"
@@ -49,7 +70,7 @@ packages:
       name: checked_yaml
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.1"
+    version: "2.0.2"
   cli_util:
     dependency: transitive
     description:
@@ -65,12 +86,19 @@ packages:
     source: hosted
     version: "1.1.1"
   collection:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.16.0"
+  console_log_handler:
+    dependency: transitive
+    description:
+      name: console_log_handler
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.6"
   convert:
     dependency: transitive
     description:
@@ -78,6 +106,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "3.1.1"
+  cross_file:
+    dependency: transitive
+    description:
+      name: cross_file
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.3.3+2"
   crypto:
     dependency: transitive
     description:
@@ -92,6 +127,41 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.5"
+  dbus:
+    dependency: transitive
+    description:
+      name: dbus
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.7.8"
+  device_imei:
+    dependency: "direct main"
+    description:
+      name: device_imei
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.0.2"
+  device_info_plus:
+    dependency: "direct main"
+    description:
+      name: device_info_plus
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "8.0.0"
+  device_info_plus_platform_interface:
+    dependency: transitive
+    description:
+      name: device_info_plus_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "7.0.0"
+  dio:
+    dependency: "direct main"
+    description:
+      name: dio
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.6"
   double_back_to_close:
     dependency: "direct main"
     description:
@@ -120,18 +190,130 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "6.1.4"
+  file_picker:
+    dependency: "direct main"
+    description:
+      name: file_picker
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.2.4"
+  firebase_core:
+    dependency: "direct main"
+    description:
+      name: firebase_core
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.4.1"
+  firebase_core_platform_interface:
+    dependency: transitive
+    description:
+      name: firebase_core_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.5.2"
+  firebase_core_web:
+    dependency: transitive
+    description:
+      name: firebase_core_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  firebase_messaging:
+    dependency: "direct main"
+    description:
+      name: firebase_messaging
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "14.2.1"
+  firebase_messaging_platform_interface:
+    dependency: transitive
+    description:
+      name: firebase_messaging_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.2.10"
+  firebase_messaging_web:
+    dependency: transitive
+    description:
+      name: firebase_messaging_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.2.11"
   flutter:
     dependency: "direct main"
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_image:
+    dependency: "direct main"
+    description:
+      name: flutter_image
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.1.4"
   flutter_launcher_icons:
-    dependency: "direct dev"
+    dependency: "direct main"
     description:
       name: flutter_launcher_icons
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.11.0"
+  flutter_local_notifications:
+    dependency: "direct main"
+    description:
+      name: flutter_local_notifications
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "13.0.0"
+  flutter_local_notifications_linux:
+    dependency: transitive
+    description:
+      name: flutter_local_notifications_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.0"
+  flutter_local_notifications_platform_interface:
+    dependency: transitive
+    description:
+      name: flutter_local_notifications_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.0.0"
+  flutter_map:
+    dependency: "direct main"
+    description:
+      name: flutter_map
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.0"
+  flutter_map_marker_cluster:
+    dependency: "direct main"
+    description:
+      name: flutter_map_marker_cluster
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.1"
+  flutter_map_marker_popup:
+    dependency: transitive
+    description:
+      name: flutter_map_marker_popup
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.0"
+  flutter_plugin_android_lifecycle:
+    dependency: transitive
+    description:
+      name: flutter_plugin_android_lifecycle
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.7"
+  flutter_polyline_points:
+    dependency: "direct main"
+    description:
+      name: flutter_polyline_points
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   flutter_staggered_grid_view:
     dependency: "direct main"
     description:
@@ -151,6 +333,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_udid:
+    dependency: "direct main"
+    description:
+      name: flutter_udid
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1"
   flutter_web_plugins:
     dependency: transitive
     description: flutter
@@ -162,7 +351,28 @@ packages:
       name: fluttertoast
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "8.1.1"
+    version: "8.1.2"
+  geocoder:
+    dependency: "direct main"
+    description:
+      name: geocoder
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.2.1"
+  geocoding:
+    dependency: "direct main"
+    description:
+      name: geocoding
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.5"
+  geocoding_platform_interface:
+    dependency: transitive
+    description:
+      name: geocoding_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1"
   geolocator:
     dependency: "direct main"
     description:
@@ -205,6 +415,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.1.1"
+  get_it:
+    dependency: "direct main"
+    description:
+      name: get_it
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "7.2.0"
   google_fonts:
     dependency: "direct main"
     description:
@@ -213,7 +430,7 @@ packages:
     source: hosted
     version: "3.0.1"
   http:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: http
       url: "https://pub.dartlang.org"
@@ -232,7 +449,70 @@ packages:
       name: image
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.2.2"
+    version: "3.3.0"
+  image_cropper:
+    dependency: "direct main"
+    description:
+      name: image_cropper
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.1"
+  image_cropper_for_web:
+    dependency: transitive
+    description:
+      name: image_cropper_for_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.3"
+  image_cropper_platform_interface:
+    dependency: transitive
+    description:
+      name: image_cropper_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.3"
+  image_picker:
+    dependency: "direct main"
+    description:
+      name: image_picker
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.8.6"
+  image_picker_android:
+    dependency: transitive
+    description:
+      name: image_picker_android
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.8.5+4"
+  image_picker_for_web:
+    dependency: transitive
+    description:
+      name: image_picker_for_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.10"
+  image_picker_ios:
+    dependency: transitive
+    description:
+      name: image_picker_ios
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.8.6+5"
+  image_picker_platform_interface:
+    dependency: transitive
+    description:
+      name: image_picker_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.6.2"
+  intl:
+    dependency: "direct main"
+    description:
+      name: intl
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.17.0"
   js:
     dependency: transitive
     description:
@@ -247,13 +527,62 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.7.0"
+  latlong:
+    dependency: "direct main"
+    description:
+      name: latlong
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.6.1"
+  latlong2:
+    dependency: transitive
+    description:
+      name: latlong2
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.8.1"
+  lists:
+    dependency: transitive
+    description:
+      name: lists
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.1"
+  location:
+    dependency: "direct main"
+    description:
+      name: location
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.4.0"
+  location_platform_interface:
+    dependency: transitive
+    description:
+      name: location_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.3.0"
+  location_web:
+    dependency: transitive
+    description:
+      name: location_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.1"
+  logging:
+    dependency: transitive
+    description:
+      name: logging
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.11.4"
   lottie:
     dependency: "direct main"
     description:
       name: lottie
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.0"
+    version: "2.1.0"
   matcher:
     dependency: transitive
     description:
@@ -269,12 +598,26 @@ packages:
     source: hosted
     version: "0.1.5"
   meta:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: meta
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.0"
+  mgrs_dart:
+    dependency: transitive
+    description:
+      name: mgrs_dart
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
+  nested:
+    dependency: transitive
+    description:
+      name: nested
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   page_transition:
     dependency: transitive
     description:
@@ -380,6 +723,27 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "3.6.2"
+  polylabel:
+    dependency: transitive
+    description:
+      name: polylabel
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.1"
+  positioned_tap_detector:
+    dependency: "direct main"
+    description:
+      name: positioned_tap_detector
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.3"
+  positioned_tap_detector_2:
+    dependency: transitive
+    description:
+      name: positioned_tap_detector_2
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.4"
   process:
     dependency: transitive
     description:
@@ -387,6 +751,83 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.2.4"
+  progress_dialog_null_safe:
+    dependency: "direct main"
+    description:
+      name: progress_dialog_null_safe
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.7"
+  proj4dart:
+    dependency: transitive
+    description:
+      name: proj4dart
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  provider:
+    dependency: transitive
+    description:
+      name: provider
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.0.5"
+  shared_preferences:
+    dependency: "direct main"
+    description:
+      name: shared_preferences
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.15"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.14"
+  shared_preferences_ios:
+    dependency: transitive
+    description:
+      name: shared_preferences_ios
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.1"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.2"
+  shared_preferences_macos:
+    dependency: transitive
+    description:
+      name: shared_preferences_macos
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.4"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.4"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.2"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -434,6 +875,27 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.4.12"
+  timezone:
+    dependency: transitive
+    description:
+      name: timezone
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.9.1"
+  transparent_image:
+    dependency: "direct main"
+    description:
+      name: transparent_image
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
+  tuple:
+    dependency: "direct main"
+    description:
+      name: tuple
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1"
   typed_data:
     dependency: transitive
     description:
@@ -441,8 +903,78 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.3.1"
-  vector_math:
+  unicode:
     dependency: transitive
+    description:
+      name: unicode
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.3.1"
+  url_launcher:
+    dependency: "direct main"
+    description:
+      name: url_launcher
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.1.7"
+  url_launcher_android:
+    dependency: transitive
+    description:
+      name: url_launcher_android
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.0.22"
+  url_launcher_ios:
+    dependency: transitive
+    description:
+      name: url_launcher_ios
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.0.17"
+  url_launcher_linux:
+    dependency: transitive
+    description:
+      name: url_launcher_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.1"
+  url_launcher_macos:
+    dependency: transitive
+    description:
+      name: url_launcher_macos
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.1"
+  url_launcher_platform_interface:
+    dependency: transitive
+    description:
+      name: url_launcher_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.1"
+  url_launcher_web:
+    dependency: transitive
+    description:
+      name: url_launcher_web
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.13"
+  url_launcher_windows:
+    dependency: transitive
+    description:
+      name: url_launcher_windows
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.1"
+  validate:
+    dependency: transitive
+    description:
+      name: validate
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.7.0"
+  vector_math:
+    dependency: "direct main"
     description:
       name: vector_math
       url: "https://pub.dartlang.org"
@@ -454,7 +986,14 @@ packages:
       name: win32
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.1.1"
+    version: "3.1.3"
+  wkt_parser:
+    dependency: transitive
+    description:
+      name: wkt_parser
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
   xdg_directories:
     dependency: transitive
     description:

pubspec.yaml

@@ -33,7 +33,6 @@ dependencies:
     sdk: flutter
   google_fonts: ^3.0.1
 
-
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2
@@ -42,19 +41,69 @@ dependencies:
   double_back_to_close: ^2.0.0
   animated_splash_screen: ^1.3.0
   lottie: ^2.0.0
-  geolocator: ^9.0.2
   fluttertoast: ^8.1.1
+  #google_maps_flutter: ^2.2.1
+  http: ^0.13.5
+  intl: ^0.17.0
+  dio: ^4.0.6
+  get_it: ^7.2.0
+  firebase_messaging: ^14.1.3
+  firebase_core: ^2.4.0
+  flutter_local_notifications: ^13.0.0
+  shared_preferences: ^2.0.15
+  # device_information: ^0.0.4
+  device_imei: ^0.0.2
+  device_info_plus: ^8.0.0
+  flutter_udid: ^2.0.1
+  image_picker: ^0.8.6
+  image_cropper: ^3.0.1
+  url_launcher: ^6.1.7
+  #progress_dialog: ^1.2.4
+  progress_dialog_null_safe: ^1.0.4
+  #mapbox_gl: ^0.16.0
+  file_picker: ^5.2.4
+  #device_id: ^0.2.0
+  flutter_launcher_icons: ^0.11.0
+  location: ^4.4.0
+  latlong: ^0.6.1
+  flutter_map: ^3.1.0
+  geolocator: ^9.0.2
+  geocoding: ^2.0.5
+  geocoder: ^0.2.1
+  tuple: ^2.0.1
+  positioned_tap_detector: ^1.0.3
+  transparent_image: ^2.0.0
+  async: ^2.9.0
+  flutter_image: ^4.1.4
+  vector_math: ^2.1.2
+  meta: ^1.1.0
+  collection: ^1.16.0
+  flutter_map_marker_cluster: ^1.0.1
+  flutter_polyline_points: ^1.0.0
+
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
 
-  flutter_launcher_icons: ^0.11.0
 
 flutter_icons:
   android: true
   ios: true
-  image_path: "assets/images/logo.png"
+  image_path: "assets/images/ic_logo.png"
+  min_sdk_android: 21 # android min sdk min:16, default 21
+  web:
+    generate: true
+    image_path: "assets/images/ic_logo.png"
+    background_color: "#hexcode"
+    theme_color: "#hexcode"
+  windows:
+    generate: true
+    image_path: "assets/images/ic_logo.png"
+    icon_size: 48 # min:48, max:256, default: 48
+  macos:
+    generate: true
+    image_path: "assets/images/ic_logo.png"
 
   # The "flutter_lints" package below contains a set of recommended lints to
   # encourage good coding practices. The lint set provided by the package is

windows/flutter/generated_plugin_registrant.cc

@@ -7,8 +7,11 @@
 #include "generated_plugin_registrant.h"
 
 #include <geolocator_windows/geolocator_windows.h>
+#include <url_launcher_windows/url_launcher_windows.h>
 
 void RegisterPlugins(flutter::PluginRegistry* registry) {
   GeolocatorWindowsRegisterWithRegistrar(
       registry->GetRegistrarForPlugin("GeolocatorWindows"));
+  UrlLauncherWindowsRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("UrlLauncherWindows"));
 }

windows/flutter/generated_plugins.cmake

@@ -4,6 +4,7 @@
 
 list(APPEND FLUTTER_PLUGIN_LIST
   geolocator_windows
+  url_launcher_windows
 )
 
 list(APPEND FLUTTER_FFI_PLUGIN_LIST