devbeni/student-legacy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed premium directories to plus

Browse Source
This commit is contained in:
Kima
2024-04-07 19:59:38 +02:00
parent 6a7087d4f5
commit 23563bc4f9
35 changed files with 39 additions and 399 deletions
Download Patch File Download Diff File Expand all files Collapse all files

170
refilc_mobile_ui/lib/plus/components/active_sponsor_card.dart Normal file
View File

@@ -0,0 +1,170 @@
import 'package:refilc/icons/filc_icons.dart';
import 'package:refilc_mobile_ui/plus/plus_screen.dart';
import 'package:refilc_plus/models/premium_scopes.dart';
import 'package:refilc_plus/providers/premium_provider.dart';
import 'package:refilc_plus/ui/mobile/plus/upsell.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:provider/provider.dart';
class ActiveSponsorCard extends StatelessWidget {
const ActiveSponsorCard({super.key});
static PremiumFeatureLevel? estimateLevel(List<String> scopes) {
if (scopes.contains(PremiumScopes.all) ||
scopes.contains(PremiumScopes.tierSponge)) {
return PremiumFeatureLevel.sponge;
}
if (scopes.contains(PremiumScopes.tierInk)) {
return PremiumFeatureLevel.ink;
}
if (scopes.contains(PremiumScopes.tierCap)) {
return PremiumFeatureLevel.cap;
}
return PremiumFeatureLevel.old;
}
IconData? _levelIcon(PremiumFeatureLevel level) {
switch (level) {
case PremiumFeatureLevel.cap:
return FilcIcons.kupak;
case PremiumFeatureLevel.ink:
return FilcIcons.tinta;
case PremiumFeatureLevel.sponge:
return FilcIcons.kupak;
case PremiumFeatureLevel.old:
return FilcIcons.kupak;
case PremiumFeatureLevel.basic:
return FilcIcons.kupak;
case PremiumFeatureLevel.gold:
return FilcIcons.kupak;
}
}
@override
Widget build(BuildContext context) {
final premium = Provider.of<PremiumProvider>(context, listen: false);
final level = estimateLevel(premium.scopes);
if (level == null) {
return const SizedBox();
}
Color? glow = Colors.white; //TODO: only temp fix kima (idk what but die)
switch (level) {
case PremiumFeatureLevel.cap:
glow = Colors.lightGreen;
break;
case PremiumFeatureLevel.ink:
glow = Colors.purple;
break;
case PremiumFeatureLevel.sponge:
glow = Colors.red;
break;
case PremiumFeatureLevel.old:
glow = Colors.red;
break;
case PremiumFeatureLevel.basic:
glow = Colors.red;
break;
case PremiumFeatureLevel.gold:
glow = Colors.red;
break;
}
return Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
boxShadow: [
BoxShadow(
color: glow.withOpacity(.4),
blurRadius: 42.0,
),
],
),
child: Card(
margin: EdgeInsets.zero,
elevation: 0,
color: const Color(0xff2B2B2B),
shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(14.0)),
child: InkWell(
borderRadius: BorderRadius.circular(14.0),
splashColor: glow.withOpacity(.2),
onTap: () {
Navigator.of(context, rootNavigator: true)
.push(MaterialPageRoute(builder: (context) {
return const PlusScreen();
}));
},
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 12.0),
child: Row(
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Stack(
children: [
CircleAvatar(
backgroundColor:
Theme.of(context).colorScheme.secondary,
backgroundImage: NetworkImage(
"https://github.com/${premium.login}.png?size=128"),
),
Positioned.fill(
child: Align(
alignment: Alignment.bottomRight,
child: Transform.translate(
offset: const Offset(3.0, 4.0),
child: Container(
padding: const EdgeInsets.all(4.0),
decoration: const BoxDecoration(
color: Color(0xff2B2B2B),
shape: BoxShape.circle,
),
child: const SizedBox(
height: 14.0,
width: 14.0,
),
),
),
),
),
Positioned.fill(
child: Align(
alignment: Alignment.bottomRight,
child: SvgPicture.asset(
"assets/images/github.svg",
height: 14.0,
),
),
),
],
),
),
Expanded(
child: Text(
premium.login,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 20,
color: Colors.white),
),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Icon(
_levelIcon(level),
color: Colors.white,
),
),
],
),
),
),
),
);
}
}

26
refilc_mobile_ui/lib/plus/components/avatar_stack.dart Normal file
View File

@@ -0,0 +1,26 @@
import 'package:flutter/material.dart';
class AvatarStack extends StatelessWidget {
const AvatarStack({super.key, required this.children});
final List<Widget> children;
@override
Widget build(BuildContext context) {
return Stack(
children: [
if (children.isNotEmpty) children[0],
if (children.length > 1)
Transform.translate(
offset: const Offset(-20.0, 0.0),
child: children[1],
),
if (children.length > 2)
Transform.translate(
offset: const Offset(-40.0, 0.0),
child: children[2],
),
],
);
}
}

175
refilc_mobile_ui/lib/plus/components/github_button.dart Normal file
View File

