197 lines
7.7 KiB
Dart
197 lines
7.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:initial_folder/providers/whislist_provider.dart';
|
|
import 'package:initial_folder/screens/home/components/body_comp/latest_course.dart';
|
|
import 'package:initial_folder/screens/home/components/body_comp/populer_course.dart';
|
|
import 'package:initial_folder/screens/splash/splash_screen_login.dart';
|
|
import 'package:initial_folder/widgets/wishlist_page.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../../size_config.dart';
|
|
import '../../theme.dart';
|
|
|
|
class WishlistPage extends StatelessWidget {
|
|
const WishlistPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final Brightness brightnessValue =
|
|
MediaQuery.of(context).platformBrightness;
|
|
bool isDarkMode = brightnessValue == Brightness.dark;
|
|
Widget noWishlist() {
|
|
return Center(
|
|
child: Container(
|
|
margin: EdgeInsets.symmetric(
|
|
horizontal: getProportionateScreenWidth(40),
|
|
),
|
|
child: Text(
|
|
'Kamu belum login, silahkan login untuk melihat wishlist',
|
|
textAlign: TextAlign.center,
|
|
style: primaryTextStyle,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget wishlist() {
|
|
return Consumer<WishlistProvider>(
|
|
builder: (BuildContext context, state, _) {
|
|
if (state.state == ResultState.Loading) {
|
|
return Center(
|
|
child: CircularProgressIndicator(
|
|
color: secondaryColor,
|
|
strokeWidth: 2,
|
|
),
|
|
);
|
|
} else if (state.state == ResultState.NoData) {
|
|
print("State is NoData - showing empty wishlist message");
|
|
return SingleChildScrollView(
|
|
child: Center(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
SizedBox(height: 35),
|
|
Container(
|
|
width: getProportionateScreenWidth(120),
|
|
height: getProportionateScreenWidth(120),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(2),
|
|
),
|
|
child: Image.asset(
|
|
'assets/images/kursuskosong.png',
|
|
scale: 1,
|
|
color: Theme.of(context).colorScheme.onBackground,
|
|
),
|
|
),
|
|
SizedBox(height: 16),
|
|
Text(
|
|
"Tidak ada wishlist",
|
|
style: thirdTextStyle.copyWith(
|
|
fontWeight: semiBold,
|
|
letterSpacing: 1,
|
|
fontSize: getProportionateScreenWidth(14),
|
|
),
|
|
),
|
|
SizedBox(height: 4),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: getProportionateScreenWidth(16)),
|
|
child: Text(
|
|
"Kamu belum memiliki wishlist, cari kursus sekarang untuk menyimpan kursus yang ingin dibeli nanti",
|
|
textAlign: TextAlign.center,
|
|
style: thirdTextStyle.copyWith(
|
|
fontWeight: semiBold,
|
|
fontSize: getProportionateScreenWidth(12),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: getProportionateScreenHeight(25)),
|
|
PopulerCourse(
|
|
text: 'Kursus Teratas',
|
|
),
|
|
LatestCourse(
|
|
text: 'Kursus Terbaru',
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
} else if (state.state == ResultState.HasData) {
|
|
print("State punya data");
|
|
return RefreshIndicator(
|
|
displacement: 40,
|
|
color: primaryColor,
|
|
onRefresh: () async {
|
|
await Provider.of<WishlistProvider>(context, listen: false)
|
|
.getWishlist();
|
|
},
|
|
child: SingleChildScrollView(
|
|
physics:
|
|
AlwaysScrollableScrollPhysics(), // Memastikan SingleChildScrollView bisa selalu scroll
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color:
|
|
Theme.of(context).colorScheme.primaryContainer,
|
|
borderRadius: BorderRadius.vertical(
|
|
bottom: Radius.circular(15)),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Theme.of(context).brightness ==
|
|
Brightness.dark
|
|
? Colors.transparent
|
|
: Colors.grey,
|
|
spreadRadius: 0.06,
|
|
blurRadius: 5,
|
|
offset: Offset(0, 2), // Shadow position
|
|
),
|
|
]),
|
|
child: Padding(
|
|
padding: EdgeInsets.only(
|
|
top: getProportionateScreenHeight(20),
|
|
bottom: getProportionateScreenHeight(20)),
|
|
child: ListView.builder(
|
|
shrinkWrap: true,
|
|
physics:
|
|
NeverScrollableScrollPhysics(), // ListView tidak perlu scroll sendiri karena sudah di dalam SingleChildScrollView
|
|
itemCount: state.result!.data[0].length,
|
|
itemBuilder: (context, index) {
|
|
var wishlistCourse = state.result!.data[0][index];
|
|
return MyWishlistPage(
|
|
wishlistDataModel: wishlistCourse,
|
|
);
|
|
},
|
|
),
|
|
)),
|
|
SizedBox(
|
|
height: getProportionateScreenHeight(25),
|
|
),
|
|
PopulerCourse(
|
|
text: 'Kursus Teratas',
|
|
),
|
|
LatestCourse(
|
|
text: 'Kursus Terbaru',
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
} else if (state.state == ResultState.Error) {
|
|
return Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text('Coba Lagi'),
|
|
IconButton(
|
|
onPressed: () async {
|
|
await Provider.of<WishlistProvider>(context,
|
|
listen: false)
|
|
.getWishlist();
|
|
},
|
|
icon: Icon(Icons.refresh))
|
|
],
|
|
);
|
|
} else {
|
|
return Center(child: Text(''));
|
|
}
|
|
},
|
|
);
|
|
}
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
elevation: 0.0,
|
|
backgroundColor: Theme.of(context).colorScheme.background,
|
|
title: Text('Wishlist',
|
|
style: thirdTextStyle.copyWith(
|
|
fontWeight: semiBold,
|
|
letterSpacing: 2.3,
|
|
fontSize: getProportionateScreenWidth(20))),
|
|
),
|
|
body: Container(
|
|
child: (Condition.loginEmail || Condition.loginFirebase)
|
|
? wishlist()
|
|
: noWishlist()),
|
|
);
|
|
}
|
|
}
|