gitea/decky
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

improve card layout

Browse Source
This commit is contained in:
gitea
2026-02-03 19:14:05 +01:00
parent f83dfd5717
commit cd3b75995d
1 changed files with 184 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/screens/attempt_result_screen.dart
+184 -53
View File
@@ -131,6 +131,97 @@ class _AttemptResultScreenState extends State<AttemptResultScreen> {
); );
} }
void _showQuestionDetail(AnswerResult answerResult) {
final q = answerResult.question;
final correctSet = q.correctIndices.toSet();
final userSet = answerResult.userAnswerIndices.toSet();
showDialog<void>(
context: context,
builder: (context) => AlertDialog(
title: const Text('Question'),
content: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Text(
q.prompt,
style: Theme.of(context).textTheme.titleMedium,
),
const SizedBox(height: 16),
...q.answers.asMap().entries.map((e) {
final i = e.key;
final answer = e.value;
final isCorrect = correctSet.contains(i);
final isUser = userSet.contains(i);
String? label;
Color? color;
if (isCorrect && isUser) {
label = 'Correct (your answer)';
color = Colors.green;
} else if (isCorrect) {
label = 'Correct';
color = Colors.green;
} else if (isUser) {
label = 'Your answer';
color = Colors.red;
}
return Padding(
padding: const EdgeInsets.only(bottom: 8),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
width: 24,
child: isCorrect
? Icon(Icons.check_circle, color: Colors.green, size: 20)
: isUser
? Icon(Icons.cancel, color: Colors.red, size: 20)
: const Icon(Icons.radio_button_unchecked, size: 20, color: Colors.grey),
),
const SizedBox(width: 8),
Expanded(
child: Text.rich(
TextSpan(
children: [
if (label != null)
TextSpan(
text: '$label: ',
style: TextStyle(
color: color,
fontWeight: FontWeight.bold,
fontSize: Theme.of(context).textTheme.bodyLarge?.fontSize,
),
),
TextSpan(
text: answer,
style: TextStyle(
color: color,
fontWeight: label != null ? FontWeight.bold : null,
fontSize: Theme.of(context).textTheme.bodyLarge?.fontSize,
),
),
],
),
),
),
],
),
);
}),
],
),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('Close'),
),
],
),
);
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
if (_deck == null || _result == null) { if (_deck == null || _result == null) {
@@ -278,47 +369,61 @@ class _AttemptResultScreenState extends State<AttemptResultScreen> {
Text( Text(
answerResult.question.prompt, answerResult.question.prompt,
style: Theme.of(context).textTheme.titleMedium, style: Theme.of(context).textTheme.titleMedium,
), overflow: TextOverflow.ellipsis,
const SizedBox(height: 12), maxLines: 3,
Row(
children: [
StatusChip(statusChange: answerResult.statusChange),
const Spacer(),
Text(
answerResult.userAnswerIndices.isEmpty
? 'No answer'
: 'Your answer${answerResult.userAnswerIndices.length > 1 ? 's' : ''}: ${answerResult.userAnswerIndices.map((idx) => answerResult.question.answers[idx]).join(', ')}',
style: TextStyle(
color: Colors.red,
fontWeight: FontWeight.bold,
),
),
],
), ),
const SizedBox(height: 8), const SizedBox(height: 8),
Text(
answerResult.userAnswerIndices.isEmpty
? 'No answer'
: 'Your answer${answerResult.userAnswerIndices.length > 1 ? 's' : ''}: ${answerResult.userAnswerIndices.map((idx) => answerResult.question.answers[idx]).join(', ')}',
style: TextStyle(
color: Colors.red,
fontWeight: FontWeight.bold,
fontSize: Theme.of(context).textTheme.bodyMedium?.fontSize,
),
overflow: TextOverflow.ellipsis,
maxLines: 2,
),
const SizedBox(height: 4),
Text( Text(
'Correct answer${answerResult.question.correctIndices.length > 1 ? 's' : ''}: ${answerResult.question.correctIndices.map((idx) => answerResult.question.answers[idx]).join(', ')}', 'Correct answer${answerResult.question.correctIndices.length > 1 ? 's' : ''}: ${answerResult.question.correctIndices.map((idx) => answerResult.question.answers[idx]).join(', ')}',
style: TextStyle( style: TextStyle(
color: Colors.green, color: Colors.green,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
fontSize: Theme.of(context).textTheme.bodyMedium?.fontSize,
), ),
overflow: TextOverflow.ellipsis,
maxLines: 2,
), ),
const SizedBox(height: 12), const SizedBox(height: 12),
Row( Row(
mainAxisAlignment: MainAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
TextButton.icon( StatusChip(statusChange: answerResult.statusChange),
onPressed: () => _markNeedsPractice(answerResult.question.id), Row(
icon: const Icon(Icons.replay, size: 20), mainAxisSize: MainAxisSize.min,
label: const Text('Needs practice'), children: [
), IconButton(
IconButton( onPressed: () => _showQuestionDetail(answerResult),
onPressed: () => _toggleFlag(answerResult.question.id), icon: const Icon(Icons.visibility, size: 22),
icon: Icon( tooltip: 'View question details',
isFlagged ? Icons.flag : Icons.outlined_flag, ),
color: isFlagged ? Colors.red : null, IconButton(
), onPressed: () => _markNeedsPractice(answerResult.question.id),
tooltip: isFlagged ? 'Unflag' : 'Flag for review', icon: const Icon(Icons.replay, size: 22),
tooltip: 'Mark as needs practice',
),
IconButton(
onPressed: () => _toggleFlag(answerResult.question.id),
icon: Icon(
isFlagged ? Icons.flag : Icons.outlined_flag,
color: isFlagged ? Colors.red : null,
size: 22,
),
tooltip: isFlagged ? 'Unflag' : 'Flag for review',
),
],
), ),
], ],
), ),
@@ -341,32 +446,58 @@ class _AttemptResultScreenState extends State<AttemptResultScreen> {
final isFlagged = currentQ?.isFlagged ?? false; final isFlagged = currentQ?.isFlagged ?? false;
return Card( return Card(
margin: const EdgeInsets.only(bottom: 8), margin: const EdgeInsets.only(bottom: 8),
child: ListTile( child: Padding(
title: Text(answerResult.question.prompt), padding: const EdgeInsets.all(16),
subtitle: Text( child: Column(
answerResult.isCorrect crossAxisAlignment: CrossAxisAlignment.start,
? 'Correct'
: answerResult.userAnswerIndices.isEmpty
? 'Incorrect - No answer'
: 'Incorrect - Selected: ${answerResult.userAnswerIndices.map((idx) => answerResult.question.answers[idx]).join(', ')}',
),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [ children: [
StatusChip(statusChange: answerResult.statusChange), Text(
IconButton( answerResult.question.prompt,
onPressed: () => _markNeedsPractice(answerResult.question.id), style: Theme.of(context).textTheme.titleMedium,
icon: const Icon(Icons.replay, size: 22), overflow: TextOverflow.ellipsis,
tooltip: 'Mark as needs practice', maxLines: 3,
), ),
IconButton( const SizedBox(height: 4),
onPressed: () => _toggleFlag(answerResult.question.id), Text(
icon: Icon( answerResult.isCorrect
isFlagged ? Icons.flag : Icons.outlined_flag, ? 'Correct'
color: isFlagged ? Colors.red : null, : answerResult.userAnswerIndices.isEmpty
size: 22, ? 'Incorrect - No answer'
), : 'Incorrect - Selected: ${answerResult.userAnswerIndices.map((idx) => answerResult.question.answers[idx]).join(', ')}',
tooltip: isFlagged ? 'Unflag' : 'Flag for review', style: Theme.of(context).textTheme.bodyMedium,
overflow: TextOverflow.ellipsis,
maxLines: 2,
),
const SizedBox(height: 12),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
StatusChip(statusChange: answerResult.statusChange),
Row(
mainAxisSize: MainAxisSize.min,
children: [
IconButton(
onPressed: () => _showQuestionDetail(answerResult),
icon: const Icon(Icons.visibility, size: 22),
tooltip: 'View question details',
),
IconButton(
onPressed: () => _markNeedsPractice(answerResult.question.id),
icon: const Icon(Icons.replay, size: 22),
tooltip: 'Mark as needs practice',
),
IconButton(
onPressed: () => _toggleFlag(answerResult.question.id),
icon: Icon(
isFlagged ? Icons.flag : Icons.outlined_flag,
color: isFlagged ? Colors.red : null,
size: 22,
),
tooltip: isFlagged ? 'Unflag' : 'Flag for review',
),
],
),
],
), ),
], ],
), ),