@@ -0,0 +1,175 @@
// import 'package:refilc/api/client.dart';
// import 'package:refilc/theme/colors/colors.dart';
import 'package:refilc_plus/providers/premium_provider.dart';
// import 'package:refilc_plus/ui/mobile/plus/activation_view/activation_view.dart';
import 'package:flutter/material.dart';
import 'package:flutter_feather_icons/flutter_feather_icons.dart';
import 'package:flutter_svg/svg.dart';
import 'package:provider/provider.dart';
class GithubLoginButton extends StatelessWidget {
const GithubLoginButton({super.key});
@override
Widget build(BuildContext context) {
final premium = Provider.of<PremiumProvider>(context);
return Card(
margin: EdgeInsets.zero,
elevation: 0,
color: const Color(0xFFC1CBDF),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16.0)),
child: InkWell(
borderRadius: BorderRadius.circular(14.0),
onTap: () async {
// if (premium.hasPremium) {
// premium.auth.refreshAuth(removePremium: true);
// ScaffoldMessenger.of(context).showSnackBar(SnackBar(
// content: Text(
// "reFilc+ támogatás deaktiválva!",
// style: TextStyle(
// color: AppColors.of(context).text,
// fontWeight: FontWeight.bold,
// fontSize: 18.0),
// ),
// backgroundColor: Theme.of(context).scaffoldBackgroundColor,
// ));
// return;
// }
// Navigator.of(context).push(MaterialPageRoute(builder: (context) {
// return const PremiumActivationView();
// }));
// bool initFinished = await initPaymentSheet(context);
// if (initFinished) {
// stripe.PaymentSheetPaymentOption? result =
// await stripe.Stripe.instance.presentPaymentSheet();
// print(result == null);
// print(result?.label ?? 'nem label');
// }
// launchUrl(
// Uri.parse(
// 'https://api.refilc.hu/v3/payment/stripe-create-checkout?product=asdasd'),
// mode: LaunchMode.inAppBrowserView,
// );
},
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 12.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Stack(
children: [
SvgPicture.asset(
"assets/images/btn_github.svg",
height: 28.0,
),
Positioned.fill(
child: Align(
alignment: Alignment.bottomRight,
child: Transform.translate(
offset: const Offset(3.5, 4.6),
child: Container(
padding: const EdgeInsets.all(4.0),
decoration: const BoxDecoration(
color: Color(0xFFC1CBDF),
// color: Colors.red,
shape: BoxShape.circle,
),
child: const SizedBox(
height: 10.0,
width: 10.0,
),
),
),
),
),
Positioned.fill(
child: Align(
alignment: Alignment.bottomRight,
child: Transform.translate(
offset: const Offset(2.0, 2.0),
child: Icon(
premium.hasPremium
? FeatherIcons.minusCircle
: FeatherIcons.plusCircle,
color: const Color(0xFF243F76),
size: 14.0,
),
),
),
),
],
),
const SizedBox(
width: 18.0,
),
Text(
premium.hasPremium
? "Github szétkapcsolása"
: "Fiók összekötése Github-al",
style: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 18,
color: Color(0xFF243F76),
),
),
const SizedBox(
width: 4.0,
),
],
),
),
),
);
}
// Future<bool> initPaymentSheet(BuildContext context) async {
// try {
// // 1. create payment intent on the server
// final data = await _createPaymentSheet();
// if (data == null) {
// throw "API error, can't create payment sheet!";
// }
// // 2. initialize the payment sheet
// await stripe.Stripe.instance.initPaymentSheet(
// paymentSheetParameters: stripe.SetupPaymentSheetParameters(
// // Set to true for custom flow
// customFlow: false,
// // Main params
// merchantDisplayName: 'reFilc',
// paymentIntentClientSecret: data['paymentIntent'],
// // Customer keys
// customerEphemeralKeySecret: data['ephemeralKey'],
// customerId: data['customer'],
// // Extra options
// // applePay: const stripe.PaymentSheetApplePay(
// // merchantCountryCode: 'HU',
// // ),
// googlePay: const stripe.PaymentSheetGooglePay(
// merchantCountryCode: 'HU',
// testEnv: true,
// ),
// style: ThemeMode.system,
// ),
// );
// return true;
// } catch (e) {
// // ignore: use_build_context_synchronously
// ScaffoldMessenger.of(context).showSnackBar(
// SnackBar(content: Text('Error: $e')),
// );
// rethrow;
// }
// }
// Future<Map?> _createPaymentSheet() async {
// Map? data = await FilcAPI.createPaymentSheet("refilcplus");
// return data;
// }
}

52
refilc_mobile_ui/lib/plus/components/github_card.dart Normal file
View File

@@ -0,0 +1,52 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
class GithubCard extends StatelessWidget {
const GithubCard({super.key, this.onPressed});
final void Function()? onPressed;
@override
Widget build(BuildContext context) {
return Card(
margin: EdgeInsets.zero,
elevation: 0,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14.0)),
color: const Color(0xff2B2B2B),
child: Material(
type: MaterialType.transparency,
child: InkWell(
borderRadius: BorderRadius.circular(14.0),
onTap: onPressed,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0).add(const EdgeInsets.only(top: 4.0)),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
const Expanded(
child: Text(
"Támogass minket Githubon, hogy megszerezd a jutalmakat!",
style: TextStyle(color: Colors.white),
),
),
SvgPicture.asset("assets/images/github.svg"),
],
),
const SizedBox(height: 4.0),
Chip(
backgroundColor: Colors.black.withOpacity(.5),
label: const Text(
"Már támogatsz? Jelentkezz be!",
style: TextStyle(color: Colors.white),
),
),
],
),
),
),
),
);
}
}

107
refilc_mobile_ui/lib/plus/components/github_connect_button.dart Normal file
View File

@@ -0,0 +1,107 @@
import 'package:refilc/theme/colors/colors.dart';
import 'package:refilc_plus/providers/premium_provider.dart';
// import 'package:refilc_plus/ui/mobile/plus/activation_view/activation_view.dart';
import 'package:flutter/material.dart';
import 'package:flutter_feather_icons/flutter_feather_icons.dart';
import 'package:flutter_svg/svg.dart';
import 'package:provider/provider.dart';
class GithubConnectButton extends StatelessWidget {
const GithubConnectButton({super.key});
@override
Widget build(BuildContext context) {
final premium = Provider.of<PremiumProvider>(context);
return Card(
margin: EdgeInsets.zero,
elevation: 0,
color: const Color(0xff2B2B2B),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14.0)),
child: InkWell(
borderRadius: BorderRadius.circular(14.0),
onTap: () {
if (premium.hasPremium) {
premium.auth.refreshAuth(removePremium: true);
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
content: Text(
"Prémium deaktiválva.",
style: TextStyle(
color: AppColors.of(context).text,
fontWeight: FontWeight.bold,
fontSize: 18.0),
),
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
));
return;
}
// Navigator.of(context).push(MaterialPageRoute(builder: (context) {
// // return const PremiumActivationView();
// }));
},
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 12.0),
child: Row(
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Stack(
children: [
SvgPicture.asset(
"assets/images/github.svg",
height: 32.0,
),
Positioned.fill(
child: Align(
alignment: Alignment.bottomRight,
child: Transform.translate(
offset: const Offset(3.0, 4.0),
child: Container(
padding: const EdgeInsets.all(4.0),
decoration: const BoxDecoration(
color: Color(0xff2B2B2B),
shape: BoxShape.circle,
),
child: const SizedBox(
height: 14.0,
width: 14.0,
),
),
),
),
),
Positioned.fill(
child: Align(
alignment: Alignment.bottomRight,
child: Transform.translate(
offset: const Offset(2.0, 2.0),
child: Icon(
premium.hasPremium
? FeatherIcons.minusCircle
: FeatherIcons.plusCircle,
color: Colors.white,
size: 16.0,
),
),
),
),
],
),
),
Text(
premium.hasPremium
? "GitHub szétkapcsolása"
: "GitHub csatlakoztatása",
style: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 20,
color: Colors.white),
),
],
),
),
),
);
}
}

80
refilc_mobile_ui/lib/plus/components/goal_card.dart Normal file
View File

@@ -0,0 +1,80 @@
import 'dart:ui';
import 'package:flutter/material.dart';
class PremiumGoalCard extends StatelessWidget {
const PremiumGoalCard({super.key, this.progress = 100, this.target = 1});
final double progress;
final double target;
@override
Widget build(BuildContext context) {
return Card(
margin: EdgeInsets.zero,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0)),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Cél: ${target.round()} támogató",
style:
const TextStyle(fontWeight: FontWeight.bold, fontSize: 18.0),
),
const SizedBox(height: 8.0),
Stack(
alignment: Alignment.center,
children: [
Container(
height: 12,
decoration: BoxDecoration(
color: Colors.black.withOpacity(.2),
borderRadius: BorderRadius.circular(45.0),
),
),
LayoutBuilder(
builder: (context, size) {
return Align(
alignment: Alignment.centerLeft,
child: Row(
children: [
Container(
height: 12,
width: size.maxWidth * (progress / 100),
decoration: BoxDecoration(
gradient: const LinearGradient(colors: [
Color(0xFFFF2A9D),
Color(0xFFFF37F7)
]),
borderRadius: BorderRadius.circular(45.0),
),
),
Transform.translate(
offset: const Offset(-15.0, 0),
child: Stack(
children: [
ImageFiltered(
imageFilter:
ImageFilter.blur(sigmaX: 5, sigmaY: 5),
child: Image.asset("assets/images/heart.png",
color: Colors.black.withOpacity(.3)),
),
Image.asset("assets/images/heart.png"),
],
),
),
],
),
);
},
),
],
),
],
),
),
);
}
}

