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.
593 lines
35 KiB
593 lines
35 KiB
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
|
|
import '../SlipGaji/background.dart';
|
|
|
|
class IPPScreen extends StatefulWidget {
|
|
const IPPScreen({super.key});
|
|
|
|
@override
|
|
State<IPPScreen> createState() => _IPPScreenState();
|
|
}
|
|
|
|
class _IPPScreenState extends State<IPPScreen> {
|
|
@override
|
|
Widget build(BuildContext 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(
|
|
'IPP\t\t',
|
|
maxLines: 2,
|
|
style: GoogleFonts.luckiestGuy(
|
|
fontSize: 28,
|
|
color: Color(0xFF4858A7),
|
|
fontStyle: FontStyle.italic,
|
|
),
|
|
),
|
|
Image.asset("assets/icons/menu/ic_ipp.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 IPP 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('IPP 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);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
)*/
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
}
|