refined models
Faiz Hashmi
2 years ago
parent
f510711768
commit
c7953189e3
@ -1,195 +0,0 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mc_common_app/classes/consts.dart';
|
||||
import 'package:mc_common_app/extensions/int_extensions.dart';
|
||||
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||
import 'package:mc_common_app/theme/colors.dart';
|
||||
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
|
||||
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
||||
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
||||
import 'package:mc_common_app/widgets/txt_field.dart';
|
||||
|
||||
class ChatView extends StatelessWidget {
|
||||
const ChatView({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: CustomAppBar(title: "Chat"),
|
||||
body: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ListView.separated(
|
||||
itemCount: 15,
|
||||
separatorBuilder: (BuildContext context, int index) => 20.height,
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
return ChatMessageCustomWidget(
|
||||
isSent: index.isOdd,
|
||||
profileUrl: MyAssets.bnCar,
|
||||
messageText: "Hi, How Are you? I can help you out with the desired request.",
|
||||
messageTypeEnum: index == 10
|
||||
? (MessageTypeEnum.newOfferRequired)
|
||||
: index == 12
|
||||
? (MessageTypeEnum.offerProvided)
|
||||
: (MessageTypeEnum.text),
|
||||
senderName: "Al Abdullah Cars",
|
||||
);
|
||||
}).horPaddingMain(),
|
||||
),
|
||||
10.width,
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 7,
|
||||
child: TxtField(
|
||||
// value: adVM.vehicleDemandAmount,
|
||||
// errorValue: adVM.demandAmountError,
|
||||
hint: "Type your message here..",
|
||||
keyboardType: TextInputType.text,
|
||||
isNeedBorder: false,
|
||||
onChanged: (v) => null,
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: Icon(
|
||||
Icons.send_rounded,
|
||||
color: MyColors.darkPrimaryColor,
|
||||
size: 30,
|
||||
).onPress(() {}))
|
||||
],
|
||||
).toContainer(isShadowEnabled: true),
|
||||
],
|
||||
),
|
||||
// body:
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class ChatMessageCustomWidget extends StatelessWidget {
|
||||
final String profileUrl;
|
||||
final String senderName;
|
||||
final String messageText;
|
||||
final MessageTypeEnum messageTypeEnum;
|
||||
final bool isSent;
|
||||
|
||||
const ChatMessageCustomWidget({
|
||||
super.key,
|
||||
required this.profileUrl,
|
||||
required this.senderName,
|
||||
required this.messageText,
|
||||
required this.messageTypeEnum,
|
||||
required this.isSent,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Directionality(
|
||||
textDirection: isSent ? TextDirection.rtl : TextDirection.ltr,
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: Image.asset(
|
||||
profileUrl,
|
||||
width: 34,
|
||||
height: 34,
|
||||
fit: BoxFit.fill,
|
||||
).toCircle(borderRadius: 100),
|
||||
),
|
||||
10.width,
|
||||
Expanded(
|
||||
flex: 10,
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
"${isSent ? "You" : senderName}".toText(fontSize: 16, isBold: true),
|
||||
],
|
||||
),
|
||||
5.height,
|
||||
Column(
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
child: "${messageText}".toText(
|
||||
color: isSent ? MyColors.white : MyColors.lightTextColor,
|
||||
fontSize: 12,
|
||||
// isBold: true,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
if (messageTypeEnum == MessageTypeEnum.offerProvided || messageTypeEnum == MessageTypeEnum.newOfferRequired) ...[
|
||||
5.height,
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
"40000".toText(fontSize: 19, isBold: true),
|
||||
2.width,
|
||||
"SAR".toText(color: MyColors.lightTextColor, height: 2.2, fontSize: 10, isBold: true),
|
||||
],
|
||||
),
|
||||
10.height,
|
||||
if (messageTypeEnum == MessageTypeEnum.newOfferRequired) ...[
|
||||
Center(
|
||||
child: "You asked for the new offer.".toText(
|
||||
color: MyColors.adPendingStatusColor,
|
||||
fontSize: 12,
|
||||
isItalic: true,
|
||||
),
|
||||
).toContainer(borderRadius: 40, width: double.infinity, backgroundColor: MyColors.adPendingStatusColor.withOpacity(0.16)),
|
||||
] else ...[
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ShowFillButton(
|
||||
maxHeight: 27,
|
||||
title: "Accept",
|
||||
fontSize: 9,
|
||||
borderColor: MyColors.greenColor,
|
||||
isFilled: false,
|
||||
onPressed: () {},
|
||||
backgroundColor: MyColors.white,
|
||||
txtColor: MyColors.greenColor,
|
||||
),
|
||||
),
|
||||
20.width,
|
||||
Expanded(
|
||||
child: ShowFillButton(
|
||||
maxHeight: 27,
|
||||
title: "Reject",
|
||||
borderColor: MyColors.redColor,
|
||||
isFilled: false,
|
||||
onPressed: () {},
|
||||
backgroundColor: MyColors.white,
|
||||
txtColor: MyColors.redColor,
|
||||
fontSize: 9,
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
],
|
||||
],
|
||||
],
|
||||
).toContainer(
|
||||
isShadowEnabled: !isSent,
|
||||
backgroundColor: isSent ? MyColors.darkIconColor : MyColors.white,
|
||||
borderRadius: 0,
|
||||
margin: EdgeInsets.fromLTRB(isSent ? 25 : 0, 0, !isSent ? 25 : 0, 0),
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
enum MessageTypeEnum { text, picture, offerProvided, recording, video, newOfferRequired }
|
||||
Loading…
Reference in New Issue