Added user search in talk, currently with no further functionality

lib/view/pages/talk/chatList.dart

@@ -2,20 +2,21 @@
 import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:jiffy/jiffy.dart';
-import 'package:marianum_mobile/api/marianumcloud/talk/leaveRoom/leaveRoom.dart';
-import 'package:marianum_mobile/api/marianumcloud/talk/setReadMarker/setReadMarker.dart';
-import 'package:marianum_mobile/api/marianumcloud/talk/setReadMarker/setReadMarkerParams.dart';
 import 'package:persistent_bottom_nav_bar/persistent_tab_view.dart';
 import 'package:provider/provider.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 
 import '../../../api/marianumcloud/talk/chat/richObjectStringProcessor.dart';
+import '../../../api/marianumcloud/talk/leaveRoom/leaveRoom.dart';
 import '../../../api/marianumcloud/talk/room/getRoomResponse.dart';
 import '../../../api/marianumcloud/talk/setFavorite/setFavorite.dart';
+import '../../../api/marianumcloud/talk/setReadMarker/setReadMarker.dart';
+import '../../../api/marianumcloud/talk/setReadMarker/setReadMarkerParams.dart';
 import '../../../model/chatList/chatListProps.dart';
 import '../../../widget/confirmDialog.dart';
 import '../../../widget/unimplementedDialog.dart';
 import 'chatView.dart';
+import 'joinChat.dart';
 
 class ChatList extends StatefulWidget {
   const ChatList({Key? key}) : super(key: key);
@@ -59,6 +60,13 @@ class _ChatListState extends State<ChatList> {
           )
         ],
       ),
+      floatingActionButton: FloatingActionButton(
+        backgroundColor: Theme.of(context).primaryColor,
+        onPressed: () {
+          showSearch(context: context, delegate: JoinChat());
+        },
+        child: const Icon(Icons.add_comment_outlined),
+      ),
       body: Consumer<ChatListProps>(
         builder: (context, data, child) {
 

lib/view/pages/talk/joinChat.dart

@@ -0,0 +1,98 @@
+import 'dart:developer';
+
+import 'package:async/async.dart';
+import 'package:flutter/material.dart';
+
+import '../../../api/marianumcloud/autocomplete/autocompleteApi.dart';
+import '../../../api/marianumcloud/autocomplete/autocompleteResponse.dart';
+import '../../../widget/errorView.dart';
+
+class JoinChat extends SearchDelegate<String> {
+  CancelableOperation? future;
+
+  @override
+  List<Widget>? buildActions(BuildContext context) {
+    return [
+      if(future != null && query.isNotEmpty) FutureBuilder(
+        future: future!.value,
+        builder: (context, snapshot) {
+          if(snapshot.connectionState != ConnectionState.done) {
+            return Container(
+              padding: const EdgeInsets.all(10),
+              child: const Center(
+                child: SizedBox(
+                  height: 20,
+                  width: 20,
+                  child: CircularProgressIndicator(
+                    strokeWidth: 3,
+                  ),
+                ),
+              ),
+            );
+          }
+          return const SizedBox.shrink();
+        },
+      ),
+      if(query.isNotEmpty) IconButton(onPressed: () => query = "", icon: const Icon(Icons.delete)),
+    ];
+  }
+
+  @override
+  Widget? buildLeading(BuildContext context) {
+    return null;
+  }
+
+  @override
+  Widget buildResults(BuildContext context) {
+    if(future != null) future!.cancel();
+
+    log("search started");
+    if(query.isEmpty) {
+      return const ErrorView(
+        text: "Suche nach benutzern",
+        icon: Icons.person_search_outlined,
+      );
+    }
+
+    future = CancelableOperation.fromFuture(AutocompleteApi().find(query));
+    return FutureBuilder(
+      future: future!.value,
+      builder: (context, snapshot) {
+        if(snapshot.hasData) {
+          return ListView.builder(
+            itemCount: snapshot.data!.data.length,
+            itemBuilder: (context, index) {
+              AutocompleteResponseObject object = snapshot.data!.data[index];
+              CircleAvatar circleAvatar = CircleAvatar(
+                foregroundImage: Image.network("https://cloud.marianum-fulda.de/avatar/${object.id}/128").image,
+                backgroundColor: Theme.of(context).primaryColor,
+                foregroundColor: Colors.white,
+                child: const Icon(Icons.person),
+              );
+              return ListTile(
+                leading: circleAvatar,
+                title: Text(object.label),
+                subtitle: Text(object.id),
+                trailing: const Icon(Icons.arrow_right),
+                onTap: () {
+                  close(context, object.id);
+                },
+              );
+            }
+          );
+        } else if(snapshot.hasError) {
+          log(snapshot.error.toString());
+          return ErrorView(text: snapshot.error.toString());
+        }
+
+        return const Center(child: CircularProgressIndicator());
+      },
+    );
+  }
+
+  @override
+  Widget buildSuggestions(BuildContext context) {
+    return buildResults(context);
+  }
+
+}