253
refilc_mobile_ui/lib/plus/components/plan_card.dart Normal file
View File

@@ -0,0 +1,253 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:refilc_plus/providers/premium_provider.dart';
import 'package:refilc_plus/ui/mobile/plus/activation_view/activation_view.dart';
import 'package:refilc_mobile_ui/plus/plus_screen.i18n.dart';
import 'package:url_launcher/url_launcher.dart';
class PlusPlanCard extends StatelessWidget {
const PlusPlanCard({
super.key,
required this.iconPath,
required this.title,
required this.description,
required this.color,
required this.gradient,
this.price = 0,
required this.id,
this.active = false,
this.borderRadius,
this.features = const [],
});
final String iconPath;
final String title;
final String description;
final Color color;
final LinearGradient gradient;
final double price;
final String id;
final bool active;
final BorderRadiusGeometry? borderRadius;
final List<List<String>> features;
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: () {
if (Provider.of<PremiumProvider>(context, listen: false).hasPremium) {
if (!active) {
launchUrl(
Uri.parse(
'https://billing.stripe.com/p/login/5kAbJXeMkaRi8dWeUU'),
mode: LaunchMode.inAppBrowserView,
);
}
return;
}
Navigator.of(context).push(MaterialPageRoute(builder: (context) {
return PremiumActivationView(product: id);
}));
},
child: Container(
decoration: BoxDecoration(
gradient: gradient,
borderRadius: borderRadius!.add(BorderRadius.circular(1.5)),
),
padding: const EdgeInsets.all(1.5),
child: Card(
margin: EdgeInsets.zero,
shape: RoundedRectangleBorder(
borderRadius: borderRadius!,
),
shadowColor: Colors.transparent,
surfaceTintColor: Colors.white,
color: Colors.white.withOpacity(0.9),
child: Padding(
padding: const EdgeInsets.only(
top: 18.0, bottom: 16.0, left: 22.0, right: 18.0),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
Image.asset(
iconPath,
width: iconPath.endsWith('ink.png') ? 29.0 : 25.0,
height: 25.0,
),
const SizedBox(
width: 12.0,
),
Text(
title,
style: const TextStyle(
fontSize: 22.0,
color: Color(0xFF0B0B0B),
fontWeight: FontWeight.w600,
height: 1.2,
),
),
],
),
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
gradient: active
? const LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color.fromARGB(255, 196, 213, 253),
Color.fromARGB(255, 227, 235, 250),
Color.fromARGB(255, 214, 226, 250),
],
)
: const LinearGradient(
colors: [
Color(0xFFEFF4FE),
Color(0xFFEFF4FE),
],
),
),
padding: const EdgeInsets.all(2.0),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
color: const Color(0xFFEFF4FE),
),
padding: const EdgeInsets.symmetric(
horizontal: 10.0, vertical: 2.0),
child: Text(
active
? 'active'.i18n
: '${price.toStringAsFixed(2).replaceAll('.', ',')} €',
style: const TextStyle(
fontSize: 16.6,
color: Color(0xFF243F76),
fontWeight: FontWeight.w600,
),
),
),
),
],
),
const SizedBox(
height: 12.0,
),
Text(
description,
style: TextStyle(
color: const Color(0xFF011234).withOpacity(0.6),
fontSize: 13.69,
fontWeight: FontWeight.w500,
),
),
const SizedBox(
height: 14.20,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: features
.map((e) => Column(
children: [
const SizedBox(
height: 10.0,
),
Row(
children: [
SizedBox(
width: 22.22,
child: Text(
e[0],
style: const TextStyle(fontSize: 18.0),
),
),
const SizedBox(
width: 14.0,
),
Expanded(
child: e[1].endsWith('tier_benefits')
? Text.rich(
style: const TextStyle(
height: 1.2,
fontWeight: FontWeight.w500,
color: Color(0xFF011234),
fontSize: 13.69,
),
TextSpan(
children: [
TextSpan(
text: 'every'.i18n,
),
e[1].startsWith('cap')
? const TextSpan(
text: 'reFilc+',
style: TextStyle(
color:
Color(0xFF7C3EFF),
fontWeight:
FontWeight.w600,
),
)
: TextSpan(
children: [
const TextSpan(
text: 'reFilc+',
style: TextStyle(
color: Color(
0xFF7C3EFF),
fontWeight:
FontWeight
.w600,
),
),
TextSpan(
text: 'and'.i18n,
),
const TextSpan(
text:
'reFilc+ Gold',
style: TextStyle(
color: Color(
0xFF0061BB),
fontWeight:
FontWeight
.w600,
),
),
],
),
TextSpan(text: 'benefit'.i18n),
],
),
)
: Text(
e[1],
maxLines: 2,
style: const TextStyle(
height: 1.2,
color: Color(0xFF011234),
fontWeight: FontWeight.w500,
fontSize: 13.69,
),
),
),
],
),
],
))
.toList(),
),
],
),
),
),
),
);
}
}

79
refilc_mobile_ui/lib/plus/components/reward_card.dart Normal file
View File

@@ -0,0 +1,79 @@
import 'package:flutter/material.dart';
class PremiumRewardCard extends StatelessWidget {
const PremiumRewardCard(
{super.key,
this.imageKey,
this.icon,
this.title,
this.description,
this.soon = false});
final String? imageKey;
final Widget? icon;
final Widget? title;
final Widget? description;
final bool soon;
@override
Widget build(BuildContext context) {
return Card(
margin: EdgeInsets.zero,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16.0)),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (soon)
const Padding(
padding: EdgeInsets.only(left: 8.0),
child: Chip(
labelPadding: EdgeInsets.zero,
padding: EdgeInsets.symmetric(horizontal: 12.0),
backgroundColor: Color(0x777645D3),
label: Text("Hamarosan",
style: TextStyle(fontWeight: FontWeight.w500)),
),
),
if (imageKey != null)
Padding(
padding: const EdgeInsets.symmetric(horizontal: 14.0)
.add(EdgeInsets.only(bottom: 12.0, top: soon ? 0 : 14.0)),
child: Image.asset("assets/images/${imageKey!}.png"),
)
else
const SizedBox(height: 12),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12.0),
child: Row(
children: [
if (icon != null) ...[icon!, const SizedBox(width: 12.0)],
if (title != null)
Expanded(
child: DefaultTextStyle(
style: Theme.of(context)
.textTheme
.bodyMedium!
.copyWith(fontWeight: FontWeight.w700, fontSize: 20),
child: title!,
),
),
],
),
),
if (description != null)
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12.0)
.add(const EdgeInsets.only(top: 4.0, bottom: 12.0)),
child: DefaultTextStyle(
style: Theme.of(context)
.textTheme
.bodyMedium!
.copyWith(fontSize: 16),
child: description!,
),
),
],
),
);
}
}

