You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
car_provider_app/lib/pages/dashboard/dashboard_page.dart

303 lines
10 KiB
Dart

import 'package:car_provider_app/api/api_client.dart';
import 'package:car_provider_app/api/client/user_api_client.dart';
import 'package:car_provider_app/api/shared_prefrence.dart';
import 'package:car_provider_app/classes/app_state.dart';
import 'package:car_provider_app/classes/consts.dart';
import 'package:car_provider_app/classes/utils.dart';
import 'package:car_provider_app/config/routes.dart';
import 'package:car_provider_app/models/m_response.dart';
import 'package:car_provider_app/theme/colors.dart';
import 'package:car_provider_app/utils/navigator.dart';
import 'package:car_provider_app/utils/utils.dart';
import 'package:car_provider_app/widgets/app_bar.dart';
import 'package:car_provider_app/widgets/show_fill_button.dart';
import 'package:car_provider_app/extensions/int_extensions.dart';
import 'package:car_provider_app/extensions/string_extensions.dart';
import 'package:car_provider_app/extensions/widget_extensions.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:http/http.dart';
import 'package:image_picker/image_picker.dart';
import 'dart:io';
class DashboardPage extends StatefulWidget {
@override
State<DashboardPage> createState() => _DashboardPageState();
}
enum ImageSourceType { gallery, camera }
class _DashboardPageState extends State<DashboardPage> {
String userName = "";
// void _handleURLButtonPress(BuildContext context, var type) {
// Navigator.push(context,
// MaterialPageRoute(builder: (context) => ImageFromGalleryEx(type)));
// }
File? imagePicked;
String image64 = "";
final _picker = ImagePicker();
@override
void initState() {
// TODO: implement initState
super.initState();
fetchUsername();
}
fetchUsername() async {
userName = await SharedPrefManager.getPhoneOrEmail();
setState(() {});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: appBar(
title: "Logo/Brand",
),
drawer: showDrawer(context),
body: Container(
child: Container(
child: Center(
child: "Dashboard/Main Page".toText24(),
),
),
),
);
}
Widget showDrawer(BuildContext context) {
return Drawer(
child: Container(
child: Column(
children: [
Stack(children: [
Container(
width: double.infinity,
height: 200,
color: accentColor.withOpacity(0.3),
child: Image.network(ApiConsts.baseUrlServices + AppState().getUser.data!.userInfo!.userImageUrl.toString()),
),
Positioned(
top: 10,
right: 10,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Column(
children: [
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: Colors.grey[200],
borderRadius: BorderRadius.circular(30),
),
child: Icon(
Icons.edit,
color: Colors.blue,
).onPress(() {
_openImagePicker();
// _handleURLButtonPress(context, ImageSourceType.camera);
}),
),
12.height,
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: Colors.grey[200],
borderRadius: BorderRadius.circular(30),
),
child: Icon(
Icons.delete,
color: Colors.blue,
).onPress(() async {
Utils.showLoading(context);
Response response = await UserApiClent().UpdateUserImage("");
if (response.statusCode == 201 || response.statusCode == 200) {
Utils.showToast("Image is uploaded");
}
Utils.hideLoading(context);
}),
),
],
),
],
),
)
]),
// Container(
// width: double.infinity,
// height: 200,
// color: accentColor.withOpacity(0.3),
// child: Icon(
// Icons.person,
// size: 80,
// color: accentColor.withOpacity(0.3),
// ),
// ),
Container(
width: double.infinity,
color: accentColor.withOpacity(0.1),
padding: EdgeInsets.all(20),
child: Row(
children: [
Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
userName.toText24(),
"User role or title".toText12(),
],
),
),
ShowFillButton(
title: "EDIT",
onPressed: () {
navigateWithName(context, AppRoutes.editAccoundPage);
},
),
],
),
),
ListTile(
leading: SvgPicture.asset("assets/images/ic_notification.svg"),
title: "Notifications".toText12(),
),
ListTile(
leading: SvgPicture.asset("assets/images/ic_settings.svg"),
title: "General".toText12(),
),
ListTile(
leading: SvgPicture.asset("assets/images/ic_notes.svg"),
title: "Define Licenses".toText12(),
onTap: () {
navigateWithName(context, AppRoutes.defineLicense);
},
),
ListTile(
leading: SvgPicture.asset("assets/images/ic_car.svg"),
title: "Dealership Settings".toText12(),
onTap: () {
navigateWithName(context, AppRoutes.dealershipSetting);
},
),
// ListTile(
// leading: SvgPicture.asset("assets/images/ic_lock.svg"),
// title: "Change Password".toText12(),
// onTap: (){
// navigateWithName(context, AppRoutes.changePassword);
// },
// ),
// ListTile(
// leading: SvgPicture.asset("assets/images/ic_mobile.svg"),
// title: "Change Mobile".toText12(),
// onTap: () {
// navigateWithName(context, AppRoutes.changeMobilePage);
// },
// ),
// ListTile(
// leading: Icon(Icons.email_outlined, color: Colors.blue,),
// title: "Change Email".toText12(),
// onTap: () {
// navigateWithName(context, AppRoutes.changeEmailPage);
// },
// ),
ListTile(
leading: SvgPicture.asset("assets/images/ic_logout.svg"),
title: "Sign Out".toText12(),
onTap: () {
pop(context);
pop(context);
},
),
],
),
),
);
}
// Implementing the image picker
// Future<void> _openImagePicker() async {
// final XFile? pickedImage =
// await _picker.pickImage(source: ImageSource.gallery);
// if (pickedImage != null) {
// setState(() {
// // _image = File(pickedImage.path);
// });
// }
// }
void _openImagePicker() {
showDialog<ImageSource>(
context: context,
builder: (context) => AlertDialog(content: Text("Choose image source"), actions: [
FlatButton(child: Text("Camera"), onPressed: () => cameraImage()),
FlatButton(child: Text("Gallery"), onPressed: () => gallaryImage()),
]),
// .then((ImageSource source) async {
// if (source != null) {
// final pickedFile = await ImagePicker().getImage(source: source);
// setState(() => imagePicked = File(pickedFile.path));
// }
// }
);
}
void gallaryImage() async {
final picker = ImagePicker();
final pickedImage = await picker.pickImage(
source: ImageSource.gallery,
);
final pickedImageFile = File(pickedImage!.path);
int sizeInBytes = pickedImageFile.lengthSync();
// double sizeInMb = sizeInBytes / (1024 * 1024);
if (sizeInBytes > 1000) {
Utils.showToast("File is larger then 1KB");
} else {
image64 = convertFileToBase64(pickedImageFile);
Utils.showLoading(context);
Response response = await UserApiClent().UpdateUserImage(image64);
if (response.statusCode == 201 || response.statusCode == 200) {
Utils.showToast("Image is uploaded");
}
Utils.hideLoading(context);
setState(() {
imagePicked = pickedImageFile;
});
}
}
void cameraImage() async {
// final picker = ImagePicker();
// final pickedImage = await picker.pickImage(
// source: ImageSource.camera,
// );
// final pickedImageFile = File(pickedImage!.path);
// int sizeInBytes = pickedImageFile.lengthSync();
// // double sizeInMb = sizeInBytes / (1024 * 1024);
// if (sizeInBytes > 1000) {
// Utils.showToast("File is larger then 1KB");
// } else {
// image64 = convertFileToBase64(pickedImageFile);
//
// Utils.showLoading(context);
// Response response = await UserApiClent().UpdateUserImage(image64);
// if (response.statusCode == 201 || response.statusCode == 200) {
// Utils.showToast("Image is uploaded");
// }
// Utils.hideLoading(context);
// setState(() {
// imagePicked = pickedImageFile;
// });
// }
UserApiClent().GetUserImage("image");
}
}