Fix for search screen

- Change input and controller
- Add focus node
- Add "searching" indicator

assets/release_notes.md

@@ -1,6 +1,11 @@
 ## InvenTree App Release Notes
 ---
 
+### 0.7.1 - May 2022
+---
+
+- Fixes issue which prevented text input in search window
+
 ### 0.7.0 - May 2022
 ---
 

lib/l10n/app_en.arb

@@ -797,6 +797,9 @@
     "description": "search"
   },
 
+  "searching": "Searching",
+  "@searching": {},
+
   "searchLocation": "Search for location",
   "@searchLocation": {},
 

lib/widget/search.dart

@@ -36,6 +36,19 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
 
   final bool hasAppBar;
 
+  @override
+  void initState() {
+    super.initState();
+
+    _focusNode = FocusNode();
+  }
+
+  @override
+  void dispose() {
+    _focusNode.dispose();
+    super.dispose();
+  }
+
   @override
   String getAppBarTitle(BuildContext context) => L10().search;
 
@@ -52,6 +65,17 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
 
   Timer? debounceTimer;
 
+  bool isSearching() {
+
+    if (searchController.text.isEmpty) {
+      return false;
+    }
+
+    return nSearchResults < 6;
+  }
+
+  int nSearchResults = 0;
+
   int nPartResults = 0;
 
   int nCategoryResults = 0;
@@ -64,6 +88,8 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
 
   int nPurchaseOrderResults = 0;
 
+  late FocusNode _focusNode;
+
   // Callback when the text is being edited
   // Incorporates a debounce timer to restrict search frequency
   void onSearchTextChanged(String text, {bool immediate = false}) {
@@ -84,6 +110,10 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
 
   Future<void> search(String term) async {
 
+    setState(() {
+      nSearchResults = 0;
+    });
+
     if (term.isEmpty) {
       setState(() {
         // Do not search on an empty string
@@ -93,6 +123,8 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
         nLocationResults = 0;
         nSupplierResults = 0;
         nPurchaseOrderResults = 0;
+
+        nSearchResults = 0;
       });
 
       return;
@@ -104,6 +136,8 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
     ).then((int n) {
       setState(() {
         nPartResults = n;
+
+        nSearchResults++;
       });
     });
 
@@ -113,6 +147,8 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
     ).then((int n) {
       setState(() {
         nCategoryResults = n;
+
+        nSearchResults++;
       });
     });
 
@@ -122,6 +158,8 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
     ).then((int n) {
       setState(() {
         nStockResults = n;
+
+        nSearchResults++;
       });
     });
 
@@ -131,6 +169,8 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
     ).then((int n) {
       setState(() {
         nLocationResults = n;
+
+        nSearchResults++;
       });
     });
 
@@ -143,6 +183,7 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
     ).then((int n) {
       setState(() {
         nSupplierResults = n;
+        nSearchResults++;
       });
     });
 
@@ -155,6 +196,7 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
     ).then((int n) {
       setState(() {
         nPurchaseOrderResults = n;
+        nSearchResults++;
       });
     });
 
@@ -166,29 +208,31 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
 
     // Search input
     tiles.add(
-      InputDecorator(
+      TextFormField(
         decoration: InputDecoration(
+          hintText: L10().queryEmpty,
+          prefixIcon: IconButton(
+            icon: FaIcon(FontAwesomeIcons.search),
+            onPressed: null,
+          ),
+          suffixIcon: IconButton(
+            icon: FaIcon(FontAwesomeIcons.backspace, color: Colors.red),
+            onPressed: () {
+              searchController.clear();
+              onSearchTextChanged("", immediate: true);
+              _focusNode.requestFocus();
+            }
+          ),
         ),
-        child: ListTile(
-          title: TextField(
         readOnly: false,
-            decoration: InputDecoration(
-              helperText: L10().queryEmpty,
-            ),
+        autofocus: true,
+        autocorrect: false,
+        focusNode: _focusNode,
         controller: searchController,
         onChanged: (String text) {
           onSearchTextChanged(text);
         },
       ),
-          trailing: IconButton(
-            icon: FaIcon(FontAwesomeIcons.backspace, color: Colors.red),
-            onPressed: () {
-              searchController.clear();
-              onSearchTextChanged("", immediate: true);
-            },
-          ),
-        )
-      )
     );
 
     String query = searchController.text;
@@ -335,7 +379,17 @@ class _SearchDisplayState extends RefreshableState<SearchWidget> {
       );
     }
 
-    if (results.isEmpty && searchController.text.isNotEmpty) {
+    if (isSearching()) {
+      tiles.add(
+        ListTile(
+          title: Text(L10().searching),
+          leading: FaIcon(FontAwesomeIcons.search),
+          trailing: CircularProgressIndicator(),
+        )
+      );
+    }
+
+    if (!isSearching() && results.isEmpty && searchController.text.isNotEmpty) {
       tiles.add(
         ListTile(
           title: Text(L10().queryNoResults),