flutter/apidash
1
0
Fork 0
mirror of https://github.com/foss42/apidash.git synced 2025-12-02 02:39:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: split terminal level filter menu from terminal page

Browse Source
This commit is contained in:
Udhay-Adithya
2025-09-21 16:48:24 +05:30
parent d48819b787
commit 8114cc2f18
2 changed files with 181 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
lib/screens/terminal/terminal_page.dart
View File

@@ -9,6 +9,7 @@ import '../../widgets/field_search.dart';
import '../../widgets/terminal_tiles.dart';
import '../../widgets/empty_message.dart';
import 'package:apidash_design_system/apidash_design_system.dart';
import '../../widgets/terminal_level_filter_menu.dart';
class TerminalPage extends ConsumerStatefulWidget {
const TerminalPage({super.key});
@@ -45,7 +46,65 @@ class _TerminalPageState extends ConsumerState<TerminalPage> {
return Scaffold(
body: Column(
children: [
_buildToolbar(context, allEntries),
Padding(
padding: const EdgeInsets.fromLTRB(12, 8, 12, 8),
child: Row(
children: [
Expanded(
child: SearchField(
controller: _searchCtrl,
hintText: 'Search logs',
onChanged: (_) => setState(() {}),
),
),
const SizedBox(width: 8),
// Filter button
TerminalLevelFilterMenu(
selected: _selectedLevels,
onChanged: (set) => setState(() {
_selectedLevels
..clear()
..addAll(set);
}),
),
const SizedBox(width: 4),
Tooltip(
message: 'Show timestamps',
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Checkbox(
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
value: _showTimestamps,
onChanged: (v) =>
setState(() => _showTimestamps = v ?? false),
),
const Text('Timestamp', style: TextStyle(fontSize: 12)),
],
),
),
const Spacer(),
// Clear button
ADIconButton(
tooltip: 'Clear logs',
icon: Icons.delete_outline,
iconSize: 22,
onPressed: () {
ref.read(terminalStateProvider.notifier).clear();
},
),
const SizedBox(width: 4),
// Copy all button
CopyButton(
showLabel: false,
toCopy: ref
.read(terminalStateProvider.notifier)
.serializeAll(entries: allEntries),
),
],
),
),
const Divider(height: 1),
Expanded(
child: filtered.isEmpty
@@ -105,68 +164,6 @@ class _TerminalPageState extends ConsumerState<TerminalPage> {
);
}
Widget _buildToolbar(BuildContext context, List<TerminalEntry> allEntries) {
return Padding(
padding: const EdgeInsets.fromLTRB(12, 8, 12, 8),
child: Row(
children: [
Expanded(
child: SearchField(
controller: _searchCtrl,
hintText: 'Search logs',
onChanged: (_) => setState(() {}),
),
),
const SizedBox(width: 8),
// Filter button
_FilterMenu(
selected: _selectedLevels,
onChanged: (set) => setState(() {
_selectedLevels
..clear()
..addAll(set);
}),
),
const SizedBox(width: 4),
Tooltip(
message: 'Show timestamps',
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Checkbox(
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
value: _showTimestamps,
onChanged: (v) =>
setState(() => _showTimestamps = v ?? false),
),
const Text('Timestamp', style: TextStyle(fontSize: 12)),
],
),
),
const Spacer(),
// Clear button
ADIconButton(
tooltip: 'Clear logs',
icon: Icons.delete_outline,
iconSize: 22,
onPressed: () {
ref.read(terminalStateProvider.notifier).clear();
},
),
const SizedBox(width: 4),
// Copy all button
CopyButton(
showLabel: false,
toCopy: ref
.read(terminalStateProvider.notifier)
.serializeAll(entries: allEntries),
),
],
),
);
}
List<TerminalEntry> _applyFilters(List<TerminalEntry> entries) {
final q = _searchCtrl.text.trim().toLowerCase();
bool matches(TerminalEntry e) {
@@ -181,121 +178,3 @@ class _TerminalPageState extends ConsumerState<TerminalPage> {
return entries.where(matches).toList(growable: false);
}
}
class _FilterMenu extends StatelessWidget {
const _FilterMenu({
required this.selected,
required this.onChanged,
});
final Set<TerminalLevel> selected;
final ValueChanged<Set<TerminalLevel>> onChanged;
void _toggleLevel(TerminalLevel level) {
final next = selected.contains(level)
? (selected.toSet()..remove(level))
: (selected.toSet()..add(level));
onChanged(next);
}
@override
Widget build(BuildContext context) {
final all = TerminalLevel.values.toSet();
return PopupMenuButton<_MenuAction>(
tooltip: 'Filter',
icon: const Icon(Icons.filter_alt),
onSelected: (action) {
switch (action) {
case _MenuAction.toggleDebug:
_toggleLevel(TerminalLevel.debug);
break;
case _MenuAction.toggleInfo:
_toggleLevel(TerminalLevel.info);
break;
case _MenuAction.toggleWarn:
_toggleLevel(TerminalLevel.warn);
break;
case _MenuAction.toggleError:
_toggleLevel(TerminalLevel.error);
break;
case _MenuAction.selectAll:
onChanged(all);
break;
case _MenuAction.clearAll:
onChanged(<TerminalLevel>{});
break;
}
},
itemBuilder: (context) => [
CheckedPopupMenuItem<_MenuAction>(
value: _MenuAction.toggleError,
checked: selected.contains(TerminalLevel.error),
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.error_outline_rounded, color: Colors.red),
title: Text('Errors'),
),
),
CheckedPopupMenuItem<_MenuAction>(
value: _MenuAction.toggleWarn,
checked: selected.contains(TerminalLevel.warn),
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.warning_amber_outlined, color: Colors.amber),
title: Text('Warnings'),
),
),
CheckedPopupMenuItem<_MenuAction>(
value: _MenuAction.toggleInfo,
checked: selected.contains(TerminalLevel.info),
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.info_outline, color: Colors.blue),
title: Text('Info'),
),
),
CheckedPopupMenuItem<_MenuAction>(
value: _MenuAction.toggleDebug,
checked: selected.contains(TerminalLevel.debug),
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.bug_report_outlined),
title: Text('Debug'),
),
),
const PopupMenuDivider(),
PopupMenuItem<_MenuAction>(
value: _MenuAction.selectAll,
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.select_all),
title: Text('Select all'),
),
),
PopupMenuItem<_MenuAction>(
value: _MenuAction.clearAll,
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.clear_all),
title: Text('Clear selection'),
),
),
],
);
}
}
enum _MenuAction {
toggleDebug,
toggleInfo,
toggleWarn,
toggleError,
selectAll,
clearAll,
}

