You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
359 lines
16 KiB
359 lines
16 KiB
import 'package:flutter/material.dart';
|
|
import 'package:teso/Classes/API Clasess/CouponDetails.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:teso/providers/user_provider.dart';
|
|
import 'package:teso/Classes/API Clasess/CouponHead.dart';
|
|
import 'package:page_transition/page_transition.dart';
|
|
import 'package:teso/Pages/productView.dart';
|
|
import 'package:teso/util/consts.dart';
|
|
import 'package:teso/Pages/Sub_Pages/@Generic/RedeemingCoupon.dart';
|
|
|
|
buildActiveDiscountCoupon(
|
|
CouponDetails img,
|
|
double cardWidth,
|
|
BuildContext context,
|
|
) {
|
|
img.productCost = img.targetProduct!.unitPrice;
|
|
return Container(
|
|
width: (MediaQuery.of(context).size.width * 0.80) - cardWidth,
|
|
height: MediaQuery.of(context).size.height * 0.68,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.only(
|
|
bottomLeft: Radius.circular(30),
|
|
bottomRight: Radius.circular(30),
|
|
topLeft: Radius.circular(30),
|
|
topRight: Radius.circular(30),
|
|
),
|
|
),
|
|
margin: EdgeInsets.symmetric(
|
|
vertical: MediaQuery.of(context).size.width * 0.10),
|
|
child: Column(
|
|
children: [
|
|
InkWell(
|
|
onTap: () async {
|
|
CouponsHead head = new CouponsHead();
|
|
head.businessId = img.issuer!.businessId;
|
|
head.couponId = img.couponId;
|
|
head.expiration = img.expiration;
|
|
head.lower = img.lowerLimit;
|
|
head.upper = img.upperLimit;
|
|
head.quantity = img.quantity;
|
|
head.state = img.state;
|
|
head.targetProduct = img.targetProduct!.productID;
|
|
head.type = img.type;
|
|
await Provider.of<UserProvider>(context, listen: false)
|
|
.viewCoupon(head);
|
|
Navigator.push(
|
|
context,
|
|
PageTransition(
|
|
type: PageTransitionType.rightToLeft,
|
|
child: ProductView(
|
|
couponDetails: img,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
child: Container(
|
|
width: (MediaQuery.of(context).size.width * 0.80) - cardWidth,
|
|
height: MediaQuery.of(context).size.height * 0.65,
|
|
margin: EdgeInsets.only(
|
|
left: MediaQuery.of(context).size.width * 0.1,
|
|
),
|
|
child: Material(
|
|
elevation: 5.0,
|
|
child: Container(
|
|
width: (MediaQuery.of(context).size.width * 0.80) - cardWidth,
|
|
height: MediaQuery.of(context).size.height * 0.68,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.only(
|
|
bottomLeft: Radius.circular(30),
|
|
bottomRight: Radius.circular(30),
|
|
topLeft: Radius.circular(30),
|
|
topRight: Radius.circular(30),
|
|
),
|
|
color: Colors.white,
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
width: (MediaQuery.of(context).size.width * 0.80) -
|
|
cardWidth,
|
|
height: MediaQuery.of(context).size.height * 0.50,
|
|
padding: EdgeInsets.all(8.0),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
image: img.upperLimit! < 50.1
|
|
? DecorationImage(
|
|
fit: BoxFit.fill,
|
|
image: AssetImage("assets/images/blue.png"),
|
|
colorFilter: new ColorFilter.mode(
|
|
Color(0xFF0031ed).withOpacity(1.0),
|
|
BlendMode.multiply),
|
|
)
|
|
: DecorationImage(
|
|
fit: BoxFit.fill,
|
|
image: AssetImage("assets/images/redBack.png"),
|
|
colorFilter: new ColorFilter.mode(
|
|
Colors.red.withOpacity(1.0),
|
|
BlendMode.multiply),
|
|
),
|
|
borderRadius: BorderRadius.only(
|
|
bottomLeft: Radius.circular(80),
|
|
bottomRight: Radius.circular(80),
|
|
),
|
|
),
|
|
child: Stack(
|
|
children: [
|
|
Align(
|
|
alignment: Alignment.topLeft,
|
|
child: Row(
|
|
children: [
|
|
Image(
|
|
width: 30,
|
|
image: AssetImage(
|
|
"assets/images/tesoCouponInsignia.png")),
|
|
SizedBox(
|
|
width: 5,
|
|
),
|
|
Text(
|
|
"TESO",
|
|
style: TextStyle(
|
|
color: Colors.white, fontSize: 15),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Align(
|
|
alignment: Alignment.topCenter,
|
|
child: Container(
|
|
margin: EdgeInsets.only(
|
|
top: MediaQuery.of(context).size.width * 0.125,
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
img.issuer!.businessName!.toUpperCase(),
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
margin: EdgeInsets.symmetric(
|
|
vertical: 10,
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"VOUCHER",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 25,
|
|
fontWeight: FontWeight.w900,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: Alignment.center,
|
|
child: Container(
|
|
height: MediaQuery.of(context).size.width * 0.18,
|
|
padding: EdgeInsets.all(5),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: Colors.white)),
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
"ORIGINAL PRICE : GH¢ " +
|
|
img.targetProduct!.unitPrice.toString(),
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
Text(
|
|
"DISCOUNTED PRICE : GH¢ " +
|
|
(img.targetProduct!.unitPrice! *
|
|
(img.lowerLimit! / 100))
|
|
.toStringAsFixed(2),
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: Container(
|
|
margin: EdgeInsets.symmetric(
|
|
vertical:
|
|
MediaQuery.of(context).size.width * 0.15),
|
|
child: Text(
|
|
img.targetProduct!.productName!.toUpperCase(),
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: MediaQuery.of(context).size.width * 0.025,
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Container(
|
|
width: MediaQuery.of(context).size.width * 0.4,
|
|
height: 70,
|
|
padding: EdgeInsets.only(
|
|
top: 5,
|
|
),
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.vertical,
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
child: Text(
|
|
"Price : GH¢ " +
|
|
(img.targetProduct!.unitPrice! *
|
|
(img.lowerLimit! / 100))
|
|
.toStringAsFixed(2) +
|
|
" only",
|
|
style: TextStyle(
|
|
color: Colors.red,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
img.condition == 'none'
|
|
? Container()
|
|
: Container(
|
|
child: Text(
|
|
"Condition : " + img.condition!,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: 65,
|
|
height: 65,
|
|
padding: EdgeInsets.all(2.5),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: Colors.red,
|
|
),
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(80),
|
|
topRight: Radius.circular(80),
|
|
bottomLeft: Radius.circular(80),
|
|
bottomRight: Radius.circular(80),
|
|
),
|
|
),
|
|
child: Container(
|
|
width: 65,
|
|
height: 65,
|
|
padding: EdgeInsets.all(2.5),
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: Colors.red,
|
|
border: Border.all(color: Colors.red),
|
|
image: DecorationImage(
|
|
fit: BoxFit.fill,
|
|
image: AssetImage("assets/images/red.png"),
|
|
colorFilter: new ColorFilter.mode(
|
|
Colors.red.withOpacity(0.5),
|
|
BlendMode.overlay),
|
|
),
|
|
),
|
|
child: Center(
|
|
child: Wrap(
|
|
children: [
|
|
Text(
|
|
img.lowerLimit.toString() + "%",
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 18.5,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.only(
|
|
left: 22,
|
|
),
|
|
child: Text(
|
|
"OFF",
|
|
textAlign: TextAlign.end,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w900,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 20,
|
|
),
|
|
new ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(18.0),
|
|
),
|
|
primary: tesoGold,
|
|
padding: new EdgeInsets.all(10.0),
|
|
),
|
|
onPressed: () => Navigator.pushReplacement(
|
|
context,
|
|
PageTransition(
|
|
child: RedeemingCoupon(
|
|
couponDetails: img,
|
|
),
|
|
type: PageTransitionType.fade)),
|
|
child: new Container(
|
|
height: 30.0,
|
|
width: 100.0,
|
|
alignment: Alignment.center,
|
|
decoration: new BoxDecoration(
|
|
color: tesoGold,
|
|
borderRadius: new BorderRadius.circular(60.0),
|
|
),
|
|
child: new Text(
|
|
"Redeem",
|
|
style: new TextStyle(color: Colors.white),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|