35
refilc_mobile_ui/lib/plus/components/supporter_chip.dart Normal file
View File

@@ -0,0 +1,35 @@
import 'package:refilc/models/supporter.dart';
import 'package:flutter/material.dart';
class SupporterChip extends StatelessWidget {
const SupporterChip({super.key, required this.supporter});
final Supporter supporter;
@override
Widget build(BuildContext context) {
return Chip(
side: BorderSide.none,
shape: const StadiumBorder(side: BorderSide.none),
padding: const EdgeInsets.all(8.0),
avatar: supporter.avatar != ""
? CircleAvatar(
backgroundColor: Theme.of(context).colorScheme.secondary,
backgroundImage: NetworkImage(supporter.avatar),
)
: null,
labelPadding: const EdgeInsets.only(left: 12.0, right: 8.0),
label: Text.rich(
TextSpan(children: [
TextSpan(text: supporter.name),
if (supporter.type == DonationType.once)
TextSpan(
text: " \$${supporter.price}",
style: const TextStyle(fontWeight: FontWeight.w400),
),
]),
style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16.0),
),
);
}
}

79
refilc_mobile_ui/lib/plus/components/supporter_group_card.dart Normal file
View File

@@ -0,0 +1,79 @@
import 'package:refilc/models/supporter.dart';
import 'package:refilc_mobile_ui/plus/components/supporter_chip.dart';
import 'package:refilc_mobile_ui/plus/components/supporter_tile.dart';
import 'package:flutter/material.dart';
class SupporterGroupCard extends StatelessWidget {
const SupporterGroupCard({
super.key,
this.title,
this.icon,
this.expanded = false,
this.supporters = const [],
this.glow,
});
final Widget? icon;
final Widget? title;
final bool expanded;
final List<Supporter> supporters;
final Color? glow;
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
boxShadow: [
if (glow != null)
BoxShadow(
color: glow!.withOpacity(.2),
blurRadius: 60.0,
),
],
),
child: Card(
margin: EdgeInsets.zero,
shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0)),
child: Padding(
padding: const EdgeInsets.all(24.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
if (icon != null) ...[icon!, const SizedBox(width: 12.0)],
if (title != null)
Expanded(
child: DefaultTextStyle(
style: Theme.of(context)
.textTheme
.titleLarge!
.copyWith(fontWeight: FontWeight.w700),
child: title!,
),
),
],
),
const SizedBox(height: 12.0),
if (expanded)
Column(
children: supporters
.map((e) => SupporterTile(supporter: e))
.toList(),
)
else
Wrap(
spacing: 8.0,
children: supporters
.map((e) => SupporterChip(supporter: e))
.toList(),
),
],
),
),
),
);
}
}

23
refilc_mobile_ui/lib/plus/components/supporter_tile.dart Normal file
View File

@@ -0,0 +1,23 @@
import 'package:refilc/models/supporter.dart';
import 'package:flutter/material.dart';
class SupporterTile extends StatelessWidget {
const SupporterTile({super.key, required this.supporter});
final Supporter supporter;
@override
Widget build(BuildContext context) {
return ListTile(
contentPadding: EdgeInsets.zero,
leading: CircleAvatar(
backgroundImage: NetworkImage(supporter.avatar),
),
title: Text(
supporter.name,
style: const TextStyle(fontWeight: FontWeight.bold),
),
subtitle: Text(supporter.comment),
);
}
}

82
refilc_mobile_ui/lib/plus/components/supporters_button.dart Normal file
View File

@@ -0,0 +1,82 @@
import 'dart:math';
import 'package:refilc/models/supporter.dart';
import 'package:refilc_mobile_ui/plus/components/avatar_stack.dart';
import 'package:refilc_mobile_ui/plus/supporters_screen.dart';
import 'package:flutter/material.dart';
class SupportersButton extends StatelessWidget {
const SupportersButton({super.key, required this.supporters});
final Future<Supporters?> supporters;
@override
Widget build(BuildContext context) {
return Card(
shape: const StadiumBorder(),
margin: EdgeInsets.zero,
child: InkWell(
customBorder: const StadiumBorder(),
onTap: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => SupportersScreen(supporters: supporters)),
);
},
child: Container(
padding: const EdgeInsets.symmetric(vertical: 16.0, horizontal: 14.0),
child: Row(
children: [
const Expanded(
child: Text(
"Köszönjük, támogatók!",
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 17.0),
),
),
FutureBuilder<Supporters?>(
future: supporters,
builder: (context, snapshot) {
if (!snapshot.hasData) {
return const SizedBox();
}
final sponsors = snapshot.data!.github
.where((e) => e.type == DonationType.monthly)
.toList();
sponsors.shuffle(Random(
(DateTime.now().millisecondsSinceEpoch /
1000 /
60 /
60 /
24)
.floor()));
return AvatarStack(
children: [
// ignore: prefer_is_empty
if (sponsors.length > 0 && sponsors[0].avatar != "")
CircleAvatar(
backgroundColor:
Theme.of(context).colorScheme.secondary,
backgroundImage: NetworkImage(sponsors[0].avatar),
),
if (sponsors.length > 1 && sponsors[1].avatar != "")
CircleAvatar(
backgroundColor:
Theme.of(context).colorScheme.secondary,
backgroundImage: NetworkImage(sponsors[1].avatar),
),
if (sponsors.length > 2 && sponsors[2].avatar != "")
CircleAvatar(
backgroundColor:
Theme.of(context).colorScheme.secondary,
backgroundImage: NetworkImage(sponsors[2].avatar),
),
],
);
}),
],
),
),
),
);
}
}

643
refilc_mobile_ui/lib/plus/plus_screen.dart Normal file
View File

