kicap/kurir_mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added profil and kurir page in pengirim, added pengiriman page at kurir, sort the api, design the ui back

Browse Source
This commit is contained in:
kicap1992
2022-06-26 00:47:09 +08:00
parent 330bfdeadb
commit dc2c23ffc3
42 changed files with 3654 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
lib/pages/after_login/kurir/pengaturanPage.dart
View File

@ -2,12 +2,12 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:kurir/controller/after_login/kurir/pengaturanController.dart';
import 'package:kurir/widgets/focusToTextFormField.dart';
import 'package:kurir/widgets/ourContainer.dart';
import 'package:kurir/widgets/thousandSeparator.dart';
import '../../../controller/after_login/kurir/pengaturanController.dart';
import '../../../widgets/boxBackgroundDecoration.dart';
import '../../../widgets/focusToTextFormField.dart';
import '../../../widgets/ourContainer.dart';
import '../../../widgets/thousandSeparator.dart';
class PengaturanKurirPage extends GetView<PengaturanKurirController> {
const PengaturanKurirPage({Key? key}) : super(key: key);
@ -45,29 +45,12 @@ class PengaturanKurirPage extends GetView<PengaturanKurirController> {
),
EnsureVisibleWhenFocused(
focusNode: controller.minimalBiayaPengirimanFocusNode,
child: TextFormField(
// initialValue: 700.toString(),
child: _PengaturanTextFormField(
controller:
controller.minimalBiayaPengirimanController,
hintText: 'Minimal Biaya Pengiriman',
labelText: 'Minimal Biaya Pengiriman',
focusNode: controller.minimalBiayaPengirimanFocusNode,
keyboardType: TextInputType.number,
maxLength: 6,
inputFormatters: [ThousandsSeparatorInputFormatter()],
decoration: InputDecoration(
// suffix: ,
// suffixText: ' / kg',
// put suffixText before prefixText
prefixText: 'Rp . ',
hintText: 'Minimal Biaya Pengiriman',
labelText: 'Minimal Biaya Pengiriman',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(
color: Colors.grey,
),
),
),
validator: (value) {
if (value!.isEmpty) {
return 'Minimal Biaya Pengiriman tidak boleh kosong';
@ -88,33 +71,24 @@ class PengaturanKurirPage extends GetView<PengaturanKurirController> {
),
EnsureVisibleWhenFocused(
focusNode: controller.maksimalBiayaPengirimanFocusNode,
child: TextFormField(
child: _PengaturanTextFormField(
controller:
controller.maksimalBiayaPengirimanController,
hintText: 'Maksimal Biaya Pengiriman',
labelText: 'Maksimal Biaya Pengiriman',
focusNode:
controller.maksimalBiayaPengirimanFocusNode,
keyboardType: TextInputType.number,
maxLength: 6,
inputFormatters: [ThousandsSeparatorInputFormatter()],
decoration: InputDecoration(
// suffix: ,
// suffixText: ' / kg',
// put suffixText before prefixText
prefixText: 'Rp . ',
hintText: 'Maksimal Biaya Pengiriman',
labelText: 'Maksimal Biaya Pengiriman',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(
color: Colors.grey,
),
),
),
validator: (value) {
if (value!.isEmpty) {
return 'Maksimal Biaya Pengiriman tidak boleh kosong';
}
if (controller.removeComma(controller
.maksimalBiayaPengirimanController.text) <
controller.removeComma(value)) {
return 'Maksimal Biaya Pengiriman tidak boleh lebih besar dari Maksimal Biaya Pengiriman';
}
return null;
},
),
@ -124,31 +98,17 @@ class PengaturanKurirPage extends GetView<PengaturanKurirController> {
),
EnsureVisibleWhenFocused(
focusNode: controller.biayaPerKiloFocusNode,
child: TextFormField(
child: _PengaturanTextFormField(
controller: controller.biayaPerKiloController,
hintText: 'Biaya Per Kilometer',
labelText: 'Biaya Per Kilometer',
focusNode: controller.biayaPerKiloFocusNode,
keyboardType: TextInputType.number,
maxLength: 6,
inputFormatters: [ThousandsSeparatorInputFormatter()],
decoration: InputDecoration(
// suffix: ,
suffixText: ' / km',
// put suffixText before prefixText
prefixText: 'Rp . ',
hintText: 'Biaya Per Kilometer',
labelText: 'Biaya Per Kilometer',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(
color: Colors.grey,
),
),
),
suffixText: ' / km',
validator: (value) {
if (value!.isEmpty) {
return 'Biaya Per Kilometer tidak boleh kosong';
}
return null;
},
),
@ -157,6 +117,12 @@ class PengaturanKurirPage extends GetView<PengaturanKurirController> {
height: 15,
),
ElevatedButton(
style: ElevatedButton.styleFrom(
primary: const Color.fromARGB(255, 2, 72, 72),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
onPressed: () {
// log()
if (controller.formKey.currentState!.validate()) {
@ -175,8 +141,8 @@ class PengaturanKurirPage extends GetView<PengaturanKurirController> {
ElevatedButton(
child: const Text('Tidak'),
style: ElevatedButton.styleFrom(
primary:
Colors.red[400], //background color
primary: const Color.fromARGB(255, 104,
164, 164), //background color
// onPrimary: Colors.black, //ripple color
),
onPressed: () {
@ -185,6 +151,11 @@ class PengaturanKurirPage extends GetView<PengaturanKurirController> {
),
ElevatedButton(
child: const Text('Ya'),
style: ElevatedButton.styleFrom(
primary: const Color.fromARGB(
255, 2, 72, 72), //background color
// onPrimary: Colors.black, //ripple color
),
onPressed: () {
controller.simpan();
Navigator.of(context).pop();
@ -231,3 +202,78 @@ class PengaturanKurirPage extends GetView<PengaturanKurirController> {
);
}
}
class _PengaturanTextFormField extends StatelessWidget {
const _PengaturanTextFormField({
Key? key,
this.controller,
this.focusNode,
this.hintText,
this.labelText,
this.validator,
this.suffixText,
}) : super(key: key);
final TextEditingController? controller;
final FocusNode? focusNode;
final String? hintText;
final String? labelText;
final FormFieldValidator<String>? validator;
final String? suffixText;
@override
Widget build(BuildContext context) {
return TextFormField(
// initialValue: 700.toString(),
controller: controller,
focusNode: focusNode,
keyboardType: TextInputType.number,
maxLength: 6,
inputFormatters: [ThousandsSeparatorInputFormatter()],
decoration: InputDecoration(
// suffix: ,
// suffixText: ' / kg',
// put suffixText before prefixText
prefixText: 'Rp . ',
suffixText: suffixText,
hintText: hintText,
labelText: labelText,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: const BorderSide(
color: Color.fromARGB(255, 2, 72, 72),
),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: const BorderSide(
color: Color.fromARGB(255, 2, 72, 72),
width: 1,
),
),
disabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: const BorderSide(
color: Color.fromARGB(255, 104, 164, 164),
width: 1,
),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: const BorderSide(
color: Color.fromARGB(255, 2, 72, 72),
width: 1,
),
),
errorBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: const BorderSide(
color: Colors.red,
width: 1,
),
),
),
validator: validator,
);
}
}

414
lib/pages/after_login/kurir/pengirimanPage.dart
View File

@ -1,26 +1,418 @@
// ignore_for_file: file_names
import 'package:flutter/material.dart';
import 'package:flutter_slidable/flutter_slidable.dart';
import 'package:get/get.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import '../../../controller/after_login/kurir/pengirimanController.dart';
import '../../../models/pengirimimanModel.dart';
import '../../../widgets/bounce_scroller.dart';
import '../../../widgets/boxBackgroundDecoration.dart';
import '../../../widgets/load_data.dart';
class PengirimanKurirPage extends StatelessWidget {
class PengirimanKurirPage extends GetView<PengirimanKurirController> {
const PengirimanKurirPage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return const Scaffold(
return Scaffold(
// ignore: unnecessary_const
body: const BoxBackgroundDecoration(
child: Center(
child: Text(
'Pengiriman',
style: TextStyle(
fontSize: 30,
color: Colors.white,
),
)),
body: BoxBackgroundDecoration(
child: Stack(
children: [
Container(
alignment: Alignment.center,
width: double.infinity * 0.9,
height: double.infinity,
child: SingleChildScrollView(
child: Column(
children: [
SizedBox(height: MediaQuery.of(context).size.height * 0.13),
_MainWidget(controller: controller),
],
),
),
),
const TopSeachInput(),
],
),
),
);
}
}
class _MainWidget extends StatelessWidget {
const _MainWidget({
Key? key,
required this.controller,
}) : super(key: key);
final PengirimanKurirController controller;
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.only(
left: MediaQuery.of(context).size.height * 0.03,
right: MediaQuery.of(context).size.height * 0.03),
child: Obx(
() => BounceScrollerWidget(
children: [
if (controller.loadPengiriman.value == 0) const LoadingDataWidget(),
if (controller.loadPengiriman.value == 1 &&
controller.pengirimanModelList.isNotEmpty)
for (var data in controller.pengirimanModelList)
_SlidableWidget(data: data, controller: controller),
if (controller.loadPengiriman.value == 1 &&
controller.pengirimanModelList.isEmpty)
Center(
child: const TiadaDataWIdget(
text: "Tiada data pengiriman\ndalam proses pengesahan")),
if (controller.loadPengiriman.value == 2)
const ErrorLoadDataWidget(),
],
),
),
);
}
}
class _SlidableWidget extends StatelessWidget {
const _SlidableWidget({
Key? key,
required this.data,
required this.controller,
}) : super(key: key);
final PengirimanModel data;
final PengirimanKurirController controller;
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.only(bottom: 10),
child: Slidable(
key: const ValueKey(1),
startActionPane: ActionPane(
motion: const DrawerMotion(),
extentRatio: 0.90,
// dismissible: DismissiblePane(onDismissed: () {}),
children: [
SlidableAction(
flex: 5,
onPressed: (context) {
// Get.offAndToNamed(
// '/pengirimIndex/infoPengiriman',
// arguments: {
// 'pengiriman_model': _pengirimanModel,
// },
// );
},
backgroundColor: const Color.fromARGB(255, 104, 164, 164),
foregroundColor: Colors.white,
icon: Icons.check_box,
label: 'Terima Pengiriman',
),
SlidableAction(
flex: 5,
onPressed: (context) {
controller.lihat_foto_kiriman(context, data.fotoPengiriman!);
},
backgroundColor: const Color.fromARGB(255, 4, 103, 103),
foregroundColor: Colors.white,
icon: Icons.photo_rounded,
label: 'Barang Kiriman',
),
],
),
endActionPane: ActionPane(
motion: const DrawerMotion(),
extentRatio: 0.5,
children: [
SlidableAction(
onPressed: (context) {
// _lihat_rute_pengiriman(
// context, _kordinat_pengiriman, _kordinat_permulaan);
},
backgroundColor: Colors.red,
foregroundColor: Colors.white,
icon: Icons.cancel_rounded,
label: "Batalkan Permintaan\nPengirim",
),
],
),
child: _MainChild(data: data, controller: controller),
),
);
}
}
class _MainChild extends StatelessWidget {
const _MainChild({
Key? key,
required this.data,
required this.controller,
}) : super(key: key);
final PengirimanModel data;
final PengirimanKurirController controller;
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
height: 115,
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10),
boxShadow: [
BoxShadow(
color: const Color.fromARGB(255, 165, 163, 163).withOpacity(0.5),
blurRadius: 10,
spreadRadius: 5,
),
],
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Expanded(
flex: 2,
child: Container(
width: 65,
height: 65,
decoration: BoxDecoration(
color: Colors.white,
shape: BoxShape.circle,
boxShadow: [
BoxShadow(
color: const Color.fromARGB(255, 165, 163, 163)
.withOpacity(0.5),
blurRadius: 10,
spreadRadius: 5,
),
],
image: const DecorationImage(
image: AssetImage('assets/loading.gif'),
fit: BoxFit.fitHeight,
),
),
child: CircleAvatar(
radius: 30.0,
backgroundImage: NetworkImage(
data.pengirim!.photoUrl ?? 'https://via.placeholder.com/150',
scale: 0.5,
),
backgroundColor: Colors.transparent,
),
),
),
Expanded(
flex: 4,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 10),
Text(
controller.timeZoneAdd8(data.createdAt),
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
overflow: TextOverflow.ellipsis,
),
),
Text(
data.pengirim!.nama!,
style: const TextStyle(
fontSize: 15,
color: Colors.grey,
overflow: TextOverflow.ellipsis,
),
),
// Coba(data:data,controller:controller)
_FutureBuilderHargaJarak(
controller: controller,
data: data,
),
Text(
data.statusPengiriman!,
style: const TextStyle(
fontSize: 15,
color: Colors.grey,
overflow: TextOverflow.ellipsis,
),
),
],
),
),
Expanded(
flex: 1,
child: Container(
padding: const EdgeInsets.all(2),
width: 50,
height: 50,
decoration: BoxDecoration(
color: Color.fromARGB(255, 2, 72, 72),
shape: BoxShape.circle,
boxShadow: [
BoxShadow(
color: const Color.fromARGB(255, 104, 164, 164)
.withOpacity(0.5),
blurRadius: 10,
spreadRadius: 5,
),
],
),
child: IconButton(
onPressed: () {
controller.showMapDialog(context, data);
},
icon: Icon(
Icons.turn_sharp_right_outlined,
color: Color.fromARGB(255, 199, 214, 234),
),
),
),
),
],
),
);
}
}
class TopSeachInput extends StatelessWidget {
const TopSeachInput({
Key? key,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Positioned(
top: MediaQuery.of(context).size.height * 0.05,
right: MediaQuery.of(context).size.width * 0.05,
left: MediaQuery.of(context).size.width * 0.05,
child: SizedBox(
width: double.infinity,
height: 40,
child: TextFormField(
decoration: InputDecoration(
hintText: 'Cari Pengiriman',
hintStyle: const TextStyle(
color: Colors.white,
),
prefixIcon: const Icon(
Icons.search,
color: Colors.white,
),
suffixIcon: const Icon(
Icons.filter_list,
color: Colors.white,
),
filled: true,
fillColor: Colors.transparent,
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: const BorderSide(
color: Colors.white,
width: 1,
),
),
disabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: const BorderSide(
color: Colors.white,
width: 1,
),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: const BorderSide(
color: Colors.white,
width: 1,
),
),
contentPadding: const EdgeInsets.symmetric(
horizontal: 10,
vertical: 10,
),
),
style: const TextStyle(
color: Colors.white,
),
),
),
);
}
}
class _FutureBuilderHargaJarak extends StatelessWidget {
const _FutureBuilderHargaJarak(
{Key? key, required this.controller, required this.data})
: super(key: key);
final PengirimanKurirController controller;
final PengirimanModel data;
@override
Widget build(BuildContext context) {
return FutureBuilder<dynamic>(
future: controller.cekDistance(
LatLng(double.parse(data.kordinatPengiriman!.lat!),
double.parse(data.kordinatPengiriman!.lng!)),
LatLng(double.parse(data.kordinatPermulaan!.lat!),
double.parse(data.kordinatPermulaan!.lng!))),
builder: (context, snapshot) {
if (snapshot.hasData) {
return Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
controller.cekHarga(snapshot.data, data.biaya!.biayaMinimal!,
data.biaya!.biayaMaksimal!, data.biaya!.biayaPerKilo!),
style: const TextStyle(
fontSize: 15,
color: Colors.grey,
overflow: TextOverflow.ellipsis,
),
),
Text(
snapshot.data.toString() + " km",
style: const TextStyle(
fontSize: 15,
color: Colors.grey,
overflow: TextOverflow.ellipsis,
),
),
],
);
} else if (snapshot.hasError) {
return Text(
"Error mengambil data",
style: const TextStyle(
fontSize: 15,
color: Colors.grey,
overflow: TextOverflow.ellipsis,
),
);
} else {
return Center(
child: CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(
Color.fromARGB(
255,
4,
103,
103,
),
),
),
);
}
},
);
}
}

