| Current File : /home/tradevaly/public_html/fresh/lib/view/screens/chat/widget/message_bubble.dart |
import 'package:flutter/material.dart';
import 'package:flutter_grocery/data/model/response/chat_model.dart';
import 'package:flutter_grocery/helper/date_converter.dart';
import 'package:flutter_grocery/helper/responsive_helper.dart';
import 'package:flutter_grocery/provider/profile_provider.dart';
import 'package:flutter_grocery/provider/splash_provider.dart';
import 'package:flutter_grocery/utill/color_resources.dart';
import 'package:flutter_grocery/utill/dimensions.dart';
import 'package:flutter_grocery/utill/images.dart';
import 'package:flutter_grocery/utill/styles.dart';
import 'package:flutter_grocery/view/screens/chat/widget/image_dialog.dart';
import 'package:provider/provider.dart';
class MessageBubble extends StatelessWidget {
final Messages messages;
final bool isAdmin;
const MessageBubble({Key key, this.messages, this.isAdmin}) : super(key: key);
@override
Widget build(BuildContext context) {
final _profileProvider = Provider.of<ProfileProvider>(context, listen: false);
return !isAdmin ? messages.deliverymanId != null ?
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(Dimensions.PADDING_SIZE_SMALL),
),
child: Padding(
padding: const EdgeInsets.all(Dimensions.PADDING_SIZE_DEFAULT),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(messages.deliverymanId.name??'',style: poppinsRegular.copyWith(fontSize: Dimensions.FONT_SIZE_LARGE),),
SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(right: Dimensions.PADDING_SIZE_SMALL),
child: Container(width: 30, height: 30,
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(width: .5,color: Theme.of(context).hintColor)
),
child: ClipRRect(
child: FadeInImage.assetNetwork(
placeholder: Images.profile_placeholder, fit: BoxFit.cover, width: 40, height: 40,
image: '${Provider.of<SplashProvider>(context,listen: false).baseUrls.deliveryManImageUrl}/${messages.deliverymanId.image??''}',
imageErrorBuilder: (c, o, s) => Image.asset(Images.profile_placeholder, fit: BoxFit.cover),
),
borderRadius: BorderRadius.circular(50.0),
),
),
),
Flexible(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
if(messages.message != null) Flexible(
child: Container(
decoration: BoxDecoration(
color: Theme.of(context).secondaryHeaderColor,
borderRadius: BorderRadius.only(
topRight: Radius.circular(10),
bottomRight: Radius.circular(10),
bottomLeft: Radius.circular(10),
),
),
child: Container(child: Padding(
padding: EdgeInsets.all(messages.message != null?Dimensions.PADDING_SIZE_DEFAULT:0),
child: Text(messages.message??''),
),),
),
),
if( messages.attachment !=null) SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
messages.attachment !=null? GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 1,
crossAxisCount: ResponsiveHelper.isDesktop(context) ? 8 : 3,
crossAxisSpacing: 5
),
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
itemCount: messages.attachment.length,
itemBuilder: (BuildContext context, index){
return messages.attachment.length > 0?
InkWell(
onTap: () => showDialog(context: context, builder: (ctx) => ImageDialog(imageUrl: messages.attachment[index]), ),
child: ClipRRect(
borderRadius: BorderRadius.circular(5),
child:FadeInImage.assetNetwork(
placeholder: Images.placeholder(context), height: 100, width: 100, fit: BoxFit.cover,
image: '${messages.attachment[index] ?? ''}',
imageErrorBuilder: (c, o, s) => Image.asset(Images.placeholder(context), height: 100, width: 100, fit: BoxFit.cover),
),
),
):SizedBox();
},):SizedBox(),
],
),
),
],
),
SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
SizedBox(),
Text(DateConverter.localDateToIsoStringAMPM(DateTime.parse(messages.createdAt), context), style: poppinsRegular.copyWith(color: Theme.of(context).hintColor,fontSize: Dimensions.FONT_SIZE_SMALL),),
],
),
),
):
Padding(
padding: const EdgeInsets.symmetric(horizontal:Dimensions.PADDING_SIZE_DEFAULT),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(Dimensions.PADDING_SIZE_SMALL),
//color: Colors.red
),
child: Padding(
padding: const EdgeInsets.all(Dimensions.PADDING_SIZE_DEFAULT),
child: Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text('${_profileProvider.userInfoModel.fName} ${_profileProvider.userInfoModel.lName}',style: poppinsRegular.copyWith(fontSize: Dimensions.FONT_SIZE_LARGE),),
SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.end,
children: [
Flexible(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
if(messages.message != null) Flexible(
child: Container(
decoration: BoxDecoration(
color: ColorResources.getChatAdminColor(context),
borderRadius: BorderRadius.only(
topLeft: Radius.circular(10),
bottomRight: Radius.circular(10),
bottomLeft: Radius.circular(10),
),
),
child: Padding(
padding: EdgeInsets.all(messages.message != null ? Dimensions.PADDING_SIZE_DEFAULT:0),
child: Text(messages.message??''),
),
),
),
messages.attachment != null ? SizedBox(height: Dimensions.PADDING_SIZE_SMALL) : SizedBox(),
messages.attachment !=null? Directionality(
textDirection: TextDirection.rtl,
child: GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 1,
crossAxisCount: ResponsiveHelper.isDesktop(context) ? 8: 3,
crossAxisSpacing: 5
),
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
itemCount: messages.attachment.length,
itemBuilder: (BuildContext context, index){
return (messages.attachment.length !=null && messages.attachment.length > 0) ?
InkWell(
onTap: () => showDialog(context: context, builder: (ctx) => ImageDialog(imageUrl: messages.attachment[index]), ),
child: ClipRRect(
borderRadius: BorderRadius.circular(5),
child: FadeInImage.assetNetwork(
placeholder: Images.placeholder(context), height: 100, width: 100, fit: BoxFit.cover,
image: '${messages.attachment[index] ?? ''}',
imageErrorBuilder: (c, o, s) => Image.asset(Images.placeholder(context), height: 100, width: 100, fit: BoxFit.cover),
),
),
):SizedBox();
},),
):SizedBox(),
],
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: CircleAvatar(
radius: Dimensions.PADDING_SIZE_DEFAULT,
child: ClipRRect(
child: FadeInImage.assetNetwork(
placeholder: Images.placeholder(context), fit: BoxFit.cover, width: 40, height: 40,
image: '${Provider.of<SplashProvider>(context,listen: false).baseUrls.customerImageUrl}/${_profileProvider.userInfoModel.image}',
imageErrorBuilder: (c, o, s) => Image.asset(Images.placeholder(context), width: 40, height: 40, fit: BoxFit.cover),
),
borderRadius: BorderRadius.circular(50.0),
),
),
),
],
),
SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
Text(DateConverter.localDateToIsoStringAMPM(DateTime.parse(messages.createdAt), context), style: poppinsRegular.copyWith(color: Theme.of(context).hintColor,fontSize: Dimensions.FONT_SIZE_SMALL),),
],
),
),
),
)
//customer to admin
:Padding(
padding: const EdgeInsets.symmetric(horizontal: Dimensions.PADDING_SIZE_DEFAULT, vertical: Dimensions.PADDING_SIZE_EXTRA_SMALL),
child: (messages.isReply != null && messages.isReply) ?
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(Dimensions.PADDING_SIZE_SMALL),
),
child: Padding(
padding: const EdgeInsets.all(Dimensions.PADDING_SIZE_DEFAULT),
child: Column(crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('${Provider.of<SplashProvider>(context,listen: false).configModel.ecommerceName}',style: poppinsRegular.copyWith(fontSize: Dimensions.FONT_SIZE_LARGE),),
SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
ClipRRect(
child: FadeInImage.assetNetwork(
placeholder: Images.app_logo, fit: BoxFit.cover, width: 40, height: 40,
image: '${Provider.of<SplashProvider>(context,listen: false).baseUrls.ecommerceImageUrl}/${Provider.of<SplashProvider>(context,listen: false).configModel.ecommerceLogo}',
imageErrorBuilder: (c, o, s) => Image.asset(Images.app_logo, fit: BoxFit.contain, width: 40, height: 40),
),
borderRadius: BorderRadius.circular(20.0),
),
Flexible(
child: Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if(messages.reply != null && messages.reply.isNotEmpty) Flexible(
child: Container(
decoration: BoxDecoration(
color: Theme.of(context).secondaryHeaderColor,
borderRadius: BorderRadius.only(
bottomRight: Radius.circular(10),
topRight: Radius.circular(10),
bottomLeft: Radius.circular(10),
),
),
child: Container(child: Padding(
padding: EdgeInsets.all(messages.reply != null?Dimensions.PADDING_SIZE_DEFAULT:0),
child: Text(messages.reply??''),
),),
),
),
if(messages.reply != null && messages.reply.isNotEmpty) SizedBox(height: 8.0),
messages.image != null ? GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 1,
crossAxisCount: ResponsiveHelper.isDesktop(context) ? 8 : 3,
crossAxisSpacing: 5
),
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
itemCount: messages.image.length,
itemBuilder: (BuildContext context, index){
return messages.image.length > 0?
Padding(
padding: const EdgeInsets.only(right: 8),
child: InkWell(
hoverColor: Colors.transparent,
onTap: () => showDialog(context: context, builder: (ctx) => ImageDialog(imageUrl: '${Provider.of<SplashProvider>(context,listen: false).baseUrls.chatImageUrl}/${messages.image[index]}'), ),
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: FadeInImage.assetNetwork(
placeholder: Images.placeholder(context), height: 100, width: 100, fit: BoxFit.cover,
image: '${Provider.of<SplashProvider>(context,listen: false).baseUrls.chatImageUrl}/${messages.image[index] ?? ''}',
imageErrorBuilder: (c, o, s) => Image.asset(Images.placeholder(context), height: 100, width: 100, fit: BoxFit.cover),
),
),
),
):SizedBox();
},):SizedBox(),
],
),
),
],
),
SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
Text(DateConverter.localDateToIsoStringAMPM(DateTime.parse(messages.createdAt), context), style: poppinsRegular.copyWith(color: Theme.of(context).hintColor,fontSize: Dimensions.FONT_SIZE_SMALL),),
],
),
),
):
Padding(
padding: const EdgeInsets.symmetric(horizontal:Dimensions.PADDING_SIZE_DEFAULT),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(Dimensions.PADDING_SIZE_SMALL),
),
child: Consumer<ProfileProvider>(
builder: (context, profileController,_) {
return Column(crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text('${profileController.userInfoModel != null?profileController.userInfoModel.fName??'':''} ${profileController.userInfoModel != null?profileController.userInfoModel.lName??'':''}', style: poppinsRegular.copyWith(fontSize: Dimensions.FONT_SIZE_LARGE),),
SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.end,
children: [
Flexible(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
(messages.message != null && messages.message.isNotEmpty) ? Flexible(
child: Container(
decoration: BoxDecoration(
color: ColorResources.getChatAdminColor(context),
borderRadius: BorderRadius.only(
topLeft: Radius.circular(10),
bottomRight: Radius.circular(10),
bottomLeft: Radius.circular(10),
),
),
child: Container(child: Padding(
padding: EdgeInsets.all(messages.message != null?Dimensions.PADDING_SIZE_DEFAULT:0),
child: Text(messages.message??''),
),),
),
) : SizedBox(),
messages.image != null ? Directionality(
textDirection: TextDirection.rtl,
child: GridView.builder(
reverse: true,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 1,
crossAxisCount: ResponsiveHelper.isDesktop(context) ? 8 : 3,
crossAxisSpacing: 5
),
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
itemCount: messages.image.length,
itemBuilder: (BuildContext context, index){
return messages.image.length > 0?
InkWell(
onTap: () => showDialog(context: context, builder: (ctx) => ImageDialog(imageUrl: messages.image[index])),
child: Padding(
padding: EdgeInsets.only(
left: Dimensions.PADDING_SIZE_SMALL ,
right: 0,
top: (messages.message != null && messages.message.isNotEmpty) ? Dimensions.PADDING_SIZE_SMALL : 0, ),
child:ClipRRect(
borderRadius: BorderRadius.circular(5),
child: FadeInImage.assetNetwork(
placeholder: Images.placeholder(context), height: 100, width: 100, fit: BoxFit.cover,
image: '${messages.image[index] ?? ''}',
imageErrorBuilder: (c, o, s) => Image.asset(Images.placeholder(context), height: 100, width: 100, fit: BoxFit.cover),
),
),
),
):SizedBox();
},),
):SizedBox(),
],
),
),
Padding(
padding: const EdgeInsets.only(left: Dimensions.PADDING_SIZE_SMALL),
child: Container(width: 40, height: 40,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(Dimensions.PADDING_SIZE_DEFAULT))
),
child: ClipRRect(
child: FadeInImage.assetNetwork(
placeholder: Images.placeholder(context), fit: BoxFit.cover, width: 40, height: 40,
image: profileController.userInfoModel != null? '${Provider.of<SplashProvider>(context, listen: false).baseUrls.customerImageUrl}/${profileController.userInfoModel.image}':'',
imageErrorBuilder: (c, o, s) => Image.asset(Images.placeholder(context), fit: BoxFit.cover),
),
borderRadius: BorderRadius.circular(20.0),
),
),
),
],
),
SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
Text(DateConverter.localDateToIsoStringAMPM(DateTime.parse(messages.createdAt), context), style: poppinsRegular.copyWith(color: Theme.of(context).hintColor,fontSize: Dimensions.FONT_SIZE_SMALL),),
SizedBox(height: Dimensions.PADDING_SIZE_DEFAULT),
],
);
}
),
),
),
);
}
}