@@ -0,0 +1,643 @@
import 'package:refilc/theme/colors/colors.dart';
import 'package:refilc_mobile_ui/plus/plus_screen.i18n.dart';
import 'package:refilc_mobile_ui/plus/components/plan_card.dart';
import 'package:flutter_feather_icons/flutter_feather_icons.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:refilc_plus/providers/premium_provider.dart';
import 'package:refilc_plus/ui/mobile/plus/upsell.dart';
import 'components/active_sponsor_card.dart';
// import 'components/github_button.dart';
class PlusScreen extends StatefulWidget {
const PlusScreen({super.key});
@override
State<PlusScreen> createState() => PlusScreenState();
}
class PlusScreenState extends State<PlusScreen> {
Uri parseTierUri({required String tierId}) {
return Uri.parse(
'https://github.com/sponsors/refilc/sponsorships?tier_id=$tierId&preview=true');
}
bool showLifetime = false;
@override
Widget build(BuildContext context) {
LinearGradient plusGradient = const LinearGradient(
colors: [
Color(0xFF7087FF),
Color(0xFF9069FF),
Color(0xFFE4D7FF),
Color(0xFFDBC5FF),
Color(0xFFE57DFF),
Color(0xFFDBB7FF),
Color(0xFF6850FF),
Color(0xFF2144FF),
],
stops: [0.0, 0.16, 0.32, 0.49, 0.69, 0.8, 0.92, 1.0],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
);
LinearGradient goldGradient = const LinearGradient(
colors: [
Color(0xFFFFBD70),
Color(0xFFFFDE69),
Color(0xFFFFECD7),
Color(0xFFFFE4C5),
Color(0xFFFFDB7D),
Color(0xFFFFDEB7),
Color(0xFFFFAE50),
Color(0xFFFF9921),
],
stops: [0.0, 0.16, 0.32, 0.49, 0.69, 0.8, 0.92, 1.0],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
);
return Scaffold(
backgroundColor: const Color(0xffF4F9FF),
body: Container(
padding: EdgeInsets.zero,
width: double.infinity,
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/premium_top_banner.png'),
fit: BoxFit.fitWidth,
alignment: Alignment.topCenter,
),
),
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
const Color(0xffF4F9FF).withOpacity(0.30),
const Color(0xffF4F9FF).withOpacity(0.40),
const Color(0xffF4F9FF).withOpacity(0.50),
const Color(0xffF4F9FF).withOpacity(0.60),
const Color(0xffF4F9FF).withOpacity(0.70),
],
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
stops: const [0.0, 0.1, 0.15, 0.2, 0.25],
),
),
child: ListView(
children: [
Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
const Color(0xffF4F9FF).withOpacity(0.0),
const Color(0xffF4F9FF).withOpacity(0.7),
const Color(0xffF4F9FF).withOpacity(0.8),
const Color(0xffF4F9FF).withOpacity(0.9),
const Color(0xffF4F9FF),
],
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
stops: const [0.0, 0.1, 0.15, 0.18, 0.22],
),
),
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 20.0, vertical: 15.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// heading (title, x button)
Padding(
padding: const EdgeInsets.only(left: 12.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'reFilc+',
style: TextStyle(
fontSize: 33,
color: Color(0xFF0a1c41),
fontWeight: FontWeight.bold,
),
),
IconButton(
onPressed: () => Navigator.of(context).pop(),
icon: const Icon(
FeatherIcons.x,
color: Colors.black,
),
)
],
),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12.0),
child: Text.rich(
TextSpan(
text: 'even_more_cheaper'.i18n,
style: const TextStyle(
height: 1.2,
fontSize: 22,
color: Color(0xFF0A1C41),
fontWeight: FontWeight.w600,
),
children: [
WidgetSpan(
child: Transform.translate(
offset: const Offset(1.0, -5.5),
child: Text(
'1',
style: TextStyle(
fontSize: 14.4,
color: const Color(0xFF0A1C41)
.withOpacity(0.5),
fontWeight: FontWeight.w600,
),
),
),
),
],
),
),
),
// cards and description
const SizedBox(
height: 60,
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12.0),
child: Text.rich(
TextSpan(
children: [
TextSpan(text: 'support_1'.i18n),
WidgetSpan(
child: Transform.translate(
offset: const Offset(1.0, -3.6),
child: Text(
'2',
style: TextStyle(
color: const Color(0xFF011234)
.withOpacity(0.5),
fontSize: 10.0,
fontWeight: FontWeight.w500,
),
),
),
),
TextSpan(
text: 'support_2'.i18n,
),
],
style: TextStyle(
color: const Color(0xFF011234).withOpacity(0.6),
fontWeight: FontWeight.w500,
),
),
),
),
const SizedBox(
height: 18,
),
PlusPlanCard(
active: ActiveSponsorCard.estimateLevel(
context.watch<PremiumProvider>().scopes) ==
PremiumFeatureLevel.cap,
iconPath: 'assets/images/plus_tier_cap.png',
title: 'reFilc+',
description: 'tier_rfp'.i18n,
color: const Color(0xFF7C3EFF),
gradient: plusGradient,
id: showLifetime ? 'refilcpluslifetime' : 'refilcplus',
price: showLifetime ? 39.99 : 0.99,
borderRadius: const BorderRadius.vertical(
top: Radius.circular(16.0),
bottom: Radius.circular(16.0)),
features: [
['✨', 'rfp_1'.i18n],
['1️⃣', 'rfp_5'.i18n],
// ['👥', 'rfp_2'.i18n],
['👋', 'rfp_3'.i18n],
['📓', 'rfp_4'.i18n],
['🎓', 'rfp_6'.i18n],
['🔜', 'more_soon'.i18n],
],
),
const SizedBox(
height: 12.0,
),
PlusPlanCard(
active: ActiveSponsorCard.estimateLevel(
context.watch<PremiumProvider>().scopes) ==
PremiumFeatureLevel.ink,
iconPath: 'assets/images/plus_tier_ink.png',
title: 'reFilc+ Gold',
description: 'tier_rfpgold'.i18n,
color: const Color(0xFFFFBD3E),
gradient: goldGradient,
id: showLifetime
? 'refilcplusgoldlifetime'
: 'refilcplusgold',
price: showLifetime ? 59.99 : 2.99,
borderRadius: const BorderRadius.vertical(
top: Radius.circular(16.0),
bottom: Radius.circular(16.0)),
features: [
['🕑', 'rfp_7'.i18n],
['🔤', 'rfp_8'.i18n],
// ['👥', 'rfp_9'.i18n],
// ['🎓', 'Összesített átlagszámoló'],
['📱', 'rfp_10'.i18n],
['🟦', 'rfp_11'.i18n],
['📒', 'rfp_12'.i18n],
['📅', 'rfp_13'.i18n],
const ['🖋️', 'cap_tier_benefits'],
['🔜', 'more_soon'.i18n],
],
),
// const SizedBox(
// height: 8.0,
// ),
// PlusPlanCard(
// active: ActiveSponsorCard.estimateLevel(
// context.watch<PremiumProvider>().scopes) ==
// PremiumFeatureLevel.sponge,
// iconPath: 'assets/images/plus_tier_sponge.png',
// title: 'Szivacs',
// description:
// 'Férj hozzá még több funkcióhoz, használj még több profilt és tedd egyszerűbbé mindennapjaid.',
// color: const Color(0xFFFFC700),
// id: 'refilcplusgold',
// price: 4.99,
// borderRadius: const BorderRadius.vertical(
// top: Radius.circular(8.0),
// bottom: Radius.circular(16.0)),
// features: const [
// ['👥', 'Korlátlan fiók használata egyszerre'],
// ['🖋️', 'ink_cap_tier_benefits'],
// ],
// ),
// const SizedBox(
// height: 18.0,
// ),
// const GithubLoginButton(),
// lifetime plan toggle
const SizedBox(
height: 18.0,
),
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16.0),
border: Border.all(
color: AppColors.of(context).text.withOpacity(0.2),
),
),
child: SwitchListTile(
contentPadding:
const EdgeInsets.only(left: 15.0, right: 10.0),
value: showLifetime,
onChanged: (value) {
setState(() {
showLifetime = !showLifetime;
});
},
title: Text('show_lifetime'.i18n),
),
),
// faq section
const SizedBox(
height: 30.0,
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12.0),
child: Text(
'faq'.i18n,
style: TextStyle(
color: const Color(0xFF011234).withOpacity(0.6),
fontWeight: FontWeight.w500,
),
),
),
const SizedBox(
height: 18,
),
Card(
margin: EdgeInsets.zero,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(
top: Radius.circular(16.0),
bottom: Radius.circular(8.0),
),
),
shadowColor: Colors.transparent,
surfaceTintColor: const Color(0xffFFFFFF),
color: Colors.white,
child: Padding(
padding: const EdgeInsets.only(
top: 18.0,
bottom: 16.0,
left: 22.0,
right: 18.0,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'money'.i18n,
style: const TextStyle(
fontSize: 16.6,
fontWeight: FontWeight.w600,
color: Colors.black,
),
),
const SizedBox(
height: 14.0,
),
Text.rich(
TextSpan(
style: TextStyle(
color: const Color(0xFF011234)
.withOpacity(0.6),
fontWeight: FontWeight.w500,
),
children: [
TextSpan(
text: 'm_1'.i18n,
),
WidgetSpan(
child: Transform.translate(
offset: const Offset(1.0, -3.6),
child: Text(
'3',
style: TextStyle(
color: const Color(0xFF011234)
.withOpacity(0.5),
fontSize: 10.0,
fontWeight: FontWeight.w500,
),
),
),
),
TextSpan(
text: 'm_2'.i18n,
),
],
),
),
],
),
),
),
const SizedBox(
height: 8.0,
),
Card(
margin: EdgeInsets.zero,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(
top: Radius.circular(8.0),
bottom: Radius.circular(16.0),
),
),
shadowColor: Colors.transparent,
surfaceTintColor: const Color(0xffFFFFFF),
color: Colors.white,
child: Padding(
padding: const EdgeInsets.only(
top: 18.0,
bottom: 16.0,
left: 22.0,
right: 18.0,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'open'.i18n,
style: const TextStyle(
fontSize: 16.6,
fontWeight: FontWeight.w600,
color: Colors.black,
),
),
const SizedBox(
height: 14.0,
),
Text(
'o_1'.i18n,
style: TextStyle(
color:
const Color(0xFF011234).withOpacity(0.6),
fontWeight: FontWeight.w500,
),
),
],
),
),
),
const SizedBox(
height: 30.0,
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12.0),
child: Text(
'desc'.i18n,
style: TextStyle(
color: const Color(0xFF011234).withOpacity(0.6),
fontWeight: FontWeight.w500,
),
),
),
const SizedBox(
height: 18,
),
Card(
margin: EdgeInsets.zero,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(
top: Radius.circular(8.0),
bottom: Radius.circular(16.0),
),
),
shadowColor: Colors.transparent,
surfaceTintColor: const Color(0xffFFFFFF),
color: Colors.white,
child: Padding(
padding: const EdgeInsets.only(
top: 18.0,
bottom: 16.0,
left: 22.0,
right: 18.0,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
decoration: BoxDecoration(
color: const Color(0xff011234),
borderRadius: BorderRadius.circular(20.0),
),
padding: const EdgeInsets.symmetric(
horizontal: 10.0,
vertical: 2.5,
),
child: const Text(
'1',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w500,
),
),
),
const SizedBox(
width: 14.0,
),
Expanded(
child: Text(
'cheaper'.i18n,
maxLines: 5,
style: const TextStyle(
fontWeight: FontWeight.w500,
fontSize: 14.4,
height: 1.3,
color: Colors.black,
),
),
),
],
),
const SizedBox(
height: 14.0,
),
Row(
children: [
Container(
decoration: BoxDecoration(
color: const Color(0xff011234),
borderRadius: BorderRadius.circular(20.0),
),
padding: const EdgeInsets.symmetric(
horizontal: 8.8,
vertical: 2.5,
),
child: const Text(
'2',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w500,
),
),
),
const SizedBox(
width: 14.0,
),
Expanded(
child: Text(
'qwit'.i18n,
maxLines: 5,
style: const TextStyle(
fontWeight: FontWeight.w500,
fontSize: 14.4,
height: 1.3,
color: Colors.black,
),
),
),
],
),
const SizedBox(
height: 14.0,
),
Row(
children: [
Container(
decoration: BoxDecoration(
color: const Color(0xff011234),
borderRadius: BorderRadius.circular(20.0),
),
padding: const EdgeInsets.symmetric(
horizontal: 8.6,
vertical: 2.5,
),
child: const Text(
'3',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w500,
),
),
),
const SizedBox(
width: 14.0,
),
Expanded(
child: Text(
'apple'.i18n,
maxLines: 5,
style: const TextStyle(
fontWeight: FontWeight.w500,
fontSize: 14.4,
height: 1.3,
color: Colors.black,
),
),
),
],
),
const SizedBox(
height: 14.0,
),
Row(
children: [
Container(
decoration: BoxDecoration(
color: const Color(0xff011234),
borderRadius: BorderRadius.circular(20.0),
),
padding: const EdgeInsets.symmetric(
horizontal: 7.9,
vertical: 2.5,
),
child: const Text(
'4',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w500,
),
),
),
const SizedBox(
width: 14.0,
),
Expanded(
child: Text(
'eur'.i18n,
maxLines: 5,
style: const TextStyle(
fontWeight: FontWeight.w500,
fontSize: 14.4,
height: 1.3,
color: Colors.black,
),
),
),
],
),
],
),
),
),
],
),
),
),
],
),
),
),
);
}
}

