2
0
mirror of https://github.com/inventree/inventree-app.git synced 2025-04-28 05:26:47 +00:00

Refactor search

This commit is contained in:
Oliver Walters 2021-03-05 21:07:58 +11:00
parent fe2913529b
commit a6de7d619a
4 changed files with 77 additions and 117 deletions

View File

@ -46,6 +46,7 @@ class _CategoryDisplayState extends RefreshableState<CategoryDisplayWidget> {
List<Widget> actions = [];
/*
actions.add(
IconButton(
icon: FaIcon(FontAwesomeIcons.search),
@ -64,6 +65,7 @@ class _CategoryDisplayState extends RefreshableState<CategoryDisplayWidget> {
}
)
);
*/
if ((category != null) && InvenTreeAPI().checkPermission('part_category', 'change')) {
actions.add(
@ -361,7 +363,7 @@ class _PaginatedPartListState extends State<PaginatedPartList> {
static const _pageSize = 25;
String _searchTerm;
String _searchTerm = "";
Function onTotalChanged;
@ -393,9 +395,7 @@ class _PaginatedPartListState extends State<PaginatedPartList> {
Map<String, String> params = filters;
if (_searchTerm != null && _searchTerm.isNotEmpty) {
params["search"] = _searchTerm;
}
params["search"] = _searchTerm ?? "";
final bool cascade = await InvenTreeSettingsManager().getValue("partSubcategory", false);
params["cascade"] = "${cascade}";
@ -459,8 +459,13 @@ class _PaginatedPartListState extends State<PaginatedPartList> {
);
}
void updateSearchTerm(String searchTerm) {
_searchTerm = searchTerm;
final TextEditingController searchController = TextEditingController();
void updateSearchTerm() {
print("Search Term: '${_searchTerm}'");
_searchTerm = searchController.text;
_pagingController.refresh();
}
@ -469,10 +474,7 @@ class _PaginatedPartListState extends State<PaginatedPartList> {
return Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
PaginatedSearch(
callback: updateSearchTerm,
results: resultCount
),
PaginatedSearchWidget(searchController, updateSearchTerm, resultCount),
Expanded(
child: CustomScrollView(
shrinkWrap: true,
@ -496,26 +498,5 @@ class _PaginatedPartListState extends State<PaginatedPartList> {
)
],
);
return CustomScrollView(
shrinkWrap: true,
physics: ClampingScrollPhysics(),
scrollDirection: Axis.vertical,
slivers: <Widget>[
// TODO: Introduce searching within the list
PaginatedSearch(callback: updateSearchTerm),
PagedSliverList.separated(
pagingController: _pagingController,
builderDelegate: PagedChildBuilderDelegate<InvenTreePart>(
itemBuilder: (context, item, index) {
return _buildPart(context, item);
},
noItemsFoundIndicatorBuilder: (context) {
return NoResultsWidget("No parts found");
}
),
separatorBuilder: (context, index) => const Divider(height: 1),
),
]
);
}
}

View File

@ -46,6 +46,7 @@ class _LocationDisplayState extends RefreshableState<LocationDisplayWidget> {
List<Widget> actions = [];
/*
actions.add(
IconButton(
icon: FaIcon(FontAwesomeIcons.search),
@ -64,6 +65,7 @@ class _LocationDisplayState extends RefreshableState<LocationDisplayWidget> {
}
),
);
*/
if ((location != null) && (InvenTreeAPI().checkPermission('stock_location', 'change'))) {
actions.add(
@ -247,30 +249,7 @@ class _LocationDisplayState extends RefreshableState<LocationDisplayWidget> {
children: detailTiles(),
);
case 1:
return Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
locationDescriptionCard(includeActions: false),
ListTile(
title: Text(
I18N.of(context).stockItems,
style: TextStyle(fontWeight: FontWeight.bold),
),
trailing: Text("${stockItemCount}")
),
Divider(height: 3),
Expanded(
child: PaginatedStockList(
filters,
onTotalChanged: (int total) {
setState(() {
stockItemCount = total;
});
}
),
)
]
);
return PaginatedStockList(filters);
case 2:
return ListView(
children: ListTile.divideTiles(
@ -414,12 +393,10 @@ class PaginatedStockList extends StatefulWidget {
final Map<String, String> filters;
Function onTotalChanged;
PaginatedStockList(this.filters, {this.onTotalChanged});
PaginatedStockList(this.filters);
@override
_PaginatedStockListState createState() => _PaginatedStockListState(filters, onTotalChanged);
_PaginatedStockListState createState() => _PaginatedStockListState(filters);
}
@ -427,13 +404,11 @@ class _PaginatedStockListState extends State<PaginatedStockList> {
static const _pageSize = 25;
String _searchTerm;
String _searchTerm = "";
final Map<String, String> filters;
Function onTotalChanged;
_PaginatedStockListState(this.filters, this.onTotalChanged);
_PaginatedStockListState(this.filters);
final PagingController<int, InvenTreeStockItem> _pagingController = PagingController(firstPageKey: 0);
@ -452,14 +427,14 @@ class _PaginatedStockListState extends State<PaginatedStockList> {
super.dispose();
}
int resultCount = 0;
Future<void> _fetchPage(int pageKey) async {
try {
Map<String, String> params = this.filters;
if (_searchTerm != null && _searchTerm.isNotEmpty) {
params["search"] = "${_searchTerm}";
}
params["search"] = "${_searchTerm}";
// Do we include stock items from sub-locations?
final bool cascade = await InvenTreeSettingsManager().getValue("stockSublocation", false);
@ -484,9 +459,9 @@ class _PaginatedStockListState extends State<PaginatedStockList> {
_pagingController.appendPage(items, nextPageKey);
}
if (onTotalChanged != null) {
onTotalChanged(page.count);
}
setState(() {
resultCount = page.count;
});
} catch (error) {
_pagingController.error = error;
@ -519,25 +494,40 @@ class _PaginatedStockListState extends State<PaginatedStockList> {
);
}
final TextEditingController searchController = TextEditingController();
void updateSearchTerm() {
_searchTerm = searchController.text;
_pagingController.refresh();
}
@override
Widget build (BuildContext context) {
return CustomScrollView(
shrinkWrap: true,
physics: ClampingScrollPhysics(),
scrollDirection: Axis.vertical,
slivers: <Widget>[
// TODO - Search input
PagedSliverList.separated(
pagingController: _pagingController,
builderDelegate: PagedChildBuilderDelegate<InvenTreeStockItem>(
itemBuilder: (context, item, index) {
return _buildItem(context, item);
},
noItemsFoundIndicatorBuilder: (context) {
return NoResultsWidget("No stock items found");
}
),
separatorBuilder: (context, item) => const Divider(height: 1),
return Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
PaginatedSearchWidget(searchController, updateSearchTerm, resultCount),
Expanded(
child: CustomScrollView(
shrinkWrap: true,
physics: ClampingScrollPhysics(),
scrollDirection: Axis.vertical,
slivers: <Widget>[
// TODO - Search input
PagedSliverList.separated(
pagingController: _pagingController,
builderDelegate: PagedChildBuilderDelegate<InvenTreeStockItem>(
itemBuilder: (context, item, index) {
return _buildItem(context, item);
},
noItemsFoundIndicatorBuilder: (context) {
return NoResultsWidget("No stock items found");
}
),
separatorBuilder: (context, item) => const Divider(height: 1),
)
]
)
)
]
);

View File

@ -5,22 +5,34 @@ import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
class PaginatedSearch extends StatelessWidget {
class PaginatedSearchWidget extends StatelessWidget {
Function callback;
Function onChanged;
int results = 0;
PaginatedSearch({this.callback, this.results});
TextEditingController controller;
PaginatedSearchWidget(this.controller, this.onChanged, this.results);
@override
Widget build(BuildContext context) {
return ListTile(
leading: FaIcon(FontAwesomeIcons.search),
title: TextField(
leading: GestureDetector(
child: FaIcon(controller.text.isEmpty ? FontAwesomeIcons.search : FontAwesomeIcons.backspace),
onTap: () {
if (onChanged != null) {
controller.clear();
onChanged();
}
},
),
title: TextFormField(
controller: controller,
onChanged: (value) {
if (callback != null) {
callback(value);
if (onChanged != null) {
onChanged();
}
},
decoration: InputDecoration(

View File

@ -441,30 +441,7 @@ class _PartDisplayState extends RefreshableState<PartDetailWidget> {
),
);
case 1:
return Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
headerTile(),
ListTile(
title: Text(
I18N.of(context).stockItems,
style: TextStyle(fontWeight: FontWeight.bold),
),
trailing: Text("${stockItemCount}")
),
Divider(height: 3),
Expanded(
child: PaginatedStockList(
{"part": "${part.pk}"},
onTotalChanged: (int total) {
setState(() {
stockItemCount = total;
});
},
)
)
],
);
return PaginatedStockList({"part": "${part.pk}"});
case 2:
return Center(
child: ListView(