ssbg04/TIS_RMS
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(ui): polish user, settings, report screens

Browse Source 
Fix user reset modal overflow and user search sync. Make settings cards collapsible and clean top banners.
This commit is contained in:
ssbg04 committed 2026-09-13 23:38:39 +08:00
1 parent 470a8999a6
commit 7907c244b1
7 files changed
+703 -544
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/lib/ui/layouts/android_bottom_nav_layout.dart
+84
View File
@@ -135,6 +135,52 @@ class _AndroidBottomNavLayoutState extends ConsumerState<AndroidBottomNavLayout>
);
}
void _showUserSearchDialog(
BuildContext context,
WidgetRef ref,
) {
final currentSearch = ref.read(userSearchQueryProvider);
final searchController = TextEditingController(text: currentSearch);
final searchFocusNode = FocusNode();
WidgetsBinding.instance.addPostFrameCallback((_) {
searchFocusNode.requestFocus();
});
showDialog(
context: context,
barrierColor: Colors.black54,
builder: (ctx) {
final isDark = Theme.of(ctx).brightness == Brightness.dark;
return Align(
alignment: Alignment.topCenter,
child: Padding(
padding: const EdgeInsets.fromLTRB(16, kToolbarHeight + 24, 16, 0),
child: Material(
color: isDark ? AppColors.darkSurfaceCard : Colors.white,
elevation: 4,
borderRadius: BorderRadius.circular(12),
child: AppSearchBar(
controller: searchController,
focusNode: searchFocusNode,
collapsible: false,
hint: 'Search by username, name, email or role...',
maxWidth: 600,
onChanged: (value) {
ref.read(userSearchQueryProvider.notifier).state = value;
},
onSubmitted: (value) {
Navigator.of(ctx).pop();
ref.read(userSearchQueryProvider.notifier).state = value;
},
),
),
),
);
},
);
}
void _initTabs() {
final primaryTabsConfig = [
{
@@ -240,6 +286,7 @@ class _AndroidBottomNavLayoutState extends ConsumerState<AndroidBottomNavLayout>
ref.invalidate(yearlyComparisonProvider);
break;
case 'Users':
ref.read(userSearchQueryProvider.notifier).state = '';
ref.invalidate(usersProvider);
break;
case 'Settings':
@@ -615,6 +662,43 @@ class _AndroidBottomNavLayoutState extends ConsumerState<AndroidBottomNavLayout>
),
const SizedBox(width: 4),
],
if (activeTab == 'Users') ...[
// 1. Search Icon
Consumer(
builder: (context, ref, _) {
final query = ref.watch(userSearchQueryProvider);
return Tooltip(
message: query.isNotEmpty
? 'Clear Search'
: 'Search Users',
child: IconButton(
icon: Icon(
query.isNotEmpty
? Icons.close
: Icons.search,
size: 22,
),
onPressed: () {
if (query.isNotEmpty) {
ref.read(userSearchQueryProvider.notifier).state = '';
} else {
_showUserSearchDialog(context, ref);
}
},
),
);
},
),
// 2. Add User Button
Tooltip(
message: 'Add User',
child: IconButton(
icon: const Icon(Icons.person_add_rounded, size: 22),
onPressed: () => AddEditUserModal.show(context),
),
),
const SizedBox(width: 4),
],
],
),
drawer: Drawer(