121
lib/widgets/terminal_level_filter_menu.dart Normal file
View File

@@ -0,0 +1,121 @@
import 'package:flutter/material.dart';
import '../consts.dart';
class TerminalLevelFilterMenu extends StatelessWidget {
const TerminalLevelFilterMenu({
super.key,
required this.selected,
required this.onChanged,
});
final Set<TerminalLevel> selected;
final ValueChanged<Set<TerminalLevel>> onChanged;
void _toggleLevel(TerminalLevel level) {
final next = selected.contains(level)
? (selected.toSet()..remove(level))
: (selected.toSet()..add(level));
onChanged(next);
}
@override
Widget build(BuildContext context) {
final all = TerminalLevel.values.toSet();
return PopupMenuButton<_MenuAction>(
tooltip: 'Filter',
icon: const Icon(Icons.filter_alt),
onSelected: (action) {
switch (action) {
case _MenuAction.toggleDebug:
_toggleLevel(TerminalLevel.debug);
break;
case _MenuAction.toggleInfo:
_toggleLevel(TerminalLevel.info);
break;
case _MenuAction.toggleWarn:
_toggleLevel(TerminalLevel.warn);
break;
case _MenuAction.toggleError:
_toggleLevel(TerminalLevel.error);
break;
case _MenuAction.selectAll:
onChanged(all);
break;
case _MenuAction.clearAll:
onChanged(<TerminalLevel>{});
break;
}
},
itemBuilder: (context) => [
CheckedPopupMenuItem<_MenuAction>(
value: _MenuAction.toggleError,
checked: selected.contains(TerminalLevel.error),
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.error_outline_rounded, color: Colors.red),
title: Text('Errors'),
),
),
CheckedPopupMenuItem<_MenuAction>(
value: _MenuAction.toggleWarn,
checked: selected.contains(TerminalLevel.warn),
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.warning_amber_outlined, color: Colors.amber),
title: Text('Warnings'),
),
),
CheckedPopupMenuItem<_MenuAction>(
value: _MenuAction.toggleInfo,
checked: selected.contains(TerminalLevel.info),
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.info_outline, color: Colors.blue),
title: Text('Info'),
),
),
CheckedPopupMenuItem<_MenuAction>(
value: _MenuAction.toggleDebug,
checked: selected.contains(TerminalLevel.debug),
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.bug_report_outlined),
title: Text('Debug'),
),
),
const PopupMenuDivider(),
PopupMenuItem<_MenuAction>(
value: _MenuAction.selectAll,
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.select_all),
title: Text('Select all'),
),
),
PopupMenuItem<_MenuAction>(
value: _MenuAction.clearAll,
child: const ListTile(
dense: true,
contentPadding: EdgeInsets.zero,
leading: Icon(Icons.clear_all),
title: Text('Clear selection'),
),
),
],
);
}
}
enum _MenuAction {
toggleDebug,
toggleInfo,
toggleWarn,
toggleError,
selectAll,
clearAll,
}