|
|
|
|
@ -52,102 +52,99 @@ class ProductTileItem extends StatelessWidget {
|
|
|
|
|
return InkWell(
|
|
|
|
|
onTap: () => productOnClick(context),
|
|
|
|
|
splashColor: Theme.of(context).primaryColor,
|
|
|
|
|
child: Card(
|
|
|
|
|
elevation: 2,
|
|
|
|
|
shape: Border(right: BorderSide(color: Colors.grey.shade300, width: 1)),
|
|
|
|
|
margin: EdgeInsets.symmetric(
|
|
|
|
|
horizontal: 8,
|
|
|
|
|
vertical: 0,
|
|
|
|
|
child: Container(
|
|
|
|
|
margin: EdgeInsets.all(7),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
border:Border.all(color: Colors.grey.shade300,width: 0.5),
|
|
|
|
|
borderRadius: BorderRadius.circular(8)
|
|
|
|
|
),
|
|
|
|
|
child: Container(
|
|
|
|
|
padding: EdgeInsets.symmetric(horizontal: 4),
|
|
|
|
|
width: MediaQuery.of(context).size.width / 3,
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Stack(
|
|
|
|
|
children: [
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.fromLTRB(0, 16, 0, 0),
|
|
|
|
|
alignment: Alignment.center,
|
|
|
|
|
child: (item.images != null && item.images.length > 0)
|
|
|
|
|
? Image.network(
|
|
|
|
|
item.images[0].src,
|
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
|
height: 80,
|
|
|
|
|
)
|
|
|
|
|
: Image.asset(
|
|
|
|
|
"assets/images/no_image.png",
|
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
|
height: 80,
|
|
|
|
|
),
|
|
|
|
|
padding: EdgeInsets.symmetric(horizontal: 4),
|
|
|
|
|
width: MediaQuery.of(context).size.width / 2.8,
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Stack(
|
|
|
|
|
children: [
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.fromLTRB(0, 16, 0, 0),
|
|
|
|
|
alignment: Alignment.center,
|
|
|
|
|
child: (item.images != null && item.images.length > 0)
|
|
|
|
|
? Image.network(
|
|
|
|
|
item.images[0].src,
|
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
|
height: 80,
|
|
|
|
|
)
|
|
|
|
|
: Image.asset(
|
|
|
|
|
"assets/images/no_image.png",
|
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
|
height: 80,
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
width: item.rxMessage != null
|
|
|
|
|
? MediaQuery.of(context).size.width / 5
|
|
|
|
|
: 0,
|
|
|
|
|
padding: EdgeInsets.all(4),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: Color(0xffb23838),
|
|
|
|
|
borderRadius:
|
|
|
|
|
BorderRadius.only(topLeft: Radius.circular(6)),
|
|
|
|
|
),
|
|
|
|
|
child: item.rxMessage != null ? Texts(
|
|
|
|
|
projectProvider.isArabic ? item.rxMessagen : item.rxMessage,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
regular: true,
|
|
|
|
|
fontSize: 10,
|
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
|
): Texts(""),
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
width: item.rxMessage != null
|
|
|
|
|
? MediaQuery.of(context).size.width / 5
|
|
|
|
|
: 0,
|
|
|
|
|
padding: EdgeInsets.all(4),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: Color(0xffb23838),
|
|
|
|
|
borderRadius:
|
|
|
|
|
BorderRadius.only(topLeft: Radius.circular(6)),
|
|
|
|
|
),
|
|
|
|
|
child: item.rxMessage != null
|
|
|
|
|
? Texts(
|
|
|
|
|
projectProvider.isArabic
|
|
|
|
|
? item.rxMessagen
|
|
|
|
|
: item.rxMessage,
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
regular: true,
|
|
|
|
|
fontSize: 10,
|
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
: Texts(""),
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
SizedBox(height: 8,),
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.symmetric(
|
|
|
|
|
horizontal: 6,
|
|
|
|
|
vertical: 0,
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
margin: EdgeInsets.symmetric(
|
|
|
|
|
horizontal: 6,
|
|
|
|
|
vertical: 0,
|
|
|
|
|
),
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Texts(
|
|
|
|
|
projectProvider.isArabic ? item.namen : item.name,
|
|
|
|
|
regular: true,
|
|
|
|
|
fontSize: 12,
|
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Texts(
|
|
|
|
|
projectProvider.isArabic ? item.namen : item.name,
|
|
|
|
|
regular: true,
|
|
|
|
|
fontSize: 12,
|
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
|
),
|
|
|
|
|
Padding(
|
|
|
|
|
padding: const EdgeInsets.only(top: 4, bottom: 4),
|
|
|
|
|
child: Texts(
|
|
|
|
|
"SAR ${item.price}",
|
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
|
fontSize: 14,
|
|
|
|
|
),
|
|
|
|
|
Padding(
|
|
|
|
|
padding: const EdgeInsets.only(top: 4, bottom: 4),
|
|
|
|
|
child: Texts(
|
|
|
|
|
"SAR ${item.price}",
|
|
|
|
|
bold: true,
|
|
|
|
|
fontSize: 14,
|
|
|
|
|
),
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
child: StarRating(
|
|
|
|
|
totalAverage: item.approvedTotalReviews > 0
|
|
|
|
|
? (item.approvedRatingSum.toDouble() /
|
|
|
|
|
item.approvedTotalReviews.toDouble())
|
|
|
|
|
.toDouble()
|
|
|
|
|
: 0,
|
|
|
|
|
forceStars: true),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
child: StarRating(
|
|
|
|
|
totalAverage: item.approvedTotalReviews > 0
|
|
|
|
|
? (item.approvedRatingSum.toDouble() /
|
|
|
|
|
item.approvedTotalReviews.toDouble())
|
|
|
|
|
.toDouble()
|
|
|
|
|
: 0,
|
|
|
|
|
forceStars: true),
|
|
|
|
|
),
|
|
|
|
|
/*Texts(
|
|
|
|
|
"(${item.approvedTotalReviews})",
|
|
|
|
|
regular: true,
|
|
|
|
|
fontSize: 10,
|
|
|
|
|
fontWeight: FontWeight.w400,
|
|
|
|
|
),*/
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(height: 5,),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
|