92
lib/pages/after_login/kurir/profilePage.dart
View File

@ -2,7 +2,10 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:kurir/controller/after_login/kurir/profileController.dart';
import '../../../controller/after_login/kurir/profileController.dart';
import '../../../widgets/appbar.dart';
import '../../../widgets/boxBackgroundDecoration.dart';
class ProfileKurirPage extends GetView<KurirProfileController> {
const ProfileKurirPage({Key? key}) : super(key: key);
@ -10,41 +13,54 @@ class ProfileKurirPage extends GetView<KurirProfileController> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Profile'),
actions: [
IconButton(
icon: const Icon(Icons.logout_outlined),
onPressed: () {
// log("ini untuk logout");
// create get alert dialog
Get.dialog(AlertDialog(
title: const Text('Logout'),
content: const Text('Anda yakin ingin logout?'),
actions: [
ElevatedButton(
child: const Text('Yes'),
onPressed: () {
// log("ini untuk logout");
Get.back();
controller.logout();
},
appBar: PreferredSize(
preferredSize:
Size.fromHeight(MediaQuery.of(context).size.height * 0.08),
child: AppBarWidget(
header: "Halaman Profil",
autoLeading: false,
actions: [
IconButton(
icon: const Icon(Icons.logout_outlined),
onPressed: () {
// log("ini untuk logout");
// create get alert dialog
Get.dialog(
AlertDialog(
title: const Text('Logout'),
content: const Text('Anda yakin ingin logout?'),
actions: [
ElevatedButton(
child: const Text('Yes'),
style: ElevatedButton.styleFrom(
primary: Color.fromARGB(
255, 104, 164, 164), //background color
// onPrimary: Colors.black, //ripple color
),
onPressed: () {
// log("ini untuk logout");
Get.back();
controller.logout();
},
),
ElevatedButton(
child: const Text('No'),
style: ElevatedButton.styleFrom(
primary:
Color.fromARGB(255, 2, 72, 72), //background color
// onPrimary: Colors.black, //ripple color
),
onPressed: () {
Get.back();
},
),
],
),
ElevatedButton(
child: const Text('No'),
style: ElevatedButton.styleFrom(
primary: Colors.red[400], //background color
// onPrimary: Colors.black, //ripple color
),
onPressed: () {
Get.back();
},
),
],
));
},
),
],
);
},
),
],
),
),
body: WillPopScope(
onWillPop: () async {
@ -53,8 +69,10 @@ class ProfileKurirPage extends GetView<KurirProfileController> {
);
return false;
},
child: const Center(
child: Text('Profile'),
child: BoxBackgroundDecoration(
child: const Center(
child: Text('Profile'),
),
),
),
);