435 lines
17 KiB
Dart
435 lines
17 KiB
Dart
|
import 'dart:io';
|
|||
|
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|||
|
|
import 'package:lucide_icons/lucide_icons.dart';
|
|||
|
|
import '../models/sake_item.dart';
|
|||
|
|
import '../services/draft_service.dart';
|
|||
|
|
import '../services/network_service.dart';
|
|||
|
|
import '../theme/app_colors.dart';
|
|||
|
|
|
|||
|
|
/// 未解析Draft一覧・一括解析画面
|
|||
|
|
///
|
|||
|
|
/// Phase 1: オフライン対応機能
|
|||
|
|
/// オフライン時に撮影した写真（Draft）の一覧を表示し、
|
|||
|
|
/// オンライン復帰後に一括解析できます。
|
|||
|
|
class PendingAnalysisScreen extends ConsumerStatefulWidget {
|
|||
|
|
const PendingAnalysisScreen({super.key});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
ConsumerState<PendingAnalysisScreen> createState() => _PendingAnalysisScreenState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _PendingAnalysisScreenState extends ConsumerState<PendingAnalysisScreen> {
|
|||
|
|
List<SakeItem> _pendingDrafts = [];
|
|||
|
|
bool _isLoading = true;
|
|||
|
|
bool _isAnalyzing = false;
|
|||
|
|
int _analyzedCount = 0;
|
|||
|
|
int _totalCount = 0;
|
|||
|
|
String? _errorMessage;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
_loadPendingDrafts();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _loadPendingDrafts() async {
|
|||
|
|
setState(() {
|
|||
|
|
_isLoading = true;
|
|||
|
|
_errorMessage = null;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
final drafts = await DraftService.getPendingDrafts();
|
|||
|
|
setState(() {
|
|||
|
|
_pendingDrafts = drafts;
|
|||
|
|
_isLoading = false;
|
|||
|
|
});
|
|||
|
|
} catch (e) {
|
|||
|
|
setState(() {
|
|||
|
|
_errorMessage = 'Draft読み込みエラー: $e';
|
|||
|
|
_isLoading = false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _analyzeAllDrafts() async {
|
|||
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
|||
|
|
|
|||
|
|
// オンライン確認
|
|||
|
|
final isOnline = await NetworkService.isOnline();
|
|||
|
|
if (!isOnline) {
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(
|
|||
|
|
content: const Text('オフライン状態です。インターネット接続を確認してください。'),
|
|||
|
|
backgroundColor: appColors.error,
|
|||
|
|
duration: const Duration(seconds: 4),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setState(() {
|
|||
|
|
_isAnalyzing = true;
|
|||
|
|
_analyzedCount = 0;
|
|||
|
|
_totalCount = _pendingDrafts.length;
|
|||
|
|
_errorMessage = null;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
final result = await DraftService.analyzeAllDrafts(
|
|||
|
|
onProgress: (progress, total) {
|
|||
|
|
if (mounted) {
|
|||
|
|
setState(() {
|
|||
|
|
_analyzedCount = progress;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
if (!mounted) return;
|
|||
|
|
|
|||
|
|
// 解析完了後、リスト再読み込み
|
|||
|
|
await _loadPendingDrafts();
|
|||
|
|
|
|||
|
|
// 結果通知
|
|||
|
|
final successCount = result['success'] as int;
|
|||
|
|
final failedCount = result['failed'] as int;
|
|||
|
|
final errors = result['errors'] as List<String>;
|
|||
|
|
|
|||
|
|
if (failedCount > 0) {
|
|||
|
|
// 一部失敗
|
|||
|
|
setState(() {
|
|||
|
|
_errorMessage = '解析完了: $successCount成功, $failedCount失敗\n\n失敗詳細:\n${errors.join('\n')}';
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
// 全成功
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(
|
|||
|
|
content: Text('すべてのDraft（$successCount件）を解析しました'),
|
|||
|
|
backgroundColor: appColors.success,
|
|||
|
|
duration: const Duration(seconds: 3),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// 全件解析完了なら画面を閉じる
|
|||
|
|
if (_pendingDrafts.isEmpty) {
|
|||
|
|
if (!mounted) return;
|
|||
|
|
Navigator.of(context).pop();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
setState(() {
|
|||
|
|
_errorMessage = '一括解析エラー: $e';
|
|||
|
|
});
|
|||
|
|
} finally {
|
|||
|
|
setState(() {
|
|||
|
|
_isAnalyzing = false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _deleteDraft(SakeItem draft) async {
|
|||
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
|||
|
|
|
|||
|
|
final confirm = await showDialog<bool>(
|
|||
|
|
context: context,
|
|||
|
|
builder: (context) => AlertDialog(
|
|||
|
|
title: const Text('Draft削除確認'),
|
|||
|
|
content: const Text('この写真を削除しますか？\n（ギャラリーには残ります）'),
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () => Navigator.of(context).pop(false),
|
|||
|
|
child: const Text('キャンセル'),
|
|||
|
|
),
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () => Navigator.of(context).pop(true),
|
|||
|
|
style: TextButton.styleFrom(foregroundColor: appColors.error),
|
|||
|
|
child: const Text('削除'),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
if (confirm != true) return;
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
await DraftService.deleteDraft(draft.key);
|
|||
|
|
await _loadPendingDrafts();
|
|||
|
|
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(
|
|||
|
|
content: Text('Draftを削除しました'),
|
|||
|
|
duration: Duration(seconds: 3),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// 全件削除された場合は画面を閉じる
|
|||
|
|
if (_pendingDrafts.isEmpty) {
|
|||
|
|
Navigator.of(context).pop();
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(
|
|||
|
|
content: Text('削除エラー: $e'),
|
|||
|
|
duration: const Duration(seconds: 5),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
|||
|
|
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: AppBar(
|
|||
|
|
title: const Text('未解析の写真', style: TextStyle(fontWeight: FontWeight.bold)),
|
|||
|
|
actions: [
|
|||
|
|
if (_pendingDrafts.isNotEmpty && !_isAnalyzing)
|
|||
|
|
IconButton(
|
|||
|
|
icon: const Icon(LucideIcons.trash2),
|
|||
|
|
tooltip: 'すべて削除',
|
|||
|
|
onPressed: () async {
|
|||
|
|
// BuildContextキャプチャ（async gapの前）
|
|||
|
|
if (!mounted) return;
|
|||
|
|
final navigator = Navigator.of(context);
|
|||
|
|
final messenger = ScaffoldMessenger.of(context);
|
|||
|
|
|
|||
|
|
final confirm = await showDialog<bool>(
|
|||
|
|
context: context,
|
|||
|
|
builder: (context) => AlertDialog(
|
|||
|
|
title: const Text('全件削除確認'),
|
|||
|
|
content: Text('${_pendingDrafts.length}件のDraftをすべて削除しますか？'),
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () => Navigator.of(context).pop(false),
|
|||
|
|
child: const Text('キャンセル'),
|
|||
|
|
),
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () => Navigator.of(context).pop(true),
|
|||
|
|
style: TextButton.styleFrom(foregroundColor: appColors.error),
|
|||
|
|
child: const Text('すべて削除'),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
if (!mounted) return;
|
|||
|
|
if (confirm != true) return;
|
|||
|
|
|
|||
|
|
final count = await DraftService.deleteAllDrafts();
|
|||
|
|
await _loadPendingDrafts();
|
|||
|
|
|
|||
|
|
// async gap後はキャプチャした変数を使用
|
|||
|
|
if (!mounted) return;
|
|||
|
|
messenger.showSnackBar(
|
|||
|
|
SnackBar(
|
|||
|
|
content: Text('$count件のDraftを削除しました'),
|
|||
|
|
duration: const Duration(seconds: 3),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
if (!mounted) return;
|
|||
|
|
navigator.pop();
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
body: _isLoading
|
|||
|
|
? const Center(child: CircularProgressIndicator())
|
|||
|
|
: _errorMessage != null
|
|||
|
|
? Center(
|
|||
|
|
child: Padding(
|
|||
|
|
padding: const EdgeInsets.all(24.0),
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Icon(LucideIcons.alertCircle, size: 60, color: appColors.error),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
Text(
|
|||
|
|
_errorMessage!,
|
|||
|
|
textAlign: TextAlign.center,
|
|||
|
|
style: TextStyle(color: appColors.error),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
ElevatedButton(
|
|||
|
|
onPressed: _loadPendingDrafts,
|
|||
|
|
child: const Text('再読み込み'),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: _pendingDrafts.isEmpty
|
|||
|
|
? Center(
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Icon(LucideIcons.checkCircle, size: 60, color: appColors.success),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
const Text(
|
|||
|
|
'未解析の写真はありません',
|
|||
|
|
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(
|
|||
|
|
'すべての写真の解析が完了しています',
|
|||
|
|
style: TextStyle(color: appColors.textSecondary),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: Column(
|
|||
|
|
children: [
|
|||
|
|
// 進捗表示（解析中のみ）
|
|||
|
|
if (_isAnalyzing)
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
color: appColors.brandPrimary.withValues(alpha: 0.1),
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
const SizedBox(
|
|||
|
|
width: 24,
|
|||
|
|
height: 24,
|
|||
|
|
child: CircularProgressIndicator(strokeWidth: 3),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 12),
|
|||
|
|
Text(
|
|||
|
|
'解析中... $_analyzedCount / $_totalCount',
|
|||
|
|
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
LinearProgressIndicator(
|
|||
|
|
value: _totalCount > 0 ? _analyzedCount / _totalCount : 0,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// Draft一覧
|
|||
|
|
Expanded(
|
|||
|
|
child: ListView.builder(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
itemCount: _pendingDrafts.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
final draft = _pendingDrafts[index];
|
|||
|
|
final photoPath = draft.draftPhotoPath;
|
|||
|
|
|
|||
|
|
return Card(
|
|||
|
|
margin: const EdgeInsets.only(bottom: 12),
|
|||
|
|
child: ListTile(
|
|||
|
|
contentPadding: const EdgeInsets.all(12),
|
|||
|
|
leading: photoPath != null && File(photoPath).existsSync()
|
|||
|
|
? ClipRRect(
|
|||
|
|
borderRadius: BorderRadius.circular(8),
|
|||
|
|
child: Image.file(
|
|||
|
|
File(photoPath),
|
|||
|
|
width: 60,
|
|||
|
|
height: 60,
|
|||
|
|
fit: BoxFit.cover,
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: Container(
|
|||
|
|
width: 60,
|
|||
|
|
height: 60,
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.grey.shade300,
|
|||
|
|
borderRadius: BorderRadius.circular(8),
|
|||
|
|
),
|
|||
|
|
child: const Icon(LucideIcons.image, color: Colors.grey),
|
|||
|
|
),
|
|||
|
|
title: const Text(
|
|||
|
|
'解析待ち',
|
|||
|
|
style: TextStyle(fontWeight: FontWeight.bold),
|
|||
|
|
),
|
|||
|
|
subtitle: Text(
|
|||
|
|
'撮影日時: ${draft.metadata.createdAt.toString().substring(0, 16)}',
|
|||
|
|
style: TextStyle(fontSize: 12, color: appColors.textSecondary),
|
|||
|
|
),
|
|||
|
|
trailing: IconButton(
|
|||
|
|
icon: Icon(LucideIcons.trash2, color: appColors.error),
|
|||
|
|
onPressed: () => _deleteDraft(draft),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// 一括解析ボタン
|
|||
|
|
if (_pendingDrafts.isNotEmpty)
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
boxShadow: [
|
|||
|
|
BoxShadow(
|
|||
|
|
color: Colors.black.withValues(alpha: 0.1),
|
|||
|
|
blurRadius: 8,
|
|||
|
|
offset: const Offset(0, -2),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
child: SafeArea(
|
|||
|
|
child: SizedBox(
|
|||
|
|
width: double.infinity,
|
|||
|
|
height: 56,
|
|||
|
|
child: ElevatedButton(
|
|||
|
|
onPressed: _isAnalyzing ? null : _analyzeAllDrafts,
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
backgroundColor: appColors.brandPrimary,
|
|||
|
|
foregroundColor: Colors.white,
|
|||
|
|
disabledBackgroundColor: Colors.grey.shade400,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: _isAnalyzing
|
|||
|
|
? const Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
SizedBox(
|
|||
|
|
width: 20,
|
|||
|
|
height: 20,
|
|||
|
|
child: CircularProgressIndicator(
|
|||
|
|
color: Colors.white,
|
|||
|
|
strokeWidth: 2,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(width: 12),
|
|||
|
|
Text('解析中...', style: TextStyle(fontSize: 16)),
|
|||
|
|
],
|
|||
|
|
)
|
|||
|
|
: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
const Icon(LucideIcons.sparkles, size: 20),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
Text(
|
|||
|
|
'すべて解析（${_pendingDrafts.length}件）',
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontSize: 16,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|