mirror of
https://github.com/kuhyx/todo-app.git
synced 2026-11-11 17:54:02 +01:00
Krzysztof kuhy Rudnicki
5ea7ba7b73
Glyph + spoken label replaces every app-written string the guard found: empty states, tile meta, sheet dates/fields, date presets, template/section headings, status footer, snackbars, GitHub and cloud-image results, upload/download badges, Material tooltips. Guard tests (text_free_*_test) walk the painted tree. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
92 lines
3.2 KiB
Dart
92 lines
3.2 KiB
Dart
/// The editor's chrome: the template picker and the View/Guided/Raw toggle.
|
|
///
|
|
/// Split out of `note_editor.dart` for file size. Stateless and callback-only
|
|
/// — every choice it offers is applied by `_NoteEditorState`, which owns the
|
|
/// template and mode. Guided hides this chrome entirely, so it is only ever
|
|
/// built in Preview and Raw.
|
|
library;
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:todo/data/note_template.dart';
|
|
import 'package:todo/ui/note_editor_mode.dart';
|
|
import 'package:todo/ui/template_glyphs.dart';
|
|
|
|
/// Template dropdown above a segmented View / Guided / Raw selector.
|
|
class NoteEditorChrome extends StatelessWidget {
|
|
/// Creates the chrome for [template] in [mode].
|
|
const NoteEditorChrome({
|
|
required this.template,
|
|
required this.mode,
|
|
required this.onTemplateSelected,
|
|
required this.onModeSelected,
|
|
super.key,
|
|
});
|
|
|
|
/// The template currently selected in the dropdown.
|
|
final NoteTemplate template;
|
|
|
|
/// The mode the segmented button shows as selected.
|
|
final NoteEditorMode mode;
|
|
|
|
/// Called with the template the user picked.
|
|
final ValueChanged<NoteTemplate> onTemplateSelected;
|
|
|
|
/// Called with the mode the user picked.
|
|
final ValueChanged<NoteEditorMode> onModeSelected;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
DropdownButtonFormField<String>(
|
|
initialValue: template.id,
|
|
decoration: const InputDecoration(
|
|
label: Icon(Icons.description, semanticLabel: 'Template'),
|
|
isDense: true,
|
|
border: OutlineInputBorder(),
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
),
|
|
items: [
|
|
for (final t in NoteTemplate.all)
|
|
DropdownMenuItem(value: t.id, child: templateGlyph(t)),
|
|
],
|
|
onChanged: (id) {
|
|
if (id == null) return;
|
|
onTemplateSelected(NoteTemplate.all.firstWhere((t) => t.id == id));
|
|
},
|
|
),
|
|
const SizedBox(height: 8),
|
|
Align(
|
|
alignment: Alignment.centerLeft,
|
|
child: SegmentedButton<NoteEditorMode>(
|
|
showSelectedIcon: false,
|
|
segments: [
|
|
const ButtonSegment(
|
|
value: NoteEditorMode.preview,
|
|
icon: Icon(Icons.visibility_outlined, semanticLabel: 'View'),
|
|
),
|
|
// Guided is offered for any structured template; tapping it
|
|
// on an empty draft opens the wizard, and is blocked at
|
|
// switch time if the raw text no longer conforms.
|
|
if (!template.isFreeform)
|
|
const ButtonSegment(
|
|
value: NoteEditorMode.guided,
|
|
icon: Icon(Icons.checklist, semanticLabel: 'Guided'),
|
|
),
|
|
const ButtonSegment(
|
|
value: NoteEditorMode.raw,
|
|
icon: Icon(Icons.notes, semanticLabel: 'Raw'),
|
|
),
|
|
],
|
|
selected: {mode},
|
|
onSelectionChanged: (s) => onModeSelected(s.first),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|