GSI - Employe Self Service Mobile
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

866 lines
44 KiB

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:employee_selfservice_mobile/Screens/Menu/Reimburse/RequestHttp/categoryReimburse_post.dart';
import 'package:intl/intl.dart';
import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';
import 'dart:developer' as logDev;
import '../SlipGaji/background.dart';
import 'RequestHttp/pengajuanReimburse_post.dart';
import 'history_reimburse.dart';
List<String> fileAttach = [""];
TextEditingController namaProdukTeksController = TextEditingController();
TextEditingController deskripsiTeksController = TextEditingController();
TextEditingController totalHargaTeksController = TextEditingController();
class ReimburseScreen extends StatefulWidget {
const ReimburseScreen({Key? key}) : super(key: key);
@override
State<ReimburseScreen> createState() => _ReimburseScreen();
}
class _ReimburseScreen extends State<ReimburseScreen> {
String _fileText = "";
String _totalFile= "";
bool visibleDateFrom = false;
late List <String> idReimburseCategory;
late List <String> reimburseCategory;
DateTime dateFrom = DateTime.now();
late String formattedDateFrom = "";
late String idReimburse;
var selectedCategory;
String valuePayment = "";
initState(){
namaProdukTeksController.clear();
deskripsiTeksController.clear();
totalHargaTeksController.clear();
reimburseCategory = [""];
idReimburseCategory = [""];
WidgetsBinding.instance.addPostFrameCallback((_) {
reimburseCategory = getKategoriReimburse();
});
super.initState();
}
getKategoriReimburse () 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));
await loading.show();
CategoryReimburse_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")) {
await loading.hide();
setState(() {
alertDialogFailedRetrievedData(context);
});
} else {
List <dynamic> kategori = object['result'];
setState(() {
idReimburseCategory.removeAt(0);
reimburseCategory.removeAt(0);
for (int i = 0; i < kategori.length; i++){
int id = kategori[i]['id'];
String name = kategori[i]['name'].toString();
idReimburseCategory.add(id.toString());
reimburseCategory.add(name);
}
logDev.log(idReimburseCategory.toString(), name: "ID Reimburse");
});
await loading.hide();
}
} else {
setState(() async {
await loading.hide();
alertDialogFailedResponse(context);
});
await loading.hide();
}
});
return reimburseCategory;
}
@override
Widget build(BuildContext context) {
var size = MediaQuery.sizeOf(context);
return Scaffold(
body: SingleChildScrollView(
child: Column(
children: <Widget>[
Stack(
children: [
WavyHeader(),
Container(
margin: EdgeInsets.only(top: MediaQuery.of(context).size.height/6 - 20),
padding: EdgeInsets.fromLTRB(20, 5, 25, 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text(
'Reimbursement\t\t',
maxLines: 2,
style: GoogleFonts.luckiestGuy(
fontSize: 28,
color: Color(0xFF4858A7),
fontStyle: FontStyle.italic,
),
),
Image.asset("assets/icons/menu/ic_reimburse.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,
bottom : 15,
),
child: Column(
children: [
InkWell(
child: Container(
margin: EdgeInsets.only(top: 5, 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('See Reimbursement History\t\t',
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.white,
fontSize: 17,
fontWeight: FontWeight.w500)),
Image.asset(
'assets/images/ic_arrow_white.png',
width: 30,
height: 30,
)
],
)),
onTap: () {
Navigator.push(context, MaterialPageRoute(
builder: (context) => HistoryReimburse()));
},
),
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: 15, bottom: 10),
child: Text('Reimbursement Submission', style:
GoogleFonts.josefinSans(fontSize: 19, fontWeight: FontWeight.bold, decoration: TextDecoration.underline,
decorationStyle: TextDecorationStyle.dashed),),
),
Container(
margin: EdgeInsets.only(left: 10, right: 10, top: 15, bottom: 10),
child: Column(
children: [
Align(
alignment: Alignment.centerLeft,
child: Text(
'Category',
style: GoogleFonts.inconsolata(
fontSize: 16, fontWeight: FontWeight.bold),
),
),
Container(
margin: EdgeInsets.only(top: 7),
decoration: BoxDecoration(
color:
CupertinoColors.systemGrey2,
borderRadius:
BorderRadius.circular(5)),
child: DropdownButton(
menuMaxHeight: size.height * 0.31,
dropdownColor: Colors.grey.shade300,
value: this.selectedCategory,
isExpanded: true,
underline: SizedBox(),
hint: Text(
'\t\t\Choose Category',
style: TextStyle(
color: Colors.black54),
),
onChanged: (value) {
print(value);
setState(() {
selectedCategory = value!;
for (int i = 0; i < reimburseCategory.length; i++){
if (selectedCategory == reimburseCategory.elementAt(i)){
idReimburse = idReimburseCategory.elementAt(i);
}
}
logDev.log(idReimburse, name: "ID REIMBURSENYA APA");
});
},
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: [
Align(
alignment: Alignment.centerLeft,
child: Text(
'Item Name',
style: GoogleFonts.inconsolata(
fontSize: 16, fontWeight: FontWeight.bold),
),
),
Container(
margin: EdgeInsets.only(top: 7),
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,
controller: namaProdukTeksController,
maxLines: null,
textInputAction:
TextInputAction.done,
decoration: InputDecoration(
border:
InputBorder.none,
hintText: "ex. Airplane Ticket")),
)),
],
),
),
Container(
margin: EdgeInsets.only(
left: 10, right: 10, top: 10, bottom: 10),
child: Column(
children: [
Column(
children: [
Align(
alignment: Alignment.centerLeft,
child: Text(
'Date', style: GoogleFonts.inconsolata(fontSize: 16, fontWeight: FontWeight.bold),
),
),
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;
});
}
},
child: Container(
width: double.infinity,
child: Text(
"Choose Date",
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: Column(
children: [
Align(
alignment: Alignment.centerLeft,
child: Text(
'Total Amount',
style: GoogleFonts.inconsolata(
fontSize: 16, fontWeight: FontWeight.bold),
)
),
Container(
margin: EdgeInsets.only(top: 7),
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,
controller: totalHargaTeksController,
textInputAction:
TextInputAction.next,
decoration: InputDecoration(
border:
InputBorder.none,
hintText:
"ex. 1500500", )),
)
)
],
),
),
Container(
margin: EdgeInsets.only(
left: 10, right: 10, top: 10, bottom: 10),
child: Column(
children: [
Align(
alignment: Alignment.centerLeft,
child: Text(
'Description',
style: GoogleFonts.inconsolata(
fontSize: 16, fontWeight: FontWeight.bold),
)),
Container(
margin: EdgeInsets.only(top: 7),
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,
controller: deskripsiTeksController,
maxLines: null,
textInputAction:
TextInputAction.done,
decoration: InputDecoration(
border:
InputBorder.none,
hintText: "description")),
)
)
],
),
),
Container(
margin: EdgeInsets.only(
left: 10, right: 10, top: 10, bottom: 10),
child: Column(
children: [
Align(
alignment: Alignment.centerLeft,
child: Text('Payment', style: GoogleFonts.inconsolata(
fontSize: 16, fontWeight: FontWeight.bold),
)
),
Container(
child: Column(
children: [
Row(
children: [
Radio(
value: "own_account",
groupValue: valuePayment,
onChanged: (value) {
setState(() {
valuePayment = value!;
});
},
),
Flexible(
child: Text(
"Own (Need Reimburse)", style: TextStyle(color: Colors.black54,
)
)
),
],
),
Row(
children: [
Radio(
value: "company_account",
groupValue: valuePayment,
onChanged: (value) {
setState(() {
valuePayment = value!;
//logDev.log(valuePayment, name: "VALUE PAYMENT");
});
},
),
Flexible(
child: Text(
"Company",
style: TextStyle(
color: Colors
.black54)))
],
),
],
),
),
],
),
),
Container(
margin: EdgeInsets.only(
left: 10, right: 10, top: 10),
child: Column(
children: [
Align(
alignment: Alignment.centerLeft,
child: Text(
'Attachment',
style: GoogleFonts.inconsolata(
fontSize: 16, fontWeight: FontWeight.bold),
),
),
Container(
child: ElevatedButton(
onPressed: () {
_pickMultipleFiles();
},
/*style: ElevatedButton.styleFrom(
backgroundColor:
CupertinoColors
.systemGrey2),*/
child: Container(
width: double.infinity,
child: Text("Choose File",
style: TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight:
FontWeight.w400)),
),
),
),
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(
margin: EdgeInsets.only(left: 10, right: 10, bottom: 15),
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('Submit',
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.white,
fontSize: 17,
fontWeight: FontWeight.w500)),
),
onTap: () 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));
if (!validateFormReimburse(context)){
return;
} else if (validateFormReimburse(context)){
await loading.show();
PengajuanReimburse_Post.connectToAPI(namaProdukTeksController.text.toString(), idReimburse,
formattedDateFrom, totalHargaTeksController.text.toString(), valuePayment,
deskripsiTeksController.text.toString(), fileAttach).then((valueResult) async {
logDev.log(fileAttach.toString(), name: "FILE ATTACH APA AJA");
Map<String, dynamic> object = json.decode(valueResult);
if (object.containsKey("result").toString() == "true") {
String result = object['result'].toString();
if (result.contains("status")) {
await 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("Error Submit, Please Try Again Later!"),
actions: [
okButton,
],
);
// show the dialog
showDialog(
context: context,
barrierDismissible: false,
builder: (BuildContext context) {
return alert;
},
);
} else {
await loading.hide();
formattedDateFrom = "";
visibleDateFrom = false;
visibleDateFrom = false;
deskripsiTeksController.clear();
Widget okButton = TextButton(
child: Text("OK"),
onPressed: () {
Navigator.of(context, rootNavigator: true).pop();
Navigator.pushReplacement(context, MaterialPageRoute(
builder: (context) => ReimburseScreen()));
},
);
// set up the AlertDialog
AlertDialog alert = AlertDialog(
title: Text("Employee Self Service"),
content: Text("Success Submit Reimburse"),
actions: [
okButton,
],
);
// show the dialog
showDialog(
context: context,
barrierDismissible: false,
builder: (BuildContext context) {
return alert;
},
);
}
} else {
await loading.hide();
alertDialogFailedResponse(context);
}
});
}
},
)
],
),
),
),
),
],
),
),
),
],
),
],
)),
);
}
//Pick Files
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
}
}
//Validasi Form Reimburse
bool validateFormReimburse(BuildContext context) {
bool result = true;
if (selectedCategory == null) {
Fluttertoast.showToast(
msg: "Category Not Selected",
toastLength: Toast.LENGTH_SHORT,
gravity: ToastGravity.CENTER,
timeInSecForIosWeb: 1,
textColor: Colors.white,
fontSize: 16.0);
result = false;
} else if (namaProdukTeksController.text.toString().isEmpty) {
Fluttertoast.showToast(
msg: "Item Name Required!",
toastLength: Toast.LENGTH_SHORT,
gravity: ToastGravity.CENTER,
timeInSecForIosWeb: 1,
textColor: Colors.white,
fontSize: 16.0);
result = false;
} else if (formattedDateFrom == "") {
Fluttertoast.showToast(
msg: "Date Not Selected",
toastLength: Toast.LENGTH_SHORT,
gravity: ToastGravity.CENTER,
timeInSecForIosWeb: 1,
textColor: Colors.white,
fontSize: 16.0);
result = false;
} else if (totalHargaTeksController.text.toString().isEmpty) {
Fluttertoast.showToast(
msg: "Total Amount Required!",
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: "Description Required!",
toastLength: Toast.LENGTH_SHORT,
gravity: ToastGravity.CENTER,
timeInSecForIosWeb: 1,
textColor: Colors.white,
fontSize: 16.0);
result = false;
} else if (valuePayment == ""){
Fluttertoast.showToast(
msg: "Payment Option Not Selected",
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) => ReimburseScreen()));
},
);
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,
barrierDismissible: false,
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) => ReimburseScreen()));
},
);
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,
barrierDismissible: false,
builder: (BuildContext context) {
return alert;
},
);
}