Change some ui in package detail

This commit is contained in:
hanie.khodkari
2025-04-23 21:13:51 +03:30
parent 0a9ca94d05
commit bbb0750f25
5 changed files with 592 additions and 545 deletions
@@ -10,8 +10,8 @@ import 'package:intl/intl.dart';
import 'package:provider/provider.dart';
import 'package:url_launcher/url_launcher.dart';
class MyPackageDetailsDataBox extends StatelessWidget {
const MyPackageDetailsDataBox({
class PackageDetailsDataBox extends StatelessWidget {
const PackageDetailsDataBox({
Key? key,
required this.datas,
required double deviceBlockSize,
@@ -50,7 +50,7 @@ class MyPackageDetailsDataBox extends StatelessWidget {
color: Color.fromRGBO(235, 235, 235, 1),
border: Border(
left: BorderSide(
color: kDarkPurple,
color: Colors.black,
width: 2,
),
),
@@ -66,14 +66,14 @@ class MyPackageDetailsDataBox extends StatelessWidget {
),
),
style: TextStyle(
color: kDarkPurple,
color: Colors.black,
),
),
Divider(),
Text(
'ID: ${datas.id}',
style: TextStyle(
color: kDarkPurple,
color: Colors.black,
fontWeight: FontWeight.w700,
),
),
@@ -188,10 +188,6 @@ class MyPackageDetailsDataBox extends StatelessWidget {
),
],
),
Divider(),
SizedBox(
height: 5,
),
// Divider(),
// SizedBox(
// height: 5,
@@ -274,6 +270,42 @@ class MyPackageDetailsDataBox extends StatelessWidget {
],
),
Divider(),
SizedBox(
height: 5,
),
Row(
children: <Widget>[
Container(
width: 35 * _deviceBlockSize,
child: Text(
'Status',
style: TextStyle(
color: Colors.grey,
),
),
),
Container(
width: 45 * _deviceBlockSize,
child: Text(
datas.status == 'approved'
? 'Approved'
: datas.status == 'rejected'
? 'Rejected'
: 'Pending..',
style: TextStyle(
fontWeight: FontWeight.w700,
color: datas.status == 'approved'
? kBlue
: datas.status == 'rejected'
? kPink
: Colors.grey,
),
overflow: TextOverflow.clip,
),
),
],
),
Divider(),
SizedBox(
height: 30,
),
@@ -319,31 +351,65 @@ class MyPackageDetailsDataBox extends StatelessWidget {
itemCount: datas.items.length,
),
),
SizedBox(
height: 10,
),
InkWell(
onTap: () async => await launch(
'https://cssd-doc.com/Show/Package/${datas.id.toString()}',
),
child: Container(
padding: EdgeInsets.symmetric(vertical: 10),
width: double.infinity * 2 / 3,
decoration: BoxDecoration(
color: Colors.black,
borderRadius: BorderRadius.circular(5),
),
child: Center(
child: Text(
'Show More Details',
style: TextStyle(
fontSize: 5.0 * _deviceBlockSize,
color: Colors.white,
),
),
),
),
),
],
),
),
SizedBox(
height: 20,
),
userData['roles'].contains('Admin')
? Container()
: TransferDestroyButton(
deviceBlockSize: _deviceBlockSize,
firstColor: kDarkPurple,
secondColor: kDarkPurpleSub,
text: 'Transfer',
onTap: () {
push();
},
),
SizedBox(
height: 10.0,
),
if (userData['roles']?.contains('Admin') ||
userData['roles']?.contains('Supervisor') ||
(userData['roles']?.contains('User') &&
(userData['name']?.contains(datas.userName.toString()))))
if (datas.status == 'approved')
TransferDestroyButton(
deviceBlockSize: _deviceBlockSize,
firstColor: kDarkPurple,
secondColor: kDarkPurpleSub,
text: 'Transfer',
onTap: () {
push();
},
),
if (userData['roles']?.contains('Admin') ||
userData['roles']?.contains('Supervisor') ||
(userData['roles']?.contains('User') &&
(userData['name']?.contains(datas.userName.toString()))))
if (datas.status == 'approved')
SizedBox(
height: 10.0,
),
// if ((userData['name']?.contains(datas.userName)))
TransferDestroyButton(
deviceBlockSize: _deviceBlockSize,
firstColor: kPink,
secondColor: kPinkSub,
text: 'Back Items to Item List',
text: 'Delete Package',
onTap: () {
showDialog(
context: context,
@@ -414,25 +480,6 @@ class MyPackageDetailsDataBox extends StatelessWidget {
SizedBox(
height: 20,
),
InkWell(
onTap: () async => await launch(
'https://cssd-doc.com/Show/Package/${datas.id.toString()}',
),
child: Container(
padding: EdgeInsets.symmetric(vertical: 20),
width: double.infinity,
decoration: BoxDecoration(
color: Color.fromRGBO(230, 230, 230, 1),
borderRadius: BorderRadius.circular(25),
),
child: Center(
child: Text(
'Show More Details',
style: TextStyle(fontWeight: FontWeight.w700),
),
),
),
),
SizedBox(
height: 30,
),
@@ -1,393 +1,393 @@
import 'package:cssd/config/colors.dart';
import 'package:cssd/models/package_model.dart';
import 'package:cssd/widgets/MyItemsScreens/Detail/transfer_destroy_button.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:url_launcher/url_launcher.dart';
class PackageDetailsDataBox extends StatelessWidget {
const PackageDetailsDataBox({
Key? key,
required this.datas,
required double deviceBlockSize,
required this.goToAddLabelPage,
}) : _deviceBlockSize = deviceBlockSize,
super(key: key);
final PackageDetailObject datas;
final double _deviceBlockSize;
final VoidCallback goToAddLabelPage;
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.all(20),
child: ListView(
children: <Widget>[
SizedBox(
height: 10,
),
Text(
'Package Details',
style: TextStyle(
fontWeight: FontWeight.w700,
fontSize: 5 * _deviceBlockSize,
letterSpacing: 3,
),
),
SizedBox(
height: 10,
),
Container(
padding: EdgeInsets.all(10),
decoration: BoxDecoration(
color: Color.fromRGBO(235, 235, 235, 1),
border: Border(
left: BorderSide(
color: kPurple,
width: 2,
),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text(
DateFormat.yMMMd().format(
DateTime.parse(
datas.createDate,
),
),
style: TextStyle(
color: kPurple,
),
),
Divider(),
Text(
'ID: ${datas.id}',
style: TextStyle(
color: kPurple,
fontWeight: FontWeight.w700,
),
),
SizedBox(
height: 30,
),
Row(
children: <Widget>[
Container(
width: 35 * _deviceBlockSize,
child: Text(
'Package Name',
style: TextStyle(
color: Colors.grey,
),
),
),
Container(
width: 45 * _deviceBlockSize,
child: Text(
datas.name.toString(),
style: TextStyle(
fontWeight: FontWeight.w700,
),
overflow: TextOverflow.clip,
),
),
],
),
Divider(),
SizedBox(
height: 5,
),
Row(
children: <Widget>[
Container(
width: 35 * _deviceBlockSize,
child: Text(
'Date',
style: TextStyle(
color: Colors.grey,
),
),
),
Container(
width: 45 * _deviceBlockSize,
child: Text(
DateFormat('d-M-y').format(
DateTime.parse(
datas.createDate,
),
),
style: TextStyle(
fontWeight: FontWeight.w700,
),
overflow: TextOverflow.clip,
),
),
],
),
Divider(),
SizedBox(
height: 5,
),
Row(
children: <Widget>[
Container(
width: 35 * _deviceBlockSize,
child: Text(
'Owner',
style: TextStyle(
color: Colors.grey,
),
),
),
Container(
width: 45 * _deviceBlockSize,
child: Text(
datas.userName.toString(),
style: TextStyle(
fontWeight: FontWeight.w700,
),
overflow: TextOverflow.clip,
),
),
],
),
Divider(),
SizedBox(
height: 5,
),
Row(
children: <Widget>[
Container(
width: 35 * _deviceBlockSize,
child: Text(
'Creator',
style: TextStyle(
color: Colors.grey,
),
),
),
Container(
width: 45 * _deviceBlockSize,
child: Text(
datas.userCreator.toString(),
style: TextStyle(
fontWeight: FontWeight.w700,
),
overflow: TextOverflow.clip,
),
),
],
),
Divider(),
SizedBox(
height: 5,
),
// Row(
// children: <Widget>[
// Container(
// width: 35 * _deviceBlockSize,
// child: Text(
// 'UDI',
// style: TextStyle(
// color: Colors.grey,
// ),
// ),
// ),
// Container(
// width: 45 * _deviceBlockSize,
// child: Text(
// datas.udi.toString(),
// style: TextStyle(
// fontWeight: FontWeight.w700,
// ),
// overflow: TextOverflow.clip,
// ),
// ),
// ],
// ),
// Divider(),
// SizedBox(
// height: 5,
// ),
Row(
children: <Widget>[
Container(
width: 35 * _deviceBlockSize,
child: Text(
'Description',
style: TextStyle(
color: Colors.grey,
),
),
),
Container(
width: 45 * _deviceBlockSize,
child: Text(
datas.description.toString(),
style: TextStyle(
fontWeight: FontWeight.w700,
),
overflow: TextOverflow.clip,
),
),
],
),
Divider(),
SizedBox(
height: 5,
),
Row(
children: <Widget>[
Container(
width: 35 * _deviceBlockSize,
child: Text(
'Hospital Name',
style: TextStyle(
color: Colors.grey,
),
),
),
Container(
width: 45 * _deviceBlockSize,
child: Text(
datas.hospitalName,
style: TextStyle(
fontWeight: FontWeight.w700,
),
overflow: TextOverflow.clip,
),
),
],
),
Divider(),
SizedBox(
height: 5,
),
Row(
children: <Widget>[
Container(
width: 35 * _deviceBlockSize,
child: Text(
'Status',
style: TextStyle(
color: Colors.grey,
),
),
),
Container(
width: 45 * _deviceBlockSize,
child: Text(
datas.status == 'approved'
? 'Approved'
: datas.status == 'rejected'
? 'Rejected'
: 'Pending..',
style: TextStyle(
fontWeight: FontWeight.w700,
color: datas.status == 'approved' ? kBlue : datas
.status == 'rejected'
? kPink : Colors.grey,
),
overflow: TextOverflow.clip,
),
),
],
),
SizedBox(
height: 30,
),
Text(
'Items included',
style: TextStyle(
color: kPurple,
letterSpacing: 3,
fontWeight: FontWeight.w700,
fontSize: 4.5 * _deviceBlockSize,
),
),
Container(
width: double.infinity,
padding: EdgeInsets.symmetric(vertical: 10, horizontal: 20),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
border: Border.all(
color: Colors.grey,
),
),
child: ListView.separated(
shrinkWrap: true,
itemBuilder: (ctx, index) =>
RichText(
text: TextSpan(
text: '${index + 1}. ',
style: TextStyle(
color: Colors.grey,
fontFamily: 'montserrat',
),
children: <TextSpan>[
TextSpan(
text: datas.items[index],
style: TextStyle(
fontWeight: FontWeight.bold,
color: kPurple,
),
),
],
),
),
separatorBuilder: (ctx, index) => Divider(),
itemCount: datas.items.length,
),
),
SizedBox(
height: 50,
),
TransferDestroyButton(
deviceBlockSize: _deviceBlockSize,
firstColor: kPurple,
secondColor: kPurpleSub,
onTap: goToAddLabelPage,
text: 'Make a Label For Package',
fontSize: 4.0,
),
SizedBox(
height: 5.0,
),
],
),
),
SizedBox(
height: 20,
),
InkWell(
onTap: () async =>
await launch(
'https://cssd-doc.com/Show/Package/${datas.id.toString()}',
),
child: Container(
padding: EdgeInsets.symmetric(vertical: 20),
width: double.infinity,
decoration: BoxDecoration(
color: Color.fromRGBO(230, 230, 230, 1),
borderRadius: BorderRadius.circular(25),
),
child: Center(
child: Text(
'Show More Details',
style: TextStyle(fontWeight: FontWeight.w700),
),
),
),
),
SizedBox(
height: 30,
),
],
),
);
}
}
// import 'package:cssd/config/colors.dart';
// import 'package:cssd/models/package_model.dart';
// import 'package:cssd/widgets/MyItemsScreens/Detail/transfer_destroy_button.dart';
// import 'package:flutter/material.dart';
// import 'package:intl/intl.dart';
// import 'package:url_launcher/url_launcher.dart';
//
// class PackageDetailsDataBox extends StatelessWidget {
// const PackageDetailsDataBox({
// Key? key,
// required this.datas,
// required double deviceBlockSize,
// required this.goToAddLabelPage,
// }) : _deviceBlockSize = deviceBlockSize,
// super(key: key);
//
// final PackageDetailObject datas;
// final double _deviceBlockSize;
// final VoidCallback goToAddLabelPage;
//
// @override
// Widget build(BuildContext context) {
// return Padding(
// padding: EdgeInsets.all(20),
// child: ListView(
// children: <Widget>[
// SizedBox(
// height: 10,
// ),
// Text(
// 'Package Details',
// style: TextStyle(
// fontWeight: FontWeight.w700,
// fontSize: 5 * _deviceBlockSize,
// letterSpacing: 3,
// ),
// ),
// SizedBox(
// height: 10,
// ),
// Container(
// padding: EdgeInsets.all(10),
// decoration: BoxDecoration(
// color: Color.fromRGBO(235, 235, 235, 1),
// border: Border(
// left: BorderSide(
// color: kPurple,
// width: 2,
// ),
// ),
// ),
// child: Column(
// crossAxisAlignment: CrossAxisAlignment.start,
// mainAxisSize: MainAxisSize.min,
// children: <Widget>[
// Text(
// DateFormat.yMMMd().format(
// DateTime.parse(
// datas.createDate,
// ),
// ),
// style: TextStyle(
// color: kPurple,
// ),
// ),
// Divider(),
// Text(
// 'ID: ${datas.id}',
// style: TextStyle(
// color: kPurple,
// fontWeight: FontWeight.w700,
// ),
// ),
// SizedBox(
// height: 30,
// ),
// Row(
// children: <Widget>[
// Container(
// width: 35 * _deviceBlockSize,
// child: Text(
// 'Package Name',
// style: TextStyle(
// color: Colors.grey,
// ),
// ),
// ),
// Container(
// width: 45 * _deviceBlockSize,
// child: Text(
// datas.name.toString(),
// style: TextStyle(
// fontWeight: FontWeight.w700,
// ),
// overflow: TextOverflow.clip,
// ),
// ),
// ],
// ),
// Divider(),
// SizedBox(
// height: 5,
// ),
// Row(
// children: <Widget>[
// Container(
// width: 35 * _deviceBlockSize,
// child: Text(
// 'Date',
// style: TextStyle(
// color: Colors.grey,
// ),
// ),
// ),
// Container(
// width: 45 * _deviceBlockSize,
// child: Text(
// DateFormat('d-M-y').format(
// DateTime.parse(
// datas.createDate,
// ),
// ),
// style: TextStyle(
// fontWeight: FontWeight.w700,
// ),
// overflow: TextOverflow.clip,
// ),
// ),
// ],
// ),
// Divider(),
// SizedBox(
// height: 5,
// ),
// Row(
// children: <Widget>[
// Container(
// width: 35 * _deviceBlockSize,
// child: Text(
// 'Owner',
// style: TextStyle(
// color: Colors.grey,
// ),
// ),
// ),
// Container(
// width: 45 * _deviceBlockSize,
// child: Text(
// datas.userName.toString(),
// style: TextStyle(
// fontWeight: FontWeight.w700,
// ),
// overflow: TextOverflow.clip,
// ),
// ),
// ],
// ),
// Divider(),
// SizedBox(
// height: 5,
// ),
// Row(
// children: <Widget>[
// Container(
// width: 35 * _deviceBlockSize,
// child: Text(
// 'Creator',
// style: TextStyle(
// color: Colors.grey,
// ),
// ),
// ),
// Container(
// width: 45 * _deviceBlockSize,
// child: Text(
// datas.userCreator.toString(),
// style: TextStyle(
// fontWeight: FontWeight.w700,
// ),
// overflow: TextOverflow.clip,
// ),
// ),
// ],
// ),
// Divider(),
// SizedBox(
// height: 5,
// ),
// // Row(
// // children: <Widget>[
// // Container(
// // width: 35 * _deviceBlockSize,
// // child: Text(
// // 'UDI',
// // style: TextStyle(
// // color: Colors.grey,
// // ),
// // ),
// // ),
// // Container(
// // width: 45 * _deviceBlockSize,
// // child: Text(
// // datas.udi.toString(),
// // style: TextStyle(
// // fontWeight: FontWeight.w700,
// // ),
// // overflow: TextOverflow.clip,
// // ),
// // ),
// // ],
// // ),
// // Divider(),
// // SizedBox(
// // height: 5,
// // ),
// Row(
// children: <Widget>[
// Container(
// width: 35 * _deviceBlockSize,
// child: Text(
// 'Description',
// style: TextStyle(
// color: Colors.grey,
// ),
// ),
// ),
// Container(
// width: 45 * _deviceBlockSize,
// child: Text(
// datas.description.toString(),
// style: TextStyle(
// fontWeight: FontWeight.w700,
// ),
// overflow: TextOverflow.clip,
// ),
// ),
// ],
// ),
// Divider(),
// SizedBox(
// height: 5,
// ),
// Row(
// children: <Widget>[
// Container(
// width: 35 * _deviceBlockSize,
// child: Text(
// 'Hospital Name',
// style: TextStyle(
// color: Colors.grey,
// ),
// ),
// ),
// Container(
// width: 45 * _deviceBlockSize,
// child: Text(
// datas.hospitalName,
// style: TextStyle(
// fontWeight: FontWeight.w700,
// ),
// overflow: TextOverflow.clip,
// ),
// ),
// ],
// ),
// Divider(),
// SizedBox(
// height: 5,
// ),
// Row(
// children: <Widget>[
// Container(
// width: 35 * _deviceBlockSize,
// child: Text(
// 'Status',
// style: TextStyle(
// color: Colors.grey,
// ),
// ),
// ),
// Container(
// width: 45 * _deviceBlockSize,
// child: Text(
// datas.status == 'approved'
// ? 'Approved'
// : datas.status == 'rejected'
// ? 'Rejected'
// : 'Pending..',
// style: TextStyle(
// fontWeight: FontWeight.w700,
// color: datas.status == 'approved' ? kBlue : datas
// .status == 'rejected'
// ? kPink : Colors.grey,
// ),
// overflow: TextOverflow.clip,
// ),
// ),
// ],
// ),
// SizedBox(
// height: 30,
// ),
// Text(
// 'Items included',
// style: TextStyle(
// color: kPurple,
// letterSpacing: 3,
// fontWeight: FontWeight.w700,
// fontSize: 4.5 * _deviceBlockSize,
// ),
// ),
// Container(
// width: double.infinity,
// padding: EdgeInsets.symmetric(vertical: 10, horizontal: 20),
// decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(5),
// border: Border.all(
// color: Colors.grey,
// ),
// ),
// child: ListView.separated(
// shrinkWrap: true,
// itemBuilder: (ctx, index) =>
// RichText(
// text: TextSpan(
// text: '${index + 1}. ',
// style: TextStyle(
// color: Colors.grey,
// fontFamily: 'montserrat',
// ),
// children: <TextSpan>[
// TextSpan(
// text: datas.items[index],
// style: TextStyle(
// fontWeight: FontWeight.bold,
// color: kPurple,
// ),
// ),
// ],
// ),
// ),
// separatorBuilder: (ctx, index) => Divider(),
// itemCount: datas.items.length,
// ),
// ),
// SizedBox(
// height: 50,
// ),
// TransferDestroyButton(
// deviceBlockSize: _deviceBlockSize,
// firstColor: kPurple,
// secondColor: kPurpleSub,
// onTap: goToAddLabelPage,
// text: 'Make a Label For Package',
// fontSize: 4.0,
// ),
// SizedBox(
// height: 5.0,
// ),
// ],
// ),
// ),
// SizedBox(
// height: 20,
// ),
// InkWell(
// onTap: () async =>
// await launch(
// 'https://cssd-doc.com/Show/Package/${datas.id.toString()}',
// ),
// child: Container(
// padding: EdgeInsets.symmetric(vertical: 20),
// width: double.infinity,
// decoration: BoxDecoration(
// color: Color.fromRGBO(230, 230, 230, 1),
// borderRadius: BorderRadius.circular(25),
// ),
// child: Center(
// child: Text(
// 'Show More Details',
// style: TextStyle(fontWeight: FontWeight.w700),
// ),
// ),
// ),
// ),
// SizedBox(
// height: 30,
// ),
// ],
// ),
// );
// }
// }