Saving update, bullet update, UI update

This commit is contained in:
2025-04-07 14:52:23 +02:00
parent b1ef6f5e9c
commit 07bc9d8157
2 changed files with 214 additions and 75 deletions
+2 -1
View File
@@ -21,6 +21,7 @@ class _BookScreenState extends State<BookScreen> with WidgetsBindingObserver {
Color _bulletColor = Colors.blue; // default fallback
Map<String, bool> _folderTypes = {}; // true = tournament, false = training
String _folderFilter = 'all';
bool isRenameEnabled = false;
@override
void initState() {
@@ -264,7 +265,7 @@ List<String> _filteredFolderNames() {
// Rename folder
Future<void> _renameFolder(String oldFolderName) async {
final newNameController = TextEditingController();
bool isRenameEnabled = false;
bool isTournament = _folderTypes[oldFolderName] == true;
final result = await showDialog<Map<String, dynamic>>(
+212 -74
View File
@@ -45,12 +45,13 @@ class _PreviewScreenState extends State<PreviewScreen> {
int? _highlightedBulletIndex;
final List<int> _manualBulletScores = [];
bool _hasMissingBullets = false;
Color _bulletColor = Colors.blue; // default fallback
double get _bulletOpacity => 0.8;
Color get _bulletColorWithOpacity => _bulletColor.withOpacity(_bulletOpacity);
bool _isEditMode = false;
int? _selectedBulletIndexInEdit;
@override
@@ -102,17 +103,6 @@ Color _getColorFromName(String colorName) {
}
}
Future<void> _handleMissingBullets() async {
final currentDetected = _mappedBullets.length;
final result = await _showMismatchOptionsDialog(currentDetected);
if (result == 'retry') {
Navigator.pop(context); // Go back to camera screen
} else if (result == 'manual') {
_manualScoreEntry();
}
}
Offset _generatePositionForScore(int score, Offset center) {
const double bulletRadius = 25;
final List<double> rings = [14, 70, 125, 180, 235, 290, 345, 400, 455, 510];
@@ -213,12 +203,25 @@ Color _getColorFromName(String colorName) {
// 10. Update UI
final missing = widget.bulletCount - mappedBullets.length;
setState(() {
_mappedBullets = mappedBullets;
_isLoading = false;
_hasMissingBullets = missing > 0;
});
if (missing > 0) {
final result = await _showMismatchOptionsDialog(mappedBullets.length);
if (result == 'retry') {
Navigator.pop(context); // Go back to camera screen
} else if (result == 'manual') {
_manualScoreEntry(); // Reuse your original manual dialog
}
}
} catch (e, stack) {
debugPrint("❌ Error during detection mapping: $e");
debugPrint(stack.toString());
@@ -439,25 +442,116 @@ void _manualScoreEntry() {
}
}
Widget _buildEditController() {
if (!_isEditMode || _selectedBulletIndexInEdit == null) return const SizedBox.shrink();
return Positioned(
bottom: 20,
left: 0,
right: 0,
child: Center(
child: Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: Colors.black.withOpacity(0.75),
borderRadius: BorderRadius.circular(12),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
IconButton(
icon: const Icon(Icons.arrow_drop_up, size: 32, color: Colors.white),
onPressed: () => _moveBullet(const Offset(0, -3)),
splashRadius: 20,
),
Row(
mainAxisSize: MainAxisSize.min,
children: [
IconButton(
icon: const Icon(Icons.arrow_left, size: 32, color: Colors.white),
onPressed: () => _moveBullet(const Offset(-3, 0)),
splashRadius: 20,
),
const SizedBox(width: 4),
IconButton(
icon: const Icon(Icons.check, size: 28, color: Colors.greenAccent),
onPressed: () => setState(() => _selectedBulletIndexInEdit = null),
splashRadius: 20,
),
const SizedBox(width: 4),
IconButton(
icon: const Icon(Icons.arrow_right, size: 32, color: Colors.white),
onPressed: () => _moveBullet(const Offset(3, 0)),
splashRadius: 20,
),
],
),
IconButton(
icon: const Icon(Icons.arrow_drop_down, size: 32, color: Colors.white),
onPressed: () => _moveBullet(const Offset(0, 3)),
splashRadius: 20,
),
],
),
),
),
);
}
void _moveBullet(Offset offsetDelta) {
setState(() {
final index = _selectedBulletIndexInEdit!;
final current = _mappedBullets[index];
final updated = current + offsetDelta;
_mappedBullets[index] = updated;
// If this is a manually added bullet, update its score live
final manualStartIndex = _mappedBullets.length - _manualBulletScores.length;
if (index >= manualStartIndex) {
final updatedScore = _scoreForBullet(
updated,
_targetImageCenterForScoring ?? fixedRingTargetCenter,
);
_manualBulletScores[index - manualStartIndex] = updatedScore;
}
});
}
Future<String?> _showSaveOptionsDialog() async {
TextEditingController _controller = TextEditingController();
bool isNewFolderEnabled = false;
bool isTournament = false; // 👈 new flag
final directory = await getApplicationDocumentsDirectory();
final saveDirectory = Directory('${directory.path}/saved_images');
final List<String> existingFolders = [];
// Ensure directory exists
if (!await saveDirectory.exists()) {
await saveDirectory.create(recursive: true);
}
// Load existing folders and their modified time
final folderStats = <Map<String, dynamic>>[];
final folders = saveDirectory.listSync();
for (var folder in folders) {
if (folder is Directory) {
existingFolders.add(folder.path.split('/').last);
final stat = folder.statSync();
folderStats.add({
'name': folder.path.split('/').last,
'changed': stat.changed,
});
}
}
String? lastFolderName = existingFolders.isNotEmpty ? existingFolders.last : null;
// Sort by modified time, newest first
folderStats.sort((a, b) =>
(b['changed'] as DateTime).compareTo(a['changed'] as DateTime));
String? lastFolderName =
folderStats.isNotEmpty ? folderStats.first['name'] : null;
TextEditingController _controller = TextEditingController();
bool isNewFolderEnabled = folderStats.isEmpty; // pre-enable if none
bool isTournament = false;
return await showDialog<String>(
context: context,
@@ -485,7 +579,6 @@ void _manualScoreEntry() {
textAlign: TextAlign.center,
),
),
const Text(
"Select where you'd like to save the data:",
style: TextStyle(color: Colors.white70),
@@ -493,6 +586,7 @@ void _manualScoreEntry() {
),
const SizedBox(height: 16),
// Quick save to newest folder
if (lastFolderName != null) ...[
SizedBox(
width: double.infinity,
@@ -503,7 +597,8 @@ void _manualScoreEntry() {
style: ElevatedButton.styleFrom(
backgroundColor: _bulletColor,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
padding: const EdgeInsets.symmetric(
horizontal: 20, vertical: 14),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
@@ -514,7 +609,7 @@ void _manualScoreEntry() {
const SizedBox(height: 16),
],
// New folder name input
// Always show folder name input
SizedBox(
width: double.infinity,
child: TextField(
@@ -526,7 +621,8 @@ void _manualScoreEntry() {
fillColor: Colors.grey[800],
hintText: "Enter a new folder name",
hintStyle: const TextStyle(color: Colors.white54),
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
contentPadding: const EdgeInsets.symmetric(
horizontal: 16, vertical: 14),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: BorderSide.none,
@@ -547,7 +643,6 @@ void _manualScoreEntry() {
// Tournament toggle
if (isNewFolderEnabled) ...[
const SizedBox(height: 12),
GestureDetector(
onTap: () {
setState(() {
@@ -557,19 +652,28 @@ void _manualScoreEntry() {
child: Container(
width: double.infinity,
decoration: BoxDecoration(
color: isTournament ? _bulletColor.withOpacity(0.2) : Colors.grey[850],
color: isTournament
? _bulletColor.withOpacity(0.2)
: Colors.grey[850],
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: isTournament ? _bulletColor : Colors.grey[700]!,
color: isTournament
? _bulletColor
: Colors.grey[700]!,
width: 1.5,
),
),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
padding: const EdgeInsets.symmetric(
horizontal: 16, vertical: 14),
child: Center(
child: Text(
isTournament ? 'Tournament Mode 🏆' : 'Mark as Tournament 🏆',
isTournament
? 'Tournament Mode 🏆'
: 'Mark as Tournament 🏆',
style: TextStyle(
color: isTournament ? _bulletColor : Colors.white70,
color: isTournament
? _bulletColor
: Colors.white70,
fontWeight: FontWeight.w500,
fontSize: 16,
),
@@ -577,12 +681,10 @@ void _manualScoreEntry() {
),
),
),
const SizedBox(height: 16),
],
const SizedBox(height: 16),
// Create new folder
// Create folder button
SizedBox(
width: double.infinity,
child: ElevatedButton(
@@ -596,7 +698,8 @@ void _manualScoreEntry() {
)
: null,
style: ElevatedButton.styleFrom(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
padding: const EdgeInsets.symmetric(
horizontal: 20, vertical: 14),
backgroundColor:
isNewFolderEnabled ? _bulletColor : Colors.grey[700],
foregroundColor: Colors.white,
@@ -618,6 +721,7 @@ void _manualScoreEntry() {
);
}
Map<String, dynamic>? _getRingCenterSize(List<DetectionResult> results) {
try {
final ring = results.firstWhere((r) => r.classId == 2);
@@ -673,7 +777,6 @@ void _manualScoreEntry() {
return autoScore + manualScore;
}
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -688,7 +791,9 @@ Widget build(BuildContext context) {
actions: [
IconButton(
icon: Icon(
_mode == PreviewMode.mappedTarget ? Icons.camera_alt : Icons.center_focus_strong,
_mode == PreviewMode.mappedTarget
? Icons.camera_alt
: Icons.center_focus_strong,
),
color: Colors.white,
onPressed: () {
@@ -809,7 +914,7 @@ Widget build(BuildContext context) {
final double bulletSize = ((scaleX + scaleY) / 2) * 55;
final isHighlighted = index == _highlightedBulletIndex;
final isManual = index >= (_mappedBullets.length - _manualBulletScores.length);
final isSelectedForEdit = index == _selectedBulletIndexInEdit;
return Positioned(
left: dx - bulletSize / 2,
@@ -818,18 +923,20 @@ Widget build(BuildContext context) {
width: bulletSize,
height: bulletSize,
decoration: BoxDecoration(
color: isManual
? Colors.red.withOpacity(0.9)
: _bulletColorWithOpacity,
color: _bulletColorWithOpacity,
shape: BoxShape.circle,
border: Border.all(
color: isHighlighted ? Colors.red : Colors.black,
width: isHighlighted ? 3 : 1,
),
color: isSelectedForEdit
? Colors.red
: (!_isEditMode && isHighlighted)
? Colors.red
: Colors.black,
width: (isSelectedForEdit || (!_isEditMode && isHighlighted)) ? 3 : 1,
),
),
);
}).toList(),
),
);
}).toList(),
],
);
},
@@ -851,15 +958,32 @@ Widget build(BuildContext context) {
bullet,
_targetImageCenterForScoring ?? fixedRingTargetCenter,
);
final isSelected = _highlightedBulletIndex == index;
final isSelected = index == (_isEditMode ? _selectedBulletIndexInEdit : _highlightedBulletIndex);
return Expanded(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 6),
child: GestureDetector(
onTapDown: (_) => setState(() => _highlightedBulletIndex = index),
onTapUp: (_) => setState(() => _highlightedBulletIndex = null),
onTapCancel: () => setState(() => _highlightedBulletIndex = null),
onTap: () {
if (_isEditMode) {
setState(() => _selectedBulletIndexInEdit = index);
}
},
onTapDown: (_) {
if (!_isEditMode) {
setState(() => _highlightedBulletIndex = index);
}
},
onTapUp: (_) {
if (!_isEditMode) {
setState(() => _highlightedBulletIndex = null);
}
},
onTapCancel: () {
if (!_isEditMode) {
setState(() => _highlightedBulletIndex = null);
}
},
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
height: 100,
@@ -867,9 +991,10 @@ Widget build(BuildContext context) {
borderRadius: BorderRadius.circular(16),
boxShadow: const [
BoxShadow(
color: Colors.black26,
offset: Offset(0, 2),
blurRadius: 6),
color: Colors.black26,
offset: Offset(0, 2),
blurRadius: 6,
),
],
),
child: Column(
@@ -898,9 +1023,7 @@ Widget build(BuildContext context) {
decoration: BoxDecoration(
color: isSelected
? Colors.red[400]
: (isManual
? Colors.red[600]
: _bulletColor),
: _bulletColor,
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(16),
bottomRight: Radius.circular(16),
@@ -930,24 +1053,39 @@ Widget build(BuildContext context) {
const SizedBox(height: 12),
],
),
if (_hasMissingBullets)
Positioned(
top: 12,
right: 12,
child: ElevatedButton.icon(
onPressed: _handleMissingBullets,
icon: const Icon(Icons.warning_amber_rounded, color: Colors.white, size: 20),
label: const Text("Fix Bullets", style: TextStyle(color: Colors.white)),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.red[600],
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
elevation: 4,
),
),
),
Positioned(
top: 12,
right: 12,
child: ElevatedButton.icon(
onPressed: () {
setState(() {
_isEditMode = !_isEditMode;
_selectedBulletIndexInEdit = null;
});
},
icon: Icon(
_isEditMode ? Icons.check : Icons.edit,
color: Colors.white,
size: 20,
),
label: Text(
_isEditMode ? "Done" : "Edit Bullets",
style: const TextStyle(color: Colors.white),
),
style: ElevatedButton.styleFrom(
backgroundColor: _bulletColor,
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
elevation: 4,
),
),
),
_buildEditController(),
],
),
bottomNavigationBar: BottomAppBar(