b0esche/b0esche_cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor account settings dialog for improved clarity and layout, including updated plan descriptions and new upgrade options

Browse Source
This commit is contained in:
Leon Bösche
2026-01-29 00:16:25 +01:00
parent 54d077fcb8
commit 9001a43375
1 changed files with 246 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

276
b0esche_cloud/lib/widgets/account_settings_dialog.dart
View File

@@ -557,7 +557,7 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
), ),
), ),
const SizedBox(height: 56), // Space for logout button const SizedBox(height: 32), // Space for logout button
], ],
), ),
), ),
@@ -803,7 +803,7 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
Text( Text(
'Free Plan', 'Free Trial',
style: TextStyle( style: TextStyle(
color: AppTheme.accentColor, color: AppTheme.accentColor,
fontSize: 24, fontSize: 24,
@@ -812,7 +812,7 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
const SizedBox(height: 8), const SizedBox(height: 8),
Text( Text(
'Perfect for getting started with b0esche.cloud', '14 days free, perfect for getting started',
style: TextStyle(color: AppTheme.secondaryText, fontSize: 14), style: TextStyle(color: AppTheme.secondaryText, fontSize: 14),
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
@@ -843,25 +843,7 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
Text( Text(
'File Sharing', 'Core Features',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 14,
),
),
],
),
const SizedBox(height: 8),
Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.accentColor,
size: 16,
),
const SizedBox(width: 8),
Text(
'Basic Collaboration',
style: TextStyle( style: TextStyle(
color: AppTheme.primaryText, color: AppTheme.primaryText,
fontSize: 14, fontSize: 14,
@@ -885,6 +867,177 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
// Basic Plan Card
Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: AppTheme.primaryBackground.withValues(alpha: 0.3),
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: AppTheme.secondaryText.withValues(alpha: 0.2),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Icon(
Icons.cloud_queue,
color: AppTheme.accentColor,
size: 24,
),
const SizedBox(width: 12),
Text(
'Basic Plan',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 18,
fontWeight: FontWeight.bold,
),
),
const Spacer(),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 6,
),
decoration: BoxDecoration(
color: AppTheme.accentColor.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(20),
),
child: Text(
'€4.99/month',
style: TextStyle(
color: AppTheme.accentColor,
fontSize: 14,
fontWeight: FontWeight.bold,
),
),
),
],
),
const SizedBox(height: 16),
Text(
'Essential features for individuals and small teams',
style: TextStyle(color: AppTheme.secondaryText, fontSize: 14),
),
const SizedBox(height: 16),
Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.accentColor,
size: 16,
),
const SizedBox(width: 8),
Text(
'10 GB Storage',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 14,
),
),
],
),
const SizedBox(height: 8),
Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.accentColor,
size: 16,
),
const SizedBox(width: 8),
Text(
'1 Organization',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 14,
),
),
],
),
const SizedBox(height: 8),
Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.accentColor,
size: 16,
),
const SizedBox(width: 8),
Text(
'File Sharing & Viewing',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 14,
),
),
],
),
const SizedBox(height: 8),
Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.accentColor,
size: 16,
),
const SizedBox(width: 8),
Text(
'Collabora Document Editing',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 14,
),
),
],
),
const SizedBox(height: 8),
Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.accentColor,
size: 16,
),
const SizedBox(width: 8),
Text(
'Share Links',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 14,
),
),
],
),
const SizedBox(height: 12),
Text(
'Student discount: €3.49/month',
style: TextStyle(
color: AppTheme.secondaryText,
fontSize: 12,
fontStyle: FontStyle.italic,
),
),
const SizedBox(height: 16),
Center(
child: SizedBox(
width: 120,
child: ModernGlassButton(
onPressed: () {
// TODO: Implement upgrade functionality
},
child: const Text('Upgrade'),
),
),
),
],
),
),
const SizedBox(height: 16),
// Pro Plan Card // Pro Plan Card
Container( Container(
padding: const EdgeInsets.all(20), padding: const EdgeInsets.all(20),
@@ -937,7 +1090,7 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
Text( Text(
'Advanced features for power users', 'Advanced features for growing teams and businesses',
style: TextStyle(color: AppTheme.secondaryText, fontSize: 14), style: TextStyle(color: AppTheme.secondaryText, fontSize: 14),
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
@@ -968,7 +1121,43 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
Text( Text(
'Advanced Sharing', 'Unlimited Organizations',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 14,
),
),
],
),
const SizedBox(height: 8),
Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.accentColor,
size: 16,
),
const SizedBox(width: 8),
Text(
'Advanced Team Features',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 14,
),
),
],
),
const SizedBox(height: 8),
Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.accentColor,
size: 16,
),
const SizedBox(width: 8),
Text(
'Audit Logs',
style: TextStyle( style: TextStyle(
color: AppTheme.primaryText, color: AppTheme.primaryText,
fontSize: 14, fontSize: 14,
@@ -1054,7 +1243,7 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
borderRadius: BorderRadius.circular(20), borderRadius: BorderRadius.circular(20),
), ),
child: Text( child: Text(
'Contact Us', '€19.99/month',
style: TextStyle( style: TextStyle(
color: AppTheme.accentColor, color: AppTheme.accentColor,
fontSize: 14, fontSize: 14,
@@ -1066,9 +1255,18 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
Text( Text(
'Custom solutions for organizations', 'Complete solution for large organizations and enterprises',
style: TextStyle(color: AppTheme.secondaryText, fontSize: 14), style: TextStyle(color: AppTheme.secondaryText, fontSize: 14),
), ),
const SizedBox(height: 8),
Text(
'€19.99/month for first 20 users • €9.99/month per additional user',
style: TextStyle(
color: AppTheme.secondaryText,
fontSize: 12,
fontStyle: FontStyle.italic,
),
),
const SizedBox(height: 16), const SizedBox(height: 16),
Row( Row(
children: [ children: [
@@ -1097,7 +1295,7 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
Text( Text(
'Advanced Security', 'Unlimited Organizations',
style: TextStyle( style: TextStyle(
color: AppTheme.primaryText, color: AppTheme.primaryText,
fontSize: 14, fontSize: 14,
@@ -1115,7 +1313,25 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
), ),
const SizedBox(width: 8), const SizedBox(width: 8),
Text( Text(
'Dedicated Support', 'Premium Support',
style: TextStyle(
color: AppTheme.primaryText,
fontSize: 14,
),
),
],
),
const SizedBox(height: 8),
Row(
children: [
Icon(
Icons.check_circle,
color: AppTheme.accentColor,
size: 16,
),
const SizedBox(width: 8),
Text(
'Custom Integrations',
style: TextStyle( style: TextStyle(
color: AppTheme.primaryText, color: AppTheme.primaryText,
fontSize: 14, fontSize: 14,
@@ -1129,9 +1345,9 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
width: 140, width: 140,
child: ModernGlassButton( child: ModernGlassButton(
onPressed: () { onPressed: () {
// TODO: Implement contact functionality // TODO: Implement enterprise upgrade functionality
}, },
child: const Text('Contact Sales'), child: const Text('Get Started'),
), ),
), ),
), ),