2021-08-20 20:31:12 +00:00
|
|
|
import 'package:flutter/material.dart';
|
2023-05-04 10:35:47 +00:00
|
|
|
import "package:intl/intl.dart";
|
2022-06-02 14:33:28 +00:00
|
|
|
import 'package:photos/ente_theme_data.dart';
|
2023-04-06 06:30:37 +00:00
|
|
|
import "package:photos/generated/l10n.dart";
|
2021-08-20 20:31:12 +00:00
|
|
|
import 'package:photos/models/subscription.dart';
|
2023-02-18 06:46:44 +00:00
|
|
|
import "package:photos/theme/ente_theme.dart";
|
|
|
|
import "package:photos/ui/components/captioned_text_widget.dart";
|
|
|
|
import "package:photos/ui/components/menu_item_widget/menu_item_widget.dart";
|
2022-07-01 14:18:05 +00:00
|
|
|
import 'package:photos/ui/payment/billing_questions_widget.dart';
|
2021-10-30 05:43:56 +00:00
|
|
|
import 'package:photos/utils/data_util.dart';
|
2021-08-20 20:31:12 +00:00
|
|
|
|
|
|
|
class SubscriptionHeaderWidget extends StatefulWidget {
|
2022-12-30 12:10:17 +00:00
|
|
|
final bool? isOnboarding;
|
|
|
|
final int? currentUsage;
|
2021-08-20 20:31:12 +00:00
|
|
|
|
2022-06-11 08:23:52 +00:00
|
|
|
const SubscriptionHeaderWidget({
|
2022-12-30 12:10:17 +00:00
|
|
|
Key? key,
|
2022-06-11 08:23:52 +00:00
|
|
|
this.isOnboarding,
|
|
|
|
this.currentUsage,
|
|
|
|
}) : super(key: key);
|
2021-08-20 20:31:12 +00:00
|
|
|
|
|
|
|
@override
|
|
|
|
State<StatefulWidget> createState() {
|
|
|
|
return _SubscriptionHeaderWidgetState();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class _SubscriptionHeaderWidgetState extends State<SubscriptionHeaderWidget> {
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2022-12-30 12:10:17 +00:00
|
|
|
if (widget.isOnboarding!) {
|
2021-08-20 20:31:12 +00:00
|
|
|
return Padding(
|
|
|
|
padding: const EdgeInsets.fromLTRB(20, 20, 20, 24),
|
2022-06-02 11:06:24 +00:00
|
|
|
child: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Row(
|
|
|
|
children: [
|
|
|
|
Text(
|
2023-04-06 06:30:37 +00:00
|
|
|
S.of(context).selectYourPlan,
|
2022-06-02 11:06:24 +00:00
|
|
|
style: Theme.of(context).textTheme.headline4,
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
2023-02-18 06:31:43 +00:00
|
|
|
const SizedBox(height: 10),
|
|
|
|
Text(
|
2023-04-06 06:30:37 +00:00
|
|
|
S.of(context).enteSubscriptionPitch,
|
2023-02-18 06:31:43 +00:00
|
|
|
style: Theme.of(context).textTheme.caption,
|
2022-06-02 11:06:24 +00:00
|
|
|
),
|
2023-02-18 06:31:43 +00:00
|
|
|
const SizedBox(height: 4),
|
2022-06-02 11:06:24 +00:00
|
|
|
Text(
|
2023-04-06 06:30:37 +00:00
|
|
|
S.of(context).enteSubscriptionShareWithFamily,
|
2022-06-02 11:06:24 +00:00
|
|
|
style: Theme.of(context).textTheme.caption,
|
|
|
|
),
|
|
|
|
],
|
2021-08-20 20:31:12 +00:00
|
|
|
),
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
return SizedBox(
|
2022-05-03 11:53:40 +00:00
|
|
|
height: 72,
|
2022-04-28 05:24:26 +00:00
|
|
|
width: double.infinity,
|
2022-04-14 14:17:41 +00:00
|
|
|
child: Padding(
|
2022-05-03 11:53:40 +00:00
|
|
|
padding: const EdgeInsets.all(24.0),
|
|
|
|
child: RichText(
|
|
|
|
text: TextSpan(
|
|
|
|
children: [
|
|
|
|
TextSpan(
|
2023-04-06 06:30:37 +00:00
|
|
|
text: S.of(context).currentUsageIs,
|
2022-06-11 08:23:52 +00:00
|
|
|
style: Theme.of(context).textTheme.subtitle1,
|
|
|
|
),
|
2022-05-03 11:53:40 +00:00
|
|
|
TextSpan(
|
2022-12-30 12:10:17 +00:00
|
|
|
text: formatBytes(widget.currentUsage!),
|
2022-07-03 09:49:33 +00:00
|
|
|
style: Theme.of(context)
|
|
|
|
.textTheme
|
2022-12-30 12:10:17 +00:00
|
|
|
.subtitle1!
|
2022-07-03 09:49:33 +00:00
|
|
|
.copyWith(fontWeight: FontWeight.bold),
|
2022-05-03 11:53:40 +00:00
|
|
|
)
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
2021-08-20 20:31:12 +00:00
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class ValidityWidget extends StatelessWidget {
|
2022-12-30 12:10:17 +00:00
|
|
|
final Subscription? currentSubscription;
|
2021-08-20 20:31:12 +00:00
|
|
|
|
2022-12-30 12:10:17 +00:00
|
|
|
const ValidityWidget({Key? key, this.currentSubscription}) : super(key: key);
|
2021-08-20 20:31:12 +00:00
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
if (currentSubscription == null) {
|
2022-09-20 13:03:00 +00:00
|
|
|
return const SizedBox.shrink();
|
2021-08-20 20:31:12 +00:00
|
|
|
}
|
2023-05-04 10:35:47 +00:00
|
|
|
final endDate =
|
|
|
|
DateFormat.yMMMd(Localizations.localeOf(context).languageCode).format(
|
2022-12-30 12:10:17 +00:00
|
|
|
DateTime.fromMicrosecondsSinceEpoch(currentSubscription!.expiryTime),
|
2022-06-11 08:23:52 +00:00
|
|
|
);
|
2023-05-04 10:35:47 +00:00
|
|
|
|
2023-04-06 06:30:37 +00:00
|
|
|
var message = S.of(context).renewsOn(endDate);
|
2022-12-30 12:10:17 +00:00
|
|
|
if (currentSubscription!.productID == freeProductID) {
|
2023-04-06 06:30:37 +00:00
|
|
|
message = S.of(context).freeTrialValidTill(endDate);
|
2022-12-30 12:10:17 +00:00
|
|
|
} else if (currentSubscription!.attributes?.isCancelled ?? false) {
|
2023-04-06 06:30:37 +00:00
|
|
|
message = S.of(context).subWillBeCancelledOn(endDate);
|
2021-08-20 20:31:12 +00:00
|
|
|
}
|
2021-08-23 10:22:07 +00:00
|
|
|
return Padding(
|
|
|
|
padding: const EdgeInsets.only(top: 8),
|
|
|
|
child: Text(
|
|
|
|
message,
|
2022-04-28 05:24:26 +00:00
|
|
|
style: Theme.of(context).textTheme.caption,
|
2021-08-20 20:31:12 +00:00
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
2021-08-20 20:59:53 +00:00
|
|
|
|
|
|
|
class SubFaqWidget extends StatelessWidget {
|
2023-02-18 06:46:44 +00:00
|
|
|
final bool isOnboarding;
|
|
|
|
|
|
|
|
const SubFaqWidget({Key? key, this.isOnboarding = false}) : super(key: key);
|
2022-07-03 06:49:00 +00:00
|
|
|
|
2021-08-20 20:59:53 +00:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2023-02-18 06:46:44 +00:00
|
|
|
final colorScheme = getEnteColorScheme(context);
|
|
|
|
return Padding(
|
|
|
|
padding: EdgeInsets.fromLTRB(16, 40, 16, isOnboarding ? 40 : 4),
|
|
|
|
child: MenuItemWidget(
|
2023-04-06 06:30:37 +00:00
|
|
|
captionedTextWidget: CaptionedTextWidget(
|
|
|
|
title: S.of(context).faqs,
|
2023-02-18 06:46:44 +00:00
|
|
|
),
|
|
|
|
menuItemColor: colorScheme.fillFaint,
|
|
|
|
trailingWidget: Icon(
|
|
|
|
Icons.chevron_right_outlined,
|
|
|
|
color: colorScheme.strokeBase,
|
|
|
|
),
|
|
|
|
singleBorderRadius: 4,
|
|
|
|
alignCaptionedTextToLeft: true,
|
|
|
|
onTap: () async {
|
2021-08-20 20:59:53 +00:00
|
|
|
showModalBottomSheet<void>(
|
2022-06-02 14:33:28 +00:00
|
|
|
backgroundColor: Theme.of(context).colorScheme.bgColorForQuestions,
|
2021-08-20 20:59:53 +00:00
|
|
|
barrierColor: Colors.black87,
|
|
|
|
context: context,
|
|
|
|
builder: (context) {
|
2022-07-04 06:02:17 +00:00
|
|
|
return const BillingQuestionsWidget();
|
2021-08-20 20:59:53 +00:00
|
|
|
},
|
|
|
|
);
|
|
|
|
},
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|