manager-app/lib/Components/quota_bars_widget.dart
Thomas Fransolet 0054122829 Carte : filtre par categorie, editeur de point, et corrections users/quotas
Regroupe la configuration de carte en deux blocs (Carte / Points d'interet),
ajoute le filtre par categorie et l'editeur de point geographique, et passe
les ecrans Users et les jauges de quota par AppLocalizations (FR/EN/NL).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-08 16:22:39 +02:00

185 lines
5.6 KiB
Dart

import 'package:flutter/material.dart';
import 'package:manager_api_new/api.dart';
import 'package:provider/provider.dart';
import '../app_context.dart';
import '../Models/managerContext.dart';
import '../constants.dart';
import '../l10n/app_localizations.dart';
class QuotaBarsWidget extends StatefulWidget {
const QuotaBarsWidget({Key? key}) : super(key: key);
@override
State<QuotaBarsWidget> createState() => _QuotaBarsWidgetState();
}
class _QuotaBarsWidgetState extends State<QuotaBarsWidget> {
InstanceQuotaDTO? _quota;
bool _loading = false;
String? _loadedInstanceId;
Future<void> _fetchQuota() async {
final managerContext = Provider.of<AppContext>(context, listen: false).getContext() as ManagerAppContext;
final instanceId = managerContext.instanceId;
final client = managerContext.clientAPI;
if (instanceId == null || client == null) {
setState(() => _loading = false);
return;
}
try {
final quota = await client.instanceApi!.instanceGetQuota(instanceId);
if (mounted) setState(() { _quota = quota; _loading = false; });
} catch (_) {
if (mounted) setState(() => _loading = false);
}
}
Color _barColor(int used, int quota) {
if (quota == 0) return kPrimaryColor;
final ratio = used / quota;
if (ratio >= 0.95) return Colors.red;
if (ratio >= 0.80) return Colors.orange;
return kPrimaryColor;
}
double? _barValue(int used, int quota) {
if (quota == 0) return null;
return (used / quota).clamp(0.0, 1.0);
}
String _formatBytes(int bytes) {
if (bytes < 1024 * 1024) return '${(bytes / 1024).toStringAsFixed(0)} KB';
if (bytes < 1024 * 1024 * 1024) return '${(bytes / (1024 * 1024)).toStringAsFixed(1)} MB';
return '${(bytes / (1024 * 1024 * 1024)).toStringAsFixed(2)} GB';
}
String _formatTokens(int tokens) {
if (tokens < 1000) return '$tokens';
if (tokens < 1000000) return '${(tokens / 1000).toStringAsFixed(0)}K';
return '${(tokens / 1000000).toStringAsFixed(1)}M';
}
@override
Widget build(BuildContext context) {
final managerContext = Provider.of<AppContext>(context).getContext() as ManagerAppContext;
final isAssistant = managerContext.instanceDTO?.isAssistant ?? false;
final l10n = AppLocalizations.of(context)!;
// Premier rendu, mais aussi changement d'instance par un SuperAdmin : sans
// ce test, les barres resteraient sur le stockage de l'instance précédente.
final instanceId = managerContext.instanceId;
if (instanceId != _loadedInstanceId) {
_loadedInstanceId = instanceId;
_loading = true;
WidgetsBinding.instance.addPostFrameCallback((_) {
if (mounted) _fetchQuota();
});
}
if (_loading) {
return const SizedBox(
height: 8,
child: LinearProgressIndicator(),
);
}
if (_quota == null) return const SizedBox.shrink();
final storageUsed = _quota!.storageUsedBytes ?? 0;
final storageQuota = _quota!.storageQuotaBytes ?? 0;
final aiUsed = _quota!.aiTokensUsed ?? 0;
final aiQuota = _quota!.aiTokensPerMonth ?? 0;
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_QuotaBar(
icon: Icons.storage,
label: l10n.storageLabel,
value: _barValue(storageUsed, storageQuota),
color: _barColor(storageUsed, storageQuota),
subtitle: storageQuota == 0
? '${_formatBytes(storageUsed)} · ${l10n.unlimited}'
: '${_formatBytes(storageUsed)} / ${_formatBytes(storageQuota)}',
),
if (isAssistant) ...[
const SizedBox(height: 8),
_QuotaBar(
icon: Icons.chat_bubble_outline,
label: l10n.aiThisMonthLabel,
value: _barValue(aiUsed, aiQuota),
color: _barColor(aiUsed, aiQuota),
subtitle: aiQuota == 0
? '${_formatTokens(aiUsed)} ${l10n.tokensAbbr} · ${l10n.unlimited}'
: '${_formatTokens(aiUsed)} / ${_formatTokens(aiQuota)} ${l10n.tokensAbbr}',
),
],
],
),
);
}
}
class _QuotaBar extends StatelessWidget {
final IconData icon;
final String label;
final double? value;
final Color color;
final String subtitle;
const _QuotaBar({
required this.icon,
required this.label,
required this.value,
required this.color,
required this.subtitle,
});
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Icon(icon, size: 14, color: kBodyTextColor),
const SizedBox(width: 4),
Text(
label,
style: const TextStyle(
fontSize: 11,
color: kBodyTextColor,
fontWeight: FontWeight.w500,
fontFamily: 'Helvetica',
),
),
],
),
const SizedBox(height: 4),
ClipRRect(
borderRadius: BorderRadius.circular(2),
child: LinearProgressIndicator(
value: value,
minHeight: 5,
backgroundColor: Colors.grey.shade200,
valueColor: AlwaysStoppedAnimation<Color>(color),
),
),
const SizedBox(height: 2),
Text(
subtitle,
style: TextStyle(
fontSize: 10,
color: kBodyTextColor.withValues(alpha: 0.6),
fontFamily: 'Helvetica',
),
),
],
);
}
}