Remade frontend dashboard as flutter dashboard, still WIP
This commit is contained in:
@@ -0,0 +1,219 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import '../theme/app_theme.dart';
|
||||
|
||||
class ConfigCard extends StatefulWidget {
|
||||
final Map<String, dynamic> config;
|
||||
final Future<void> Function(Map<String, dynamic>) onConfigUpdate;
|
||||
|
||||
const ConfigCard({
|
||||
super.key,
|
||||
required this.config,
|
||||
required this.onConfigUpdate,
|
||||
});
|
||||
|
||||
@override
|
||||
State<ConfigCard> createState() => _ConfigCardState();
|
||||
}
|
||||
|
||||
class _ConfigCardState extends State<ConfigCard> {
|
||||
final _formKey = GlobalKey<FormState>();
|
||||
late TextEditingController _codingXpController;
|
||||
late TextEditingController _researchXpController;
|
||||
late TextEditingController _meetingXpController;
|
||||
late TextEditingController _focusBonusController;
|
||||
bool _isLoading = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_initializeControllers();
|
||||
}
|
||||
|
||||
void _initializeControllers() {
|
||||
final xpRewards = widget.config['xp_rewards'] as Map<String, dynamic>? ?? {};
|
||||
final baseMultipliers = xpRewards['base_multipliers'] as Map<String, dynamic>? ?? {};
|
||||
final focusBonuses = xpRewards['focus_session_bonuses'] as Map<String, dynamic>? ?? {};
|
||||
|
||||
_codingXpController = TextEditingController(
|
||||
text: (baseMultipliers['coding'] ?? 10).toString(),
|
||||
);
|
||||
_researchXpController = TextEditingController(
|
||||
text: (baseMultipliers['research'] ?? 8).toString(),
|
||||
);
|
||||
_meetingXpController = TextEditingController(
|
||||
text: (baseMultipliers['meeting'] ?? 3).toString(),
|
||||
);
|
||||
_focusBonusController = TextEditingController(
|
||||
text: (focusBonuses['base_xp_per_minute'] ?? 5).toString(),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(ConfigCard oldWidget) {
|
||||
super.didUpdateWidget(oldWidget);
|
||||
if (widget.config != oldWidget.config) {
|
||||
_initializeControllers();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_codingXpController.dispose();
|
||||
_researchXpController.dispose();
|
||||
_meetingXpController.dispose();
|
||||
_focusBonusController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
Future<void> _saveConfig() async {
|
||||
if (!_formKey.currentState!.validate()) return;
|
||||
|
||||
setState(() {
|
||||
_isLoading = true;
|
||||
});
|
||||
|
||||
try {
|
||||
final updates = {
|
||||
'xp_rewards.base_multipliers.coding': int.parse(_codingXpController.text),
|
||||
'xp_rewards.base_multipliers.research': int.parse(_researchXpController.text),
|
||||
'xp_rewards.base_multipliers.meeting': int.parse(_meetingXpController.text),
|
||||
'xp_rewards.focus_session_bonuses.base_xp_per_minute': int.parse(_focusBonusController.text),
|
||||
};
|
||||
|
||||
await widget.onConfigUpdate(updates);
|
||||
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(
|
||||
content: Text('Configuration saved successfully!'),
|
||||
backgroundColor: AppTheme.successColor,
|
||||
),
|
||||
);
|
||||
}
|
||||
} catch (e) {
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text('Failed to save configuration: $e'),
|
||||
backgroundColor: AppTheme.errorColor,
|
||||
),
|
||||
);
|
||||
}
|
||||
} finally {
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_isLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Form(
|
||||
key: _formKey,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.settings, color: AppTheme.primaryColor),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
'XP Configuration',
|
||||
style: Theme.of(context).textTheme.titleLarge?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_ConfigField(
|
||||
label: 'Coding XP Multiplier',
|
||||
controller: _codingXpController,
|
||||
icon: Icons.code,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_ConfigField(
|
||||
label: 'Research XP Multiplier',
|
||||
controller: _researchXpController,
|
||||
icon: Icons.search,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_ConfigField(
|
||||
label: 'Meeting XP Multiplier',
|
||||
controller: _meetingXpController,
|
||||
icon: Icons.groups,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_ConfigField(
|
||||
label: 'Focus Bonus (XP/min)',
|
||||
controller: _focusBonusController,
|
||||
icon: Icons.psychology,
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
child: ElevatedButton(
|
||||
onPressed: _isLoading ? null : _saveConfig,
|
||||
child: _isLoading
|
||||
? const SizedBox(
|
||||
height: 20,
|
||||
width: 20,
|
||||
child: CircularProgressIndicator(
|
||||
strokeWidth: 2,
|
||||
valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
|
||||
),
|
||||
)
|
||||
: const Text('Save Configuration'),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _ConfigField extends StatelessWidget {
|
||||
final String label;
|
||||
final TextEditingController controller;
|
||||
final IconData icon;
|
||||
|
||||
const _ConfigField({
|
||||
required this.label,
|
||||
required this.controller,
|
||||
required this.icon,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return TextFormField(
|
||||
controller: controller,
|
||||
decoration: InputDecoration(
|
||||
labelText: label,
|
||||
prefixIcon: Icon(icon, color: AppTheme.primaryColor),
|
||||
border: const OutlineInputBorder(),
|
||||
),
|
||||
keyboardType: TextInputType.number,
|
||||
inputFormatters: [
|
||||
FilteringTextInputFormatter.digitsOnly,
|
||||
],
|
||||
validator: (value) {
|
||||
if (value == null || value.isEmpty) {
|
||||
return 'Please enter a value';
|
||||
}
|
||||
final intValue = int.tryParse(value);
|
||||
if (intValue == null || intValue < 0) {
|
||||
return 'Please enter a valid positive number';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user