gitea
1 month ago
parent
6b8cf10e3c
commit
10a4837ee0
@ -0,0 +1,229 @@
|
|||||||
|
import 'dart:convert';
|
||||||
|
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:practice_engine/practice_engine.dart';
|
||||||
|
import 'deck_edit_screen.dart';
|
||||||
|
import '../services/deck_storage.dart';
|
||||||
|
import '../utils/top_snackbar.dart';
|
||||||
|
|
||||||
|
/// Screen that shows flagged questions in the same editable card layout as deck edit,
|
||||||
|
/// with Save, Unflag per question, and export/copy as JSON.
|
||||||
|
class FlaggedQuestionsScreen extends StatefulWidget {
|
||||||
|
const FlaggedQuestionsScreen({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<FlaggedQuestionsScreen> createState() => _FlaggedQuestionsScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _FlaggedQuestionsScreenState extends State<FlaggedQuestionsScreen> {
|
||||||
|
Deck? _deck;
|
||||||
|
final List<QuestionEditor> _editors = [];
|
||||||
|
final DeckStorage _deckStorage = DeckStorage();
|
||||||
|
String? _lastDeckId;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void didChangeDependencies() {
|
||||||
|
super.didChangeDependencies();
|
||||||
|
final deck = ModalRoute.of(context)?.settings.arguments as Deck?;
|
||||||
|
if (deck == null) return;
|
||||||
|
if (_deck?.id != deck.id || _lastDeckId != deck.id) {
|
||||||
|
_lastDeckId = deck.id;
|
||||||
|
_loadDeck(deck);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _loadDeck(Deck deck) {
|
||||||
|
final fresh = _deckStorage.getDeckSync(deck.id) ?? deck;
|
||||||
|
setState(() {
|
||||||
|
_deck = fresh;
|
||||||
|
for (final e in _editors) {
|
||||||
|
e.dispose();
|
||||||
|
}
|
||||||
|
_editors.clear();
|
||||||
|
for (final q in fresh.flaggedQuestions) {
|
||||||
|
_editors.add(QuestionEditor.fromQuestion(q));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
for (final e in _editors) {
|
||||||
|
e.dispose();
|
||||||
|
}
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _unflag(int index) {
|
||||||
|
if (_deck == null || index < 0 || index >= _editors.length) return;
|
||||||
|
final questionId = _editors[index].originalId;
|
||||||
|
if (questionId == null) return;
|
||||||
|
final updatedQuestions = _deck!.questions.map((q) {
|
||||||
|
if (q.id == questionId) return q.copyWith(isFlagged: false);
|
||||||
|
return q;
|
||||||
|
}).toList();
|
||||||
|
final updatedDeck = _deck!.copyWith(questions: updatedQuestions);
|
||||||
|
_deckStorage.saveDeckSync(updatedDeck);
|
||||||
|
_editors[index].dispose();
|
||||||
|
setState(() {
|
||||||
|
_deck = updatedDeck;
|
||||||
|
_editors.removeAt(index);
|
||||||
|
});
|
||||||
|
showTopSnackBar(context, message: 'Question unflagged');
|
||||||
|
}
|
||||||
|
|
||||||
|
void _save() {
|
||||||
|
if (_deck == null) return;
|
||||||
|
for (int i = 0; i < _editors.length; i++) {
|
||||||
|
final editor = _editors[i];
|
||||||
|
if (!editor.isValid) {
|
||||||
|
showTopSnackBar(
|
||||||
|
context,
|
||||||
|
message: 'Question ${i + 1} is invalid. Fill in all fields.',
|
||||||
|
backgroundColor: Colors.red,
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
final questionMap = Map<String, Question>.fromEntries(
|
||||||
|
_deck!.questions.map((q) => MapEntry(q.id, q)),
|
||||||
|
);
|
||||||
|
for (final editor in _editors) {
|
||||||
|
final id = editor.originalId;
|
||||||
|
if (id == null) continue;
|
||||||
|
final existing = questionMap[id];
|
||||||
|
if (existing == null) continue;
|
||||||
|
final updated = existing.copyWith(
|
||||||
|
prompt: editor.promptController.text.trim(),
|
||||||
|
answers: editor.answerControllers.map((c) => c.text.trim()).toList(),
|
||||||
|
correctAnswerIndices: editor.correctAnswerIndices.toList()..sort(),
|
||||||
|
);
|
||||||
|
questionMap[id] = updated;
|
||||||
|
}
|
||||||
|
final updatedQuestions = _deck!.questions.map((q) => questionMap[q.id] ?? q).toList();
|
||||||
|
final updatedDeck = _deck!.copyWith(questions: updatedQuestions);
|
||||||
|
_deckStorage.saveDeckSync(updatedDeck);
|
||||||
|
setState(() => _deck = updatedDeck);
|
||||||
|
showTopSnackBar(
|
||||||
|
context,
|
||||||
|
message: 'Changes saved',
|
||||||
|
backgroundColor: Colors.green,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _copyJson() {
|
||||||
|
final questions = _editors.map((e) => e.toQuestion()).toList();
|
||||||
|
if (questions.isEmpty) {
|
||||||
|
showTopSnackBar(context, message: 'No questions to copy');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
final json = _questionsToJson(questions);
|
||||||
|
Clipboard.setData(ClipboardData(text: json));
|
||||||
|
showTopSnackBar(context, message: '${questions.length} question(s) copied as JSON');
|
||||||
|
}
|
||||||
|
|
||||||
|
void _exportJson() {
|
||||||
|
final questions = _editors.map((e) => e.toQuestion()).toList();
|
||||||
|
if (questions.isEmpty) {
|
||||||
|
showTopSnackBar(context, message: 'No questions to export');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
final json = _questionsToJson(questions);
|
||||||
|
Clipboard.setData(ClipboardData(text: json));
|
||||||
|
showTopSnackBar(
|
||||||
|
context,
|
||||||
|
message: 'JSON copied to clipboard. Paste into a file to save.',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
String _questionsToJson(List<Question> questions) {
|
||||||
|
final list = questions.map((q) => {
|
||||||
|
'id': q.id,
|
||||||
|
'prompt': q.prompt,
|
||||||
|
'answers': q.answers,
|
||||||
|
'correctAnswerIndices': q.correctAnswerIndices,
|
||||||
|
}).toList();
|
||||||
|
return const JsonEncoder.withIndent(' ').convert(list);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
if (_deck == null) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(title: const Text('Flagged questions')),
|
||||||
|
body: const Center(child: CircularProgressIndicator()),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
final hasEditors = _editors.isNotEmpty;
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: Text('Flagged questions (${_editors.length})'),
|
||||||
|
actions: [
|
||||||
|
if (hasEditors) ...[
|
||||||
|
IconButton(
|
||||||
|
onPressed: _save,
|
||||||
|
icon: const Icon(Icons.save),
|
||||||
|
tooltip: 'Save',
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
onPressed: _copyJson,
|
||||||
|
icon: const Icon(Icons.copy),
|
||||||
|
tooltip: 'Copy as JSON',
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
onPressed: _exportJson,
|
||||||
|
icon: const Icon(Icons.file_download),
|
||||||
|
tooltip: 'Export as JSON',
|
||||||
|
),
|
||||||
|
],
|
||||||
|
],
|
||||||
|
),
|
||||||
|
body: !hasEditors
|
||||||
|
? Center(
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
Icons.flag_outlined,
|
||||||
|
size: 64,
|
||||||
|
color: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.3),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
Text(
|
||||||
|
'No flagged questions',
|
||||||
|
style: Theme.of(context).textTheme.titleLarge,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
Text(
|
||||||
|
'Flag questions during an attempt to see them here.',
|
||||||
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||||
|
color: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.6),
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: SingleChildScrollView(
|
||||||
|
padding: const EdgeInsets.all(16),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
|
children: [
|
||||||
|
...List.generate(_editors.length, (index) {
|
||||||
|
return QuestionEditorCard(
|
||||||
|
key: ValueKey('flagged_${_editors[index].originalId}_$index'),
|
||||||
|
editor: _editors[index],
|
||||||
|
questionNumber: index + 1,
|
||||||
|
onDelete: null,
|
||||||
|
onUnflag: () => _unflag(index),
|
||||||
|
onChanged: () => setState(() {}),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue