Skip to content

feat(ui): upgrade ExtensionTableView with TableToolbar, custom SQL filter, and async count calculation #329

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ZhuchkaTriplesix merged 1 commit into from
Jul 12, 2026
Merged

feat(ui): upgrade ExtensionTableView with TableToolbar, custom SQL filter, and async count calculation #329

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
176 changes: 176 additions & 0 deletions lib/features/extensions/extension_table_toolbar.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,176 @@
import 'package:flutter/material.dart' as material;
import 'package:querya_desktop/shared/widgets/widgets.dart';

/// Standard toolbar for [ExtensionTableView] with title, pagination chip, DDL inspection, custom filter toggle, and navigation.
class ExtensionTableToolbar extends material.StatelessWidget {
const ExtensionTableToolbar({
super.key,
required this.title,
required this.paginationLabel,
required this.tableIcon,
required this.loading,
required this.canGoPrevious,
required this.canGoNext,
required this.filterActive,
required this.filterText,
required this.onToggleFilter,
required this.onOpenDdl,
required this.onGoPrevious,
required this.onGoNext,
required this.onRefresh,
this.onCancelQuery,
});

final String title;
final String paginationLabel;
final material.IconData tableIcon;
final bool loading;
final bool canGoPrevious;
final bool canGoNext;
final bool filterActive;
final String filterText;
final VoidCallback onToggleFilter;
final VoidCallback onOpenDdl;
final VoidCallback onGoPrevious;
final VoidCallback onGoNext;
final VoidCallback onRefresh;
final VoidCallback? onCancelQuery;

@override
material.Widget build(material.BuildContext context) {
final cs = Theme.of(context).colorScheme;
final isFiltered = filterActive || filterText.trim().isNotEmpty;

return material.Container(
padding: const material.EdgeInsets.fromLTRB(16, 10, 16, 10),
decoration: material.BoxDecoration(
color: cs.card,
border: material.Border(
bottom: material.BorderSide(
color: cs.border.withValues(alpha: 0.5),
),
),
),
child: material.Row(
children: [
material.Icon(tableIcon, size: 18, color: cs.primary),
const Gap(8),
material.Expanded(
child: material.Text(
title,
style: material.TextStyle(
fontSize: 13,
fontWeight: material.FontWeight.w600,
color: cs.foreground,
),
overflow: material.TextOverflow.ellipsis,
maxLines: 1,
),
),
material.Expanded(
flex: 2,
child: material.LayoutBuilder(
builder: (context, constraints) {
return material.SingleChildScrollView(
scrollDirection: material.Axis.horizontal,
child: material.ConstrainedBox(
constraints: material.BoxConstraints(
minWidth: constraints.maxWidth,
),
child: material.Row(
mainAxisAlignment: material.MainAxisAlignment.end,
mainAxisSize: material.MainAxisSize.min,
children: [
material.Container(
padding: const material.EdgeInsets.symmetric(
horizontal: 8,
vertical: 3,
),
decoration: material.BoxDecoration(
color: cs.muted.withValues(alpha: 0.4),
borderRadius: material.BorderRadius.circular(4),
),
child: material.Text(
paginationLabel,
style: material.TextStyle(
fontSize: 11,
color: cs.mutedForeground,
),
),
),
const Gap(6),
OutlineButton(
size: ButtonSize.small,
onPressed: onOpenDdl,
leading: const material.Icon(
material.Icons.code_rounded,
size: 16,
),
child: const Text('DDL'),
),
const Gap(4),
OutlineButton(
size: ButtonSize.small,
onPressed: onToggleFilter,
leading: material.Icon(
isFiltered
? material.Icons.filter_alt_rounded
: material.Icons.filter_alt_outlined,
size: 15,
),
child: Text(isFiltered ? 'Filter (active)' : 'Filter'),
),
if (loading && onCancelQuery != null) ...[
const Gap(4),
OutlineButton(
size: ButtonSize.small,
onPressed: onCancelQuery,
leading: const material.Icon(
material.Icons.cancel_outlined,
size: 15,
),
child: const Text('Cancel'),
),
],
const Gap(4),
OutlineButton(
size: ButtonSize.small,
onPressed: canGoPrevious ? onGoPrevious : null,
leading: const material.Icon(
material.Icons.chevron_left_rounded,
size: 16,
),
child: const Text('Back'),
),
const Gap(4),
OutlineButton(
size: ButtonSize.small,
onPressed: canGoNext ? onGoNext : null,
leading: const material.Icon(
material.Icons.chevron_right_rounded,
size: 16,
),
child: const Text('Next'),
),
const Gap(8),
OutlineButton(
size: ButtonSize.small,
onPressed: loading ? null : onRefresh,
leading: const material.Icon(
material.Icons.refresh_rounded,
size: 14,
),
child: const Text('Refresh'),
),
],
),
),
);
},
),
),
],
),
);
}
}
Loading
Loading