157
refilc_mobile_ui/lib/plus/plus_screen.i18n.dart Normal file
View File

@@ -0,0 +1,157 @@
import 'package:i18n_extension/i18n_extension.dart';
extension SettingsLocalization on String {
static final _t = Translations.byLocale("hu_hu") +
{
"en_en": {
"even_more_cheaper": "More reFilc, cheaper\nthan anything else!",
"support_1": "Support QwIT",
"support_2": " and get useful features in return!",
"tier_rfp": "More customisation, more accounts, easier notes.",
"tier_rfpgold":
"Get access to more features and make your day better and simpler.",
"faq": "FAQ",
"money": "What will you spend my money on?",
"m_1":
"We will spend the money from our supporters on the \$100 fee of the Apple",
"m_2":
" Developer Program, our servers, and the reFilc domains. The remaining money will be spent on other development stuff, and pizza parties.",
"open": "Will reFilc stay open-source?",
"o_1":
"Yes, reFilc is, and always will be, open-source. Subscribers can ask for the source code of reFilc+ on our Discord server.",
"desc": "Explanations",
"cheaper":
"The lowest tier of service is cheaper than most known subscriptions, but there may be exceptions.",
"qwit":
"\"QwIT\" is an abbreviation of \"QwIT Development\", the development team behind reFilc and other projects.",
"apple": "\"Apple\" is a trademark of Apple Inc.",
"eur":
"Prices are displayed in euros, which means it's dependant on the exchange rate. 1 EUR ≈ 390 HUF",
"active": "Active",
// benefits
"rfp_1": "Early access to updates",
"rfp_2": "Use two accounts simaltaneously",
"rfp_3": "Custom welcome message",
"rfp_4": "Unlimited custom notes and tasks on the Notebook page",
"rfp_5": "Custom grade rarities",
"rfp_6": "Overall average calculator",
"rfp_7": "Timetable notes",
"rfp_8": "Custom font types",
"rfp_9": "Unlimited accounts",
"rfp_10": "Custom app icon",
"rfp_11": "Change Live Activity color",
"rfp_12": "Better goal planner",
"rfp_13": "Import your timetable into your calendar app",
"rfp_14": "",
"rfp_15": "",
// other
"and": " and ",
"every": "Every ",
"benefit": " benefit",
"show_lifetime": "Show Lifetime Plans",
"more_soon": "More coming soon...",
},
"hu_hu": {
"even_more_cheaper": "Még több reFilc, olcsóbban,\nmint bármi más!",
"support_1": "Támogasd a QwIT",
"support_2": " csapatát, és szerezz cserébe pár kényelmes jutalmat!",
"tier_rfp":
"Több személyre szabás, több fiók, egyszerű feladatfeljegyzés.",
"tier_rfpgold":
"Férj hozzá még több funkcióhoz és tedd egyszerűbbé mindennapjaid.",
"faq": "Gyakori kérdések",
"money": "Mire költitek a pénzt?",
"m_1": "A támogatásokból kapott pénz elsősorban az Apple",
"m_2":
" Developer Program évi \$100-os díját, valamint az API mögött álló szerverek és a reFilc domain címek árát fedezi, a maradékot egyéb fejlesztésekre, fejlesztői fagyizásra fordítjuk.",
"open": "Még mindig nyílt a forráskód?",
"o_1":
"Igen, a reFilc teljesen nyílt forráskódú, és ez így is fog maradni. A reFilc+ funkcióinak forráskódjához bármely támogatónk hozzáférhet, ha ezt Discord-on kérelmezi.",
"desc": "Magyarázatok",
"cheaper":
"A szolgáltatás legalacsonyabb szintje olcsóbb a legtöbb ismert előfizetésnél, viszont előfordulhatnak kivételek.",
"qwit":
"A \"QwIT\" a \"QwIT Development\" rövid neve, ez a fejlesztői csapat neve, mely a reFilc és egyéb projektek mögött áll.",
"apple": "Az \"Apple\" az Apple Inc. védjegye.",
"eur":
"Az árak euróban vannak feltüntetve, így az árfolyam befolyásolja, hogy mennyit kell fizetned a szolgáltatásért. 1 EUR ≈ 390 Ft",
"active": "Aktív",
// benefits
"rfp_1": "Előzetes hozzáférés új verziókhoz",
"rfp_2": "2 fiók használata egyszerre",
"rfp_3": "Egyedi üdvözlő üzenet",
"rfp_4": "Korlátlan saját jegyzet és feladat a füzet oldalon",
"rfp_5": "Egyedi jegy ritkaságok",
"rfp_6": "Összesített átlagszámoló",
"rfp_7": "Órarend jegyzetek",
"rfp_8": "Egyedi betütípusok",
"rfp_9": "Korlátlan fiók használata egyszerre",
"rfp_10": "Alkalmazás ikonjának megváltoztatása",
"rfp_11": "Live Activity szín",
"rfp_12": "Fejlettebb cél kitűzés",
"rfp_13": "Naptár szinkronizálás",
"rfp_14": "",
"rfp_15": "",
// other
"and": " és ",
"every": "Minden ",
"benefit": " előny",
"show_lifetime": "Örökre szóló csomagok",
"more_soon": "Hamarosan mégtöbb finomság...",
},
"de_de": {
"even_more_cheaper": "Mehr reFilc, günstiger\nals alles andere!",
"support_1": "Unterstütze QwIT",
"support_2": " und du kriegst mehr nützliche Features!",
"tier_rfp":
"Mehr Personalisierung, mehr Profile, einfachere Notizen.",
"tier_rfpgold":
"Hol dir mehr Features und mach damit dein Alltag einfacher.",
"faq": "Häufig gestellte Fragen (FAQ)",
"money": "Was tun wir mit deinem Geld?",
"m_1":
"Wir verwenden das gesammelte Geld von unseren Sponsoren ausschließlich auf die \$100 Gebühr von dem Apple",
"m_2":
" Developer Program, unsere Server und die reFilc Domänen. Das restliche Geld wird auf andere Entwicklungsbezogene Dinge und auch Pizza Parties bezweckt.",
"open": "Wird reFilc Open-Source bleiben?",
"o_1":
"Ja, reFilc ist und bleibt weiterhin ein Open-Source Projekt. Abonnenten des reFilc+ Abos können auch natürlich den Quellcode dieser Version in unserem Discord Server finden.",
"desc": "Erklärung/Aufklärung",
"cheaper":
"Das günstigste Abonnement ist das beliebteste, es gibt natürlich aber auch ausnahmen.",
"qwit":
"\"QwIT\" ist ein Teil of \"QwIT Development\", die Entwickler hinter des Programms reFilc.",
"apple": "\"Apple\" ist eine geschützte Marke von Apple Inc.",
"eur":
"Der Preis wird in Euro angegeben im Bezug zum aktuellen Wechselkurs. 1 EUR ≈ 390 HUF",
"active": "Aktiv",
// benefits
"rfp_1": "Előzetes hozzáférés új verziókhoz",
"rfp_2": "2 fiók használata egyszerre",
"rfp_3": "Egyedi üdvözlő üzenet",
"rfp_4": "Korlátlan saját jegyzet és feladat a füzet oldalon",
"rfp_5": "Egyedi jegy ritkaságok",
"rfp_6": "Összesített átlagszámoló",
"rfp_7": "Órarend jegyzetek",
"rfp_8": "Egyedi betütípusok",
"rfp_9": "Korlátlan fiók használata egyszerre",
"rfp_10": "Alkalmazás ikonjának megváltoztatása",
"rfp_11": "Live Activity szín",
"rfp_12": "Fejlettebb cél kitűzés",
"rfp_13": "Naptár szinkronizálás",
"rfp_14": "",
"rfp_15": "",
// other
"and": " és ",
"every": "Minden ",
"benefit": " előny",
"show_lifetime": "Für immer Pakete",
"more_soon": "Mehr folgt bald...",
},
};
String get i18n => localize(this, _t);
String fill(List<Object> params) => localizeFill(this, params);
String plural(int value) => localizePlural(value, this, _t);
String version(Object modifier) => localizeVersion(modifier, this, _t);
}

