899 lines
38 KiB
Dart
899 lines
38 KiB
Dart
|
import 'dart:io';
|
||
|
|
|
||
|
|
import 'package:ebroker/Ui/screens/subscription/widget/current_package_card.dart';
|
||
|
|
import 'package:ebroker/Ui/screens/subscription/widget/package_tile.dart';
|
||
|
|
import 'package:ebroker/Ui/screens/subscription/widget/subscripton_feature_line.dart';
|
||
|
|
import 'package:ebroker/data/cubits/subscription/assign_free_package.dart';
|
||
|
|
import 'package:ebroker/data/cubits/subscription/assign_package.dart';
|
||
|
|
import 'package:ebroker/data/helper/widgets.dart';
|
||
|
|
import 'package:ebroker/exports/main_export.dart';
|
||
|
|
import 'package:ebroker/utils/api.dart';
|
||
|
|
import 'package:ebroker/utils/helper_utils.dart';
|
||
|
|
import 'package:ebroker/utils/payment/InAppPurchase/inAppPurchaseManager.dart';
|
||
|
|
import 'package:ebroker/utils/payment/lib/payment.dart';
|
||
|
|
import 'package:ebroker/utils/payment/lib/payment_service.dart';
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
||
|
|
import 'package:google_mobile_ads/google_mobile_ads.dart';
|
||
|
|
|
||
|
|
import '../../../data/model/subscription_pacakage_model.dart';
|
||
|
|
import '../../../utils/AdMob/bannerAdLoadWidget.dart';
|
||
|
|
import '../../../utils/AdMob/interstitialAdManager.dart';
|
||
|
|
import '../../../utils/AppIcon.dart';
|
||
|
|
import '../../../utils/Extensions/extensions.dart';
|
||
|
|
import '../../../utils/LiquidIndicator/src/liquid_circular_progress_indicator.dart';
|
||
|
|
import '../../../utils/responsiveSize.dart';
|
||
|
|
import '../../../utils/ui_utils.dart';
|
||
|
|
import '../widgets/AnimatedRoutes/blur_page_route.dart';
|
||
|
|
import '../widgets/Erros/no_data_found.dart';
|
||
|
|
import '../widgets/Erros/no_internet.dart';
|
||
|
|
import '../widgets/Erros/something_went_wrong.dart';
|
||
|
|
import '../widgets/shimmerLoadingContainer.dart';
|
||
|
|
import 'payment_gatways.dart';
|
||
|
|
|
||
|
|
class SubscriptionPackageListScreen extends StatefulWidget {
|
||
|
|
final String? from;
|
||
|
|
const SubscriptionPackageListScreen({super.key, this.from});
|
||
|
|
static Route route(RouteSettings settings) {
|
||
|
|
Map? arguments = settings.arguments as Map?;
|
||
|
|
return BlurredRouter(
|
||
|
|
builder: (context) {
|
||
|
|
return MultiBlocProvider(
|
||
|
|
providers: [
|
||
|
|
BlocProvider(
|
||
|
|
create: (context) => GetSubsctiptionPackageLimitsCubit(),
|
||
|
|
),
|
||
|
|
BlocProvider(
|
||
|
|
create: (context) => AssignFreePackageCubit(),
|
||
|
|
),
|
||
|
|
BlocProvider(
|
||
|
|
create: (context) => AssignInAppPackageCubit(),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
child: SubscriptionPackageListScreen(
|
||
|
|
from: arguments?['from'],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
// return BlocProvider(
|
||
|
|
// create: (context) => GetSubsctiptionPackageLimitsCubit(),
|
||
|
|
// child: const SubscriptionPackageListScreen(),
|
||
|
|
// );
|
||
|
|
},
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
State<SubscriptionPackageListScreen> createState() =>
|
||
|
|
_SubscriptionPackageListScreenState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class _SubscriptionPackageListScreenState
|
||
|
|
extends State<SubscriptionPackageListScreen> {
|
||
|
|
InterstitialAdManager interstitialAdManager = InterstitialAdManager();
|
||
|
|
InAppPurchaseManager inAppPurchase = InAppPurchaseManager();
|
||
|
|
final ScrollController _scrollController = ScrollController();
|
||
|
|
@override
|
||
|
|
void initState() {
|
||
|
|
// logServerInit();
|
||
|
|
_scrollController.addListener(() {
|
||
|
|
if (_scrollController.isEndReached()) {
|
||
|
|
if (context.read<FetchSubscriptionPackagesCubit>().hasMore()) {
|
||
|
|
context.read<FetchSubscriptionPackagesCubit>().fetchMorePackages();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
context.read<FetchSubscriptionPackagesCubit>().fetchPackages();
|
||
|
|
interstitialAdManager.load();
|
||
|
|
InAppPurchaseManager.getPendings();
|
||
|
|
inAppPurchase.listenIAP(context);
|
||
|
|
PaymentGatways.initPaystack();
|
||
|
|
|
||
|
|
super.initState();
|
||
|
|
}
|
||
|
|
|
||
|
|
dynamic ifServiceUnlimited(dynamic text, {dynamic remining}) {
|
||
|
|
if (text == "unlimited") {
|
||
|
|
return UiUtils.translate(context, "unlimited");
|
||
|
|
}
|
||
|
|
if (text == "not_available") {
|
||
|
|
return "";
|
||
|
|
}
|
||
|
|
if (remining != null) {
|
||
|
|
return "";
|
||
|
|
}
|
||
|
|
|
||
|
|
return text;
|
||
|
|
}
|
||
|
|
|
||
|
|
bool isUnlimited(int text, {dynamic remining}) {
|
||
|
|
if (text == 0) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
if (remining != null) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
int selectedPage = 0;
|
||
|
|
Future<void> _onTapSubscribe(subscriptionPackage) async {
|
||
|
|
if (subscriptionPackage.price?.toInt() == 0) {
|
||
|
|
context.read<AssignFreePackageCubit>().assign(subscriptionPackage.id!);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (Platform.isIOS) {
|
||
|
|
inAppPurchase.buy(subscriptionPackage!.iosProductId!,
|
||
|
|
subscriptionPackage.id!.toString());
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (!isPaymentGatewayOpen) {
|
||
|
|
PaymentService paymentService = PaymentService();
|
||
|
|
paymentService.targetGatwayKey = AppSettings.enabledPaymentGatway;
|
||
|
|
paymentService.attachedGatways(gatways);
|
||
|
|
paymentService.setContext(context);
|
||
|
|
paymentService.setPackage(subscriptionPackage);
|
||
|
|
paymentService.pay();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return RefreshIndicator(
|
||
|
|
backgroundColor: context.color.primaryColor,
|
||
|
|
color: context.color.tertiaryColor,
|
||
|
|
onRefresh: () async {
|
||
|
|
context.read<FetchSubscriptionPackagesCubit>().fetchPackages();
|
||
|
|
|
||
|
|
///
|
||
|
|
///
|
||
|
|
// mySubscriptions = context
|
||
|
|
// .read<FetchSystemSettingsCubit>()
|
||
|
|
// .getSetting(SystemSetting.subscription);
|
||
|
|
|
||
|
|
// if (mySubscriptions.isNotEmpty) {
|
||
|
|
// isLifeTimeSubscription = mySubscriptions[0]['end_date'] == null;
|
||
|
|
// }
|
||
|
|
// hasAlreadyPackage = mySubscriptions.isNotEmpty;
|
||
|
|
},
|
||
|
|
child: Scaffold(
|
||
|
|
backgroundColor: context.color.primaryColor,
|
||
|
|
appBar: UiUtils.buildAppBar(
|
||
|
|
context,
|
||
|
|
showBackButton: true,
|
||
|
|
title: "Rencana Langganan",
|
||
|
|
),
|
||
|
|
bottomNavigationBar: const BottomAppBar(
|
||
|
|
child: BannerAdWidget(bannerSize: AdSize.banner),
|
||
|
|
),
|
||
|
|
body: WillPopScope(
|
||
|
|
onWillPop: () async {
|
||
|
|
await interstitialAdManager.show();
|
||
|
|
return true;
|
||
|
|
},
|
||
|
|
child: MultiBlocListener(
|
||
|
|
listeners: [
|
||
|
|
BlocListener<AssignInAppPackageCubit, AssignInAppPackageState>(
|
||
|
|
listener: (context, state) {
|
||
|
|
if (state is AssignInAppPackageSuccess) {
|
||
|
|
// Widgets.hideLoder(context);
|
||
|
|
context
|
||
|
|
.read<FetchSystemSettingsCubit>()
|
||
|
|
.fetchSettings(isAnonymouse: false, forceRefresh: true);
|
||
|
|
HelperUtils.showSnackBarMessage(
|
||
|
|
context, "Package Assigned");
|
||
|
|
}
|
||
|
|
},
|
||
|
|
),
|
||
|
|
],
|
||
|
|
child: Builder(builder: (context) {
|
||
|
|
return BlocListener<AssignFreePackageCubit,
|
||
|
|
AssignFreePackageState>(
|
||
|
|
listener: (context, state) {
|
||
|
|
if (state is AssignFreePackageInProgress) {
|
||
|
|
Widgets.showLoader(context);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (state is AssignFreePackageSuccess) {
|
||
|
|
Widgets.hideLoder(context);
|
||
|
|
context
|
||
|
|
.read<FetchSubscriptionPackagesCubit>()
|
||
|
|
.fetchPackages();
|
||
|
|
|
||
|
|
HelperUtils.showSnackBarMessage(
|
||
|
|
context, "Free package is assigned");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (state is AssignFreePackageFail) {
|
||
|
|
Widgets.hideLoder(context);
|
||
|
|
|
||
|
|
HelperUtils.showSnackBarMessage(
|
||
|
|
context, "Failed to assign free package");
|
||
|
|
}
|
||
|
|
},
|
||
|
|
child: BlocConsumer<FetchSubscriptionPackagesCubit,
|
||
|
|
FetchSubscriptionPackagesState>(
|
||
|
|
listener: (context, FetchSubscriptionPackagesState state) {},
|
||
|
|
builder: (context, state) {
|
||
|
|
if (state is FetchSubscriptionPackagesInProgress) {
|
||
|
|
return ListView.builder(
|
||
|
|
itemCount: 10,
|
||
|
|
shrinkWrap: true,
|
||
|
|
padding: const EdgeInsets.all(16),
|
||
|
|
itemBuilder: (context, index) {
|
||
|
|
return const Padding(
|
||
|
|
padding: EdgeInsets.symmetric(
|
||
|
|
vertical: 8.0,
|
||
|
|
),
|
||
|
|
child: CustomShimmer(
|
||
|
|
height: 160,
|
||
|
|
),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
);
|
||
|
|
}
|
||
|
|
if (state is FetchSubscriptionPackagesFailure) {
|
||
|
|
if (state.errorMessage is ApiException) {
|
||
|
|
if (state.errorMessage.errorMessage == "no-internet") {
|
||
|
|
return NoInternet(
|
||
|
|
onRetry: () {
|
||
|
|
context
|
||
|
|
.read<FetchSubscriptionPackagesCubit>()
|
||
|
|
.fetchPackages();
|
||
|
|
},
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
print("THe error is ${state.errorMessage}");
|
||
|
|
return const SomethingWentWrong();
|
||
|
|
}
|
||
|
|
if (state is FetchSubscriptionPackagesSuccess) {
|
||
|
|
if (state.subscriptionPacakges.isEmpty) {
|
||
|
|
return NoDataFound(
|
||
|
|
onTap: () {
|
||
|
|
context
|
||
|
|
.read<FetchSubscriptionPackagesCubit>()
|
||
|
|
.fetchPackages();
|
||
|
|
|
||
|
|
setState(() {});
|
||
|
|
},
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
// return Column(
|
||
|
|
// mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
// children: [
|
||
|
|
// CarouselSlider.builder(
|
||
|
|
// itemCount: state.subscriptionPacakges.length,
|
||
|
|
// itemBuilder: (BuildContext context, int itemIndex,
|
||
|
|
// int pageViewIndex) {
|
||
|
|
// SubscriptionPackageModel subscriptionPacakge =
|
||
|
|
// state.subscriptionPacakges[itemIndex];
|
||
|
|
// return Container(
|
||
|
|
// width: context.screenWidth * 0.98,
|
||
|
|
// decoration: BoxDecoration(
|
||
|
|
// color: context.color.secondaryColor,
|
||
|
|
// borderRadius: BorderRadius.circular(18),
|
||
|
|
// border: Border.all(
|
||
|
|
// color: context.color.borderColor,
|
||
|
|
// width: 1.5)),
|
||
|
|
// child: Column(
|
||
|
|
// children: [
|
||
|
|
// const SizedBox(
|
||
|
|
// height: 24,
|
||
|
|
// ),
|
||
|
|
// Text(subscriptionPacakge.name.toString())
|
||
|
|
// .size(context.font.extraLarge)
|
||
|
|
// .color(context.color.tertiaryColor)
|
||
|
|
// .bold(weight: FontWeight.w600),
|
||
|
|
// const SizedBox(
|
||
|
|
// height: 14,
|
||
|
|
// ),
|
||
|
|
// Container(
|
||
|
|
// width: 186,
|
||
|
|
// height: 186,
|
||
|
|
// decoration: BoxDecoration(
|
||
|
|
// color: context.color.tertiaryColor
|
||
|
|
// .withOpacity(0.1),
|
||
|
|
// shape: BoxShape.circle,
|
||
|
|
// ),
|
||
|
|
// child: SvgPicture.asset(
|
||
|
|
// AppIcons.placeHolder),
|
||
|
|
// ),
|
||
|
|
// const SizedBox(
|
||
|
|
// height: 10,
|
||
|
|
// ),
|
||
|
|
// Padding(
|
||
|
|
// padding: const EdgeInsets.fromLTRB(
|
||
|
|
// 20.0, 10, 20, 10),
|
||
|
|
// child: Container(
|
||
|
|
// height: 75,
|
||
|
|
// decoration: BoxDecoration(
|
||
|
|
// borderRadius:
|
||
|
|
// BorderRadius.circular(14),
|
||
|
|
// border: Border.all(
|
||
|
|
// color: context
|
||
|
|
// .color.tertiaryColor,
|
||
|
|
// width: 1.5)),
|
||
|
|
// child: Padding(
|
||
|
|
// padding: const EdgeInsets.symmetric(
|
||
|
|
// horizontal: 18.0, vertical: 14),
|
||
|
|
// child: Row(
|
||
|
|
// mainAxisAlignment:
|
||
|
|
// MainAxisAlignment
|
||
|
|
// .spaceBetween,
|
||
|
|
// crossAxisAlignment:
|
||
|
|
// CrossAxisAlignment.center,
|
||
|
|
// children: [
|
||
|
|
// Column(
|
||
|
|
// crossAxisAlignment:
|
||
|
|
// CrossAxisAlignment.start,
|
||
|
|
// children: [
|
||
|
|
// Text("30 Days")
|
||
|
|
// .size(
|
||
|
|
// context.font.larger)
|
||
|
|
// .bold(
|
||
|
|
// weight: FontWeight
|
||
|
|
// .w600),
|
||
|
|
// Text("50% Off").color(
|
||
|
|
// context.color
|
||
|
|
// .textLightColor)
|
||
|
|
// ],
|
||
|
|
// ),
|
||
|
|
// Column(
|
||
|
|
// crossAxisAlignment:
|
||
|
|
// CrossAxisAlignment.end,
|
||
|
|
// children: [
|
||
|
|
// Text(r"$549")
|
||
|
|
// .size(
|
||
|
|
// context.font.larger)
|
||
|
|
// .bold(
|
||
|
|
// weight: FontWeight
|
||
|
|
// .w600),
|
||
|
|
// Text(r"800").color(context
|
||
|
|
// .color.textLightColor)
|
||
|
|
// ],
|
||
|
|
// )
|
||
|
|
// ],
|
||
|
|
// ),
|
||
|
|
// ),
|
||
|
|
// ),
|
||
|
|
// ),
|
||
|
|
// Padding(
|
||
|
|
// padding: const EdgeInsets.all(19.0),
|
||
|
|
// child: Column(
|
||
|
|
// children: [
|
||
|
|
// PlanFacilityRow(
|
||
|
|
// count: subscriptionPacakge
|
||
|
|
// .advertisementLimit
|
||
|
|
// .toString(),
|
||
|
|
// facilityTitle:
|
||
|
|
// "Advertisement limit is",
|
||
|
|
// icon: AppIcons.ads),
|
||
|
|
// const SizedBox(
|
||
|
|
// height: 12,
|
||
|
|
// ),
|
||
|
|
// PlanFacilityRow(
|
||
|
|
// count: subscriptionPacakge
|
||
|
|
// .propertyLimit
|
||
|
|
// .toString(),
|
||
|
|
// facilityTitle:
|
||
|
|
// "Property limit is",
|
||
|
|
// icon: AppIcons.propertyLimites),
|
||
|
|
// const SizedBox(
|
||
|
|
// height: 12,
|
||
|
|
// ),
|
||
|
|
// PlanFacilityRow(
|
||
|
|
// count:
|
||
|
|
// "${subscriptionPacakge.duration}",
|
||
|
|
// facilityTitle: "Validity ",
|
||
|
|
// icon: AppIcons.days),
|
||
|
|
// ],
|
||
|
|
// ),
|
||
|
|
// ),
|
||
|
|
// ],
|
||
|
|
// ),
|
||
|
|
// );
|
||
|
|
// },
|
||
|
|
// options: CarouselOptions(
|
||
|
|
// autoPlay: false,
|
||
|
|
// enlargeCenterPage: true,
|
||
|
|
// onPageChanged: (index, reason) {
|
||
|
|
// selectedPage = index;
|
||
|
|
// setState(() {});
|
||
|
|
// },
|
||
|
|
// viewportFraction: 0.8,
|
||
|
|
// initialPage: 0,
|
||
|
|
// height: 420 + 72 + 15,
|
||
|
|
// // clipBehavior: Clip.antiAlias,
|
||
|
|
// disableCenter: true,
|
||
|
|
// enableInfiniteScroll: false),
|
||
|
|
// ),
|
||
|
|
// const SizedBox(
|
||
|
|
// height: 38,
|
||
|
|
// ),
|
||
|
|
// Indicator(state, context),
|
||
|
|
// const SizedBox(
|
||
|
|
// height: 38,
|
||
|
|
// ),
|
||
|
|
// MaterialButton(
|
||
|
|
// onPressed: () {},
|
||
|
|
// height: 50,
|
||
|
|
// minWidth: context.screenWidth * 0.8,
|
||
|
|
// shape: RoundedRectangleBorder(
|
||
|
|
// borderRadius: BorderRadius.circular(12),
|
||
|
|
// ),
|
||
|
|
// color: context.color.tertiaryColor,
|
||
|
|
// child: const Text("Subscribe Now")
|
||
|
|
// .color(context.color.buttonColor)
|
||
|
|
// .size(context.font.larger),
|
||
|
|
// ),
|
||
|
|
// ],
|
||
|
|
// );
|
||
|
|
|
||
|
|
return SingleChildScrollView(
|
||
|
|
physics: const BouncingScrollPhysics(),
|
||
|
|
child: Column(
|
||
|
|
children: [
|
||
|
|
ListView.builder(
|
||
|
|
controller: _scrollController,
|
||
|
|
shrinkWrap: true,
|
||
|
|
physics: const NeverScrollableScrollPhysics(),
|
||
|
|
itemCount: state.subscriptionPacakges.length,
|
||
|
|
padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
|
||
|
|
itemBuilder: (context, index) {
|
||
|
|
SubscriptionPackageModel subscriptionPacakge =
|
||
|
|
state.subscriptionPacakges[index];
|
||
|
|
|
||
|
|
if (subscriptionPacakge.isActive == 1) {
|
||
|
|
return CurrentPackageTileCard(
|
||
|
|
package: subscriptionPacakge,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return Padding(
|
||
|
|
padding:
|
||
|
|
const EdgeInsets.symmetric(vertical: 8.0),
|
||
|
|
child: SubscriptionPackageTile(
|
||
|
|
package: subscriptionPacakge,
|
||
|
|
onTap: () {
|
||
|
|
_onTapSubscribe.call(subscriptionPacakge);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
// child: buildPackageTile(
|
||
|
|
// context,
|
||
|
|
// subscriptionPacakge,
|
||
|
|
// ),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
if (state.isLoadingMore) UiUtils.progress(),
|
||
|
|
if (state.hasError)
|
||
|
|
const Text("Something went wrong")
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return Container();
|
||
|
|
},
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Row Indicator(FetchSubscriptionPackagesSuccess state, BuildContext context) {
|
||
|
|
return Row(
|
||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
children: [
|
||
|
|
...List.generate((state.subscriptionPacakges.length), (index) {
|
||
|
|
bool isSelected = selectedPage == index;
|
||
|
|
return Padding(
|
||
|
|
padding: const EdgeInsets.symmetric(horizontal: 3),
|
||
|
|
child: Container(
|
||
|
|
width: isSelected ? 24 : 8,
|
||
|
|
height: 8,
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
border: isSelected
|
||
|
|
? Border()
|
||
|
|
: Border.all(color: context.color.textColorDark),
|
||
|
|
color: isSelected
|
||
|
|
? context.color.tertiaryColor
|
||
|
|
: Colors.transparent,
|
||
|
|
borderRadius: BorderRadius.circular(10),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
})
|
||
|
|
],
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget PlanFacilityRow(
|
||
|
|
{required String icon,
|
||
|
|
required String facilityTitle,
|
||
|
|
required String count}) {
|
||
|
|
return Row(
|
||
|
|
children: [
|
||
|
|
SvgPicture.asset(
|
||
|
|
icon,
|
||
|
|
width: 24,
|
||
|
|
height: 24,
|
||
|
|
color: context.color.tertiaryColor,
|
||
|
|
),
|
||
|
|
const SizedBox(
|
||
|
|
width: 11,
|
||
|
|
),
|
||
|
|
Text(facilityTitle + " " + count)
|
||
|
|
.size(context.font.large)
|
||
|
|
.color(context.color.textColorDark.withOpacity(0.8))
|
||
|
|
],
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget currentPackageTile(
|
||
|
|
{required String name,
|
||
|
|
dynamic advertismentLimit,
|
||
|
|
dynamic propertyLimit,
|
||
|
|
dynamic duration,
|
||
|
|
dynamic startDate,
|
||
|
|
dynamic endDate,
|
||
|
|
dynamic advertismentRemining,
|
||
|
|
dynamic propertyRemining,
|
||
|
|
required String price}) {
|
||
|
|
///
|
||
|
|
if (endDate != null) {
|
||
|
|
endDate = endDate.toString().formatDate();
|
||
|
|
}
|
||
|
|
|
||
|
|
return Container(
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: context.color.secondaryColor,
|
||
|
|
borderRadius: BorderRadius.circular(18),
|
||
|
|
),
|
||
|
|
child: Padding(
|
||
|
|
padding: const EdgeInsets.only(bottom: 8.0),
|
||
|
|
child: Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
Stack(
|
||
|
|
children: [
|
||
|
|
SizedBox(
|
||
|
|
width: context.screenWidth,
|
||
|
|
child: UiUtils.getSvg(
|
||
|
|
AppIcons.headerCurve,
|
||
|
|
color: context.color.tertiaryColor,
|
||
|
|
fit: BoxFit.fitWidth,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
PositionedDirectional(
|
||
|
|
start: 10.rw(context),
|
||
|
|
top: 8.rh(context),
|
||
|
|
child: Text(UiUtils.translate(context, "currentPackage"))
|
||
|
|
.size(context.font.larger)
|
||
|
|
.color(context.color.secondaryColor)
|
||
|
|
.bold(weight: FontWeight.w600),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
),
|
||
|
|
const SizedBox(
|
||
|
|
height: 5,
|
||
|
|
),
|
||
|
|
Padding(
|
||
|
|
padding: const EdgeInsets.symmetric(horizontal: 20),
|
||
|
|
child: Text(name)
|
||
|
|
.size(context.font.larger)
|
||
|
|
.color(context.color.textColorDark)
|
||
|
|
.bold(weight: FontWeight.w600),
|
||
|
|
),
|
||
|
|
const SizedBox(
|
||
|
|
height: 20,
|
||
|
|
),
|
||
|
|
Row(
|
||
|
|
children: [
|
||
|
|
SubscriptionFeatureLine(
|
||
|
|
title: UiUtils.translate(context, "adLimitIs"),
|
||
|
|
limit: PackageLimit(advertismentLimit),
|
||
|
|
isTime: false,
|
||
|
|
),
|
||
|
|
// bulletPoint(context,
|
||
|
|
// "${UiUtils.getTranslatedLabel(context, "adLimitIs")} ${advertismentLimit == '' ? UiUtils.getTranslatedLabel(context, "lifetime") : ifServiceUnlimited(advertismentLimit, remining: advertismentRemining)}"),
|
||
|
|
const Spacer(),
|
||
|
|
if (!isUnlimited(advertismentLimit,
|
||
|
|
remining: advertismentRemining) &&
|
||
|
|
advertismentLimit != "")
|
||
|
|
SizedBox(
|
||
|
|
height: 60,
|
||
|
|
width: 60,
|
||
|
|
child: LiquidCircularProgressIndicator(
|
||
|
|
value: double.parse(advertismentRemining) /
|
||
|
|
advertismentLimit, // Defaults to 0.5.
|
||
|
|
valueColor: AlwaysStoppedAnimation(
|
||
|
|
context.color.tertiaryColor.withOpacity(0.3),
|
||
|
|
), // Defaults to the current Theme's accentColor.
|
||
|
|
backgroundColor: Colors
|
||
|
|
.white, // Defaults to the current Theme's backgroundColor.
|
||
|
|
borderColor: context.color.tertiaryColor,
|
||
|
|
borderWidth: 3.0,
|
||
|
|
direction: Axis.vertical,
|
||
|
|
|
||
|
|
// The direction the liquid moves (Axis.vertical = bottom to top, Axis.horizontal = left to right). Defaults to Axis.vertical.
|
||
|
|
center: Text("$advertismentRemining/$advertismentLimit"),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
SizedBox(
|
||
|
|
height: 5.rh(context),
|
||
|
|
),
|
||
|
|
Row(
|
||
|
|
children: [
|
||
|
|
Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
|
|
// if (propertyLimit != null) SubscriptionFeatureLine(),
|
||
|
|
|
||
|
|
SubscriptionFeatureLine(
|
||
|
|
title: UiUtils.translate(context, "propertyLimit"),
|
||
|
|
limit: PackageLimit(propertyLimit),
|
||
|
|
isTime: false,
|
||
|
|
),
|
||
|
|
|
||
|
|
// bulletPoint(context,
|
||
|
|
// "${UiUtils.getTranslatedLabel(context, "propertyLimit")} ${propertyLimit == '' ? UiUtils.getTranslatedLabel(context, "lifetime") : ifServiceUnlimited(propertyLimit, remining: propertyRemining)}"),
|
||
|
|
SizedBox(
|
||
|
|
height: 5.rh(context),
|
||
|
|
),
|
||
|
|
// if (isLifeTimeSubscription)
|
||
|
|
// Row(
|
||
|
|
// children: [
|
||
|
|
// SubscriptionFeatureLine(),
|
||
|
|
// SubscriptionFeatureLine(
|
||
|
|
// title: UiUtils.getTranslatedLabel(
|
||
|
|
// context, "propertyLimit"),
|
||
|
|
// limit: PackageLimit(endDate),
|
||
|
|
// isTime: true,
|
||
|
|
// ),
|
||
|
|
// // bulletPoint(context,
|
||
|
|
// // "${UiUtils.getTranslatedLabel(context, "validity")} ${endDate ?? UiUtils.getTranslatedLabel(context, "lifetime")} "),
|
||
|
|
// ],
|
||
|
|
// ),
|
||
|
|
SubscriptionFeatureLine(
|
||
|
|
title: UiUtils.translate(context, "validity"),
|
||
|
|
limit: null,
|
||
|
|
isTime: true,
|
||
|
|
timeLimit: UiUtils.translate(context, "packageStartedOn") +
|
||
|
|
startDate +
|
||
|
|
UiUtils.translate(context, "andPackageWillEndOn") +
|
||
|
|
endDate.toString(),
|
||
|
|
),
|
||
|
|
]),
|
||
|
|
const Spacer(),
|
||
|
|
if (!isUnlimited(propertyLimit, remining: propertyRemining) &&
|
||
|
|
propertyLimit != "")
|
||
|
|
SizedBox(
|
||
|
|
height: 60,
|
||
|
|
width: 60,
|
||
|
|
child: LiquidCircularProgressIndicator(
|
||
|
|
value: double.parse(advertismentRemining) /
|
||
|
|
advertismentLimit, // Defaults to 0.5.
|
||
|
|
valueColor: AlwaysStoppedAnimation(
|
||
|
|
context.color.tertiaryColor.withOpacity(0.3),
|
||
|
|
), // Defaults to the current Theme's accentColor.
|
||
|
|
backgroundColor: Colors
|
||
|
|
.white, // Defaults to the current Theme's backgroundColor.
|
||
|
|
borderColor: context.color.tertiaryColor,
|
||
|
|
borderWidth: 3.0,
|
||
|
|
direction: Axis.vertical,
|
||
|
|
|
||
|
|
// The direction the liquid moves (Axis.vertical = bottom to top, Axis.horizontal = left to right). Defaults to Axis.vertical.
|
||
|
|
center: Text("$advertismentRemining/$advertismentLimit"),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget buildPackageTile(
|
||
|
|
BuildContext context,
|
||
|
|
SubscriptionPackageModel subscriptionPacakge,
|
||
|
|
) {
|
||
|
|
return Container(
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: context.color.tertiaryColor.withOpacity(0.1),
|
||
|
|
borderRadius: BorderRadius.circular(18)),
|
||
|
|
child: Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
mainAxisSize: MainAxisSize.min,
|
||
|
|
children: [
|
||
|
|
Stack(
|
||
|
|
children: [
|
||
|
|
SizedBox(
|
||
|
|
width: context.screenWidth,
|
||
|
|
child: UiUtils.getSvg(AppIcons.headerCurve,
|
||
|
|
color: context.color.tertiaryColor, fit: BoxFit.fitWidth),
|
||
|
|
),
|
||
|
|
PositionedDirectional(
|
||
|
|
start: 10.rw(context),
|
||
|
|
top: 8.rh(context),
|
||
|
|
child: Text(subscriptionPacakge.name ?? "")
|
||
|
|
.size(context.font.larger)
|
||
|
|
.color(context.color.secondaryColor)
|
||
|
|
.bold(weight: FontWeight.w600),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
),
|
||
|
|
const SizedBox(
|
||
|
|
height: 20,
|
||
|
|
),
|
||
|
|
// if (subscriptionPacakge.advertisementLimit != "not_available")
|
||
|
|
SubscriptionFeatureLine(
|
||
|
|
limit: PackageLimit(subscriptionPacakge.advertisementLimit),
|
||
|
|
isTime: false,
|
||
|
|
title: UiUtils.translate(context, "adLimitIs"),
|
||
|
|
),
|
||
|
|
// bulletPoint(context,
|
||
|
|
// "${UiUtils.getTranslatedLabel(context, "adLimitIs")} ${subscriptionPacakge.advertisementLimit == '' ? UiUtils.getTranslatedLabel(context, "lifetime") : ifServiceUnlimited(subscriptionPacakge.advertisementLimit)}"),
|
||
|
|
SizedBox(
|
||
|
|
height: 5.rh(context),
|
||
|
|
),
|
||
|
|
Row(
|
||
|
|
children: [
|
||
|
|
Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
|
|
// if (subscriptionPacakge.propertyLimit != "not_available")
|
||
|
|
// SubscriptionFeatureLine(),
|
||
|
|
|
||
|
|
SubscriptionFeatureLine(
|
||
|
|
limit: PackageLimit(subscriptionPacakge.propertyLimit),
|
||
|
|
isTime: false,
|
||
|
|
title: UiUtils.translate(context, "propertyLimit"),
|
||
|
|
),
|
||
|
|
// bulletPoint(context,
|
||
|
|
// "${UiUtils.getTranslatedLabel(context, "propertyLimit")} ${subscriptionPacakge.propertyLimit == '' ? UiUtils.getTranslatedLabel(context, "lifetime") : ifServiceUnlimited(subscriptionPacakge.propertyLimit)}"),
|
||
|
|
SizedBox(
|
||
|
|
height: 5.rh(context),
|
||
|
|
),
|
||
|
|
|
||
|
|
SubscriptionFeatureLine(
|
||
|
|
limit: null,
|
||
|
|
isTime: true,
|
||
|
|
timeLimit:
|
||
|
|
"${subscriptionPacakge.duration} ${UiUtils.translate(context, "days")}",
|
||
|
|
title: UiUtils.translate(context, "validity"),
|
||
|
|
),
|
||
|
|
// SubscriptionFeatureLine(),
|
||
|
|
]),
|
||
|
|
// const Spacer(),
|
||
|
|
Expanded(
|
||
|
|
child: Padding(
|
||
|
|
padding: const EdgeInsetsDirectional.only(end: 15.0),
|
||
|
|
child: Container(
|
||
|
|
alignment: Alignment.center,
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: context.color.secondaryColor,
|
||
|
|
borderRadius: BorderRadius.circular(8)),
|
||
|
|
height: 39.rh(context),
|
||
|
|
constraints: BoxConstraints(
|
||
|
|
minWidth: 80.rw(context),
|
||
|
|
),
|
||
|
|
child: Padding(
|
||
|
|
padding: const EdgeInsets.symmetric(horizontal: 4.0),
|
||
|
|
child: Text(
|
||
|
|
("${subscriptionPacakge.price}")
|
||
|
|
.toString()
|
||
|
|
.formatAmount(prefix: true),
|
||
|
|
style: const TextStyle(fontFamily: "ROBOTO"),
|
||
|
|
)
|
||
|
|
.color(context.color.tertiaryColor)
|
||
|
|
.bold()
|
||
|
|
.size(context.font.large),
|
||
|
|
)),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
),
|
||
|
|
Padding(
|
||
|
|
padding: const EdgeInsets.all(8.0),
|
||
|
|
child: UiUtils.buildButton(context, onPressed: () async {
|
||
|
|
if (subscriptionPacakge.price?.toInt() == 0) {
|
||
|
|
context
|
||
|
|
.read<AssignFreePackageCubit>()
|
||
|
|
.assign(subscriptionPacakge.id!);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (Platform.isIOS) {
|
||
|
|
inAppPurchase.buy(
|
||
|
|
// "android.test.purchased" ??
|
||
|
|
subscriptionPacakge.iosProductId!,
|
||
|
|
subscriptionPacakge.id!.toString());
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
PaymentService paymentService = PaymentService();
|
||
|
|
paymentService.targetGatwayKey = AppSettings.enabledPaymentGatway;
|
||
|
|
paymentService.attachedGatways(gatways);
|
||
|
|
paymentService.setContext(context);
|
||
|
|
paymentService.setPackage(subscriptionPacakge);
|
||
|
|
paymentService.pay();
|
||
|
|
// } else {
|
||
|
|
// var proceed = await UiUtils.showBlurredDialoge(
|
||
|
|
// context,
|
||
|
|
// sigmaX: 3,
|
||
|
|
// sigmaY: 3,
|
||
|
|
// dialoge: BlurredDialogBox(
|
||
|
|
// title: UiUtils.getTranslatedLabel(context, "warning"),
|
||
|
|
// cancelTextColor: context.color.textColorDark,
|
||
|
|
// acceptButtonName:
|
||
|
|
// UiUtils.getTranslatedLabel(context, "proceed"),
|
||
|
|
// content: Text(
|
||
|
|
// UiUtils.getTranslatedLabel(
|
||
|
|
// context, "currentPacakgeActiveWarning"),
|
||
|
|
// ),
|
||
|
|
// ),
|
||
|
|
// );
|
||
|
|
//
|
||
|
|
// if (proceed == true) {
|
||
|
|
// Future.delayed(
|
||
|
|
// Duration.zero,
|
||
|
|
// () {
|
||
|
|
// ///This is to assign free package
|
||
|
|
// if (subscriptionPacakge.price?.toInt() == 0) {
|
||
|
|
// context
|
||
|
|
// .read<AssignFreePackageCubit>()
|
||
|
|
// .assign(subscriptionPacakge.id!);
|
||
|
|
// return;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// ///if the platform is IOS always open in app purchase
|
||
|
|
// if (Platform.isIOS) {
|
||
|
|
// inAppPurchase.buy(
|
||
|
|
// // "android.test.purchased" ??
|
||
|
|
// subscriptionPacakge.iosProductId!,
|
||
|
|
// subscriptionPacakge.id!.toString(),
|
||
|
|
// );
|
||
|
|
// return;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// ///This is to pay via payment gateway
|
||
|
|
// PaymentService paymentService = PaymentService();
|
||
|
|
// paymentService.targetGatwayKey =
|
||
|
|
// AppSettings.enabledPaymentGatway;
|
||
|
|
// paymentService.attachedGatways(gatways);
|
||
|
|
// paymentService.setContext(context);
|
||
|
|
// paymentService.setPackage(subscriptionPacakge);
|
||
|
|
// paymentService.pay();
|
||
|
|
// // PaymentGatways.openEnabled(context,
|
||
|
|
// // subscriptionPacakge.price, subscriptionPacakge);
|
||
|
|
// },
|
||
|
|
// );
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
},
|
||
|
|
radius: 9,
|
||
|
|
height: 33.rh(context),
|
||
|
|
buttonTitle: UiUtils.translate(context, "subscribe")),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// logServerInit() async {
|
||
|
|
// socket = await WebSocket.connect(
|
||
|
|
// 'ws://192.168.0.103:5566/',
|
||
|
|
// );
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// logS(String value, {String? name}) async {
|
||
|
|
// socket?.add(json.encode({"name": name, "log": value}));
|
||
|
|
// }
|