126
refilc_mobile_ui/lib/plus/premium_button.dart Normal file
View File

@@ -0,0 +1,126 @@
import 'dart:ui';
import 'package:refilc/icons/filc_icons.dart';
import 'package:refilc_mobile_ui/plus/plus_screen.dart';
import 'package:flutter/material.dart';
import 'package:animations/animations.dart';
class PremiumButton extends StatefulWidget {
const PremiumButton({super.key});
@override
State<PremiumButton> createState() => _PremiumButtonState();
}
class _PremiumButtonState extends State<PremiumButton>
with TickerProviderStateMixin {
late final AnimationController _animation;
bool _heldDown = false;
@override
void initState() {
super.initState();
_animation =
AnimationController(vsync: this, duration: const Duration(seconds: 3));
_animation.repeat();
}
@override
void dispose() {
_animation.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return OpenContainer(
openColor: Theme.of(context).scaffoldBackgroundColor,
closedColor: Theme.of(context).scaffoldBackgroundColor,
clipBehavior: Clip.none,
transitionType: ContainerTransitionType.fadeThrough,
openElevation: 0,
closedElevation: 0,
closedShape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(14.0)),
openBuilder: (context, _) => const PlusScreen(),
closedBuilder: (context, action) => GestureDetector(
onTapDown: (_) => setState(() => _heldDown = true),
onTapUp: (_) => setState(() => _heldDown = false),
onTapCancel: () => setState(() => _heldDown = false),
onTap: action,
child: Stack(
alignment: Alignment.center,
children: [
// RGB background animation
AnimatedBuilder(
animation: _animation,
builder: (context, child) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 18.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(14.0),
child: ImageFiltered(
imageFilter:
ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
child: Container(
height: 70,
decoration: BoxDecoration(
gradient: SweepGradient(
colors: const [
Colors.blue,
Colors.orange,
Colors.purple,
Colors.blue,
],
transform: GradientRotation(
_animation.value * 6.283185)),
),
),
),
),
);
}),
// Button background & text
BackdropFilter(
filter: ImageFilter.blur(sigmaX: 6.0, sigmaY: 6.0),
child: AnimatedScale(
duration: const Duration(milliseconds: 250),
curve: Curves.easeOutBack,
scale: _heldDown ? 1.03 : 1,
child: Container(
margin: const EdgeInsets.symmetric(horizontal: 24.0),
width: double.infinity,
height: 60,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(14.0),
gradient: const LinearGradient(colors: [
Color(0xff124F3D),
Color(0xff1EA18F),
]),
),
child: const Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(FilcIcons.premium, color: Colors.white),
SizedBox(width: 12.0),
Text(
"reFilc+",
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 20.0,
),
textAlign: TextAlign.center,
),
],
),
),
),
),
],
),
),
);
}
}

13
refilc_mobile_ui/lib/plus/styles/gradients.dart Normal file
View File

@@ -0,0 +1,13 @@
import 'package:flutter/widgets.dart';
class GradientStyles {
static const tinta = LinearGradient(
colors: [Color(0xffB816E0), Color(0xff17D1BB)],
);
static final tintaPaint = Paint()..shader = tinta.createShader(const Rect.fromLTWH(0, 0, 200, 70));
static const kupak = LinearGradient(
colors: [Color(0xffF0BD0C), Color(0xff0CD070)],
);
static final kupakPaint = Paint()..shader = kupak.createShader(const Rect.fromLTWH(0, 0, 200, 70));
}

142
refilc_mobile_ui/lib/plus/supporters_screen.dart Normal file
View File

@@ -0,0 +1,142 @@
import 'package:refilc/icons/filc_icons.dart';
import 'package:refilc/models/supporter.dart';
import 'package:refilc/theme/colors/colors.dart';
import 'package:refilc_mobile_ui/plus/components/supporter_group_card.dart';
import 'package:refilc_mobile_ui/plus/styles/gradients.dart';
import 'package:flutter/material.dart';
class SupportersScreen extends StatelessWidget {
const SupportersScreen({super.key, required this.supporters});
final Future<Supporters?> supporters;
@override
Widget build(BuildContext context) {
return FutureBuilder<Supporters?>(
future: supporters,
builder: (context, snapshot) {
final highlightedSupporters = snapshot.data?.github
.where((e) =>
e.type == DonationType.monthly &&
e.price >= 5 &&
e.comment != "")
.toList() ??
[];
final tintaSupporters = snapshot.data?.github
.where((e) =>
e.type == DonationType.monthly &&
e.price >= 5 &&
e.comment == "")
.toList() ??
[];
final kupakSupporters = snapshot.data?.github
.where((e) => e.type == DonationType.monthly && e.price == 2)
.toList() ??
[];
final onetimeSupporters = snapshot.data?.github
.where((e) => e.type == DonationType.once && e.price >= 5)
.toList() ??
[];
final patreonSupporters = snapshot.data?.patreon ?? [];
return Scaffold(
body: CustomScrollView(
slivers: [
SliverAppBar.large(
surfaceTintColor: Theme.of(context).scaffoldBackgroundColor,
title: const Text(
"Támogatók",
style: TextStyle(fontWeight: FontWeight.w700),
),
),
if (snapshot.hasData)
SliverPadding(
padding: const EdgeInsets.symmetric(horizontal: 16.0)
.add(const EdgeInsets.only(bottom: 24.0)),
sliver: SliverToBoxAdapter(
child: Text(
snapshot.data!.description,
style: TextStyle(
fontWeight: FontWeight.w500,
fontSize: 20.0,
color: AppColors.of(context).text.withOpacity(.7)),
),
),
),
if (!snapshot.hasData)
const SliverPadding(
padding: EdgeInsets.all(12.0),
sliver: SliverToBoxAdapter(
child: Center(child: CircularProgressIndicator()),
),
),
if (highlightedSupporters.isNotEmpty)
SliverPadding(
padding: const EdgeInsets.all(12.0),
sliver: SliverToBoxAdapter(
child: SupporterGroupCard(
title: const Text("Kiemelt támogatók"),
expanded: true,
supporters: highlightedSupporters,
),
),
),
if (tintaSupporters.isNotEmpty)
SliverPadding(
padding: const EdgeInsets.all(12.0),
sliver: SliverToBoxAdapter(
child: SupporterGroupCard(
icon: const Icon(FilcIcons.tinta),
title: Text(
"Tinta",
style: TextStyle(
foreground: GradientStyles.tintaPaint,
),
),
glow: Colors.purple,
supporters: tintaSupporters,
),
),
),
if (kupakSupporters.isNotEmpty)
SliverPadding(
padding: const EdgeInsets.all(12.0),
sliver: SliverToBoxAdapter(
child: SupporterGroupCard(
icon: const Icon(FilcIcons.kupak),
title: Text(
"Kupak",
style:
TextStyle(foreground: GradientStyles.kupakPaint),
),
glow: Colors.lightGreen,
supporters: kupakSupporters,
),
),
),
if (onetimeSupporters.isNotEmpty)
SliverPadding(
padding: const EdgeInsets.all(12.0),
sliver: SliverToBoxAdapter(
child: SupporterGroupCard(
title: const Text("Egyszeri támogatók"),
supporters: onetimeSupporters,
),
),
),
if (patreonSupporters.isNotEmpty)
SliverPadding(
padding: const EdgeInsets.all(12.0),
sliver: SliverToBoxAdapter(
child: SupporterGroupCard(
title: const Text("Régebbi támogatóink"),
supporters: patreonSupporters,
),
),
),
],
),
);
});
}
}