Client/lib/view/pages/talk/chatList.dart

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/room/getRoomResponse.dart';
import '../../../api/marianumcloud/talk/setFavorite/setFavorite.dart';
import '../../../model/chatList/chatListProps.dart';
import '../../../widget/confirmDialog.dart';
import '../../../widget/unimplementedDialog.dart';
import 'chatView.dart';

class ChatList extends StatefulWidget {
  const ChatList({Key? key}) : super(key: key);

  @override
  State<ChatList> createState() => _ChatListState();
}

class _ChatListState extends State<ChatList> {
  late String username;

  @override
  void initState() {
    super.initState();

    SharedPreferences.getInstance().then((value) => {
      username = value.getString("username")!
    });

    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      _query();
    });
  }

  void _query({bool renew = false}) {
    Provider.of<ChatListProps>(context, listen: false).run(renew: renew);
  }

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(
        title: const Text("Talk"),
        actions: [
          IconButton(
            icon: const Icon(Icons.search),
            onPressed: () => {
              UnimplementedDialog.show(context)
            },
          )
        ],
      ),
      body: Consumer<ChatListProps>(
        builder: (context, data, child) {

          if(data.primaryLoading()) {
            return const Center(child: CircularProgressIndicator());
          }

          List<ListTile> chats = List<ListTile>.empty(growable: true);

          for (var chatRoom in data.getRoomsResponse.sortByLastActivity()) {
            
            setCurrentAsRead() {
              SetReadMarker(
                chatRoom.token,
                true,
                setReadMarkerParams: SetReadMarkerParams(
                  lastReadMessage: chatRoom.lastMessage.id
                )
              ).run().then((value) => _query(renew: true));
            }

            CircleAvatar circleAvatar = CircleAvatar(
              foregroundImage: chatRoom.type == GetRoomResponseObjectConversationType.oneToOne ? Image.network("https://cloud.marianum-fulda.de/avatar/${chatRoom.name}/128").image : null,
              backgroundColor: Theme.of(context).primaryColor,
              foregroundColor: Colors.white,
              child: chatRoom.type == GetRoomResponseObjectConversationType.group ? const Icon(Icons.group) : const Icon(Icons.person),
            );

            chats.add(ListTile(
              leading: Stack(
                children: [
                  circleAvatar,
                  Visibility(
                    visible: chatRoom.isFavorite,
                    child: Positioned(
                      right: 0,
                      bottom: 0,
                      child: Container(
                        padding: const EdgeInsets.all(1),
                        decoration: BoxDecoration(
                          color: Theme.of(context).primaryColor.withAlpha(200),
                          borderRadius: BorderRadius.circular(90.0),
                        ),
                        child: const Icon(Icons.star, color: Colors.amberAccent, size: 15),
                      ),
                    ),
                  )
                ],
              ),
              title: Text(chatRoom.displayName),
              subtitle: Text("${Jiffy.parseFromMillisecondsSinceEpoch(chatRoom.lastMessage.timestamp * 1000).fromNow()}: ${RichObjectStringProcessor.parseToString(chatRoom.lastMessage.message.replaceAll("\n", " "), chatRoom.lastMessage.messageParameters)}", overflow: TextOverflow.ellipsis),
              trailing: Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Visibility(
                    visible: chatRoom.unreadMessages > 0,
                    child: Container(
                      padding: const EdgeInsets.all(1),
                      decoration: BoxDecoration(
                        color: Theme.of(context).primaryColor,
                        borderRadius: BorderRadius.circular(30),
                      ),
                      constraints: const BoxConstraints(
                        minWidth: 20,
                        minHeight: 20,
                      ),
                      child: Text(
                        "${chatRoom.unreadMessages}",
                        style: const TextStyle(
                          color: Colors.white,
                          fontSize: 15,
                        ),
                        textAlign: TextAlign.center,
                      ),
                    ),
                  ),
                ],
              ),
              onTap: () async {
                setCurrentAsRead();
                PersistentNavBarNavigator.pushNewScreen(
                    context,
                    screen: ChatView(room: chatRoom, selfId: username, avatar: circleAvatar),
                    withNavBar: false
                );
              },
              onLongPress: () {
                showDialog(context: context, builder: (context) => SimpleDialog(
                  children: [
                    Visibility(
                      visible: chatRoom.unreadMessages > 0,
                      replacement: ListTile(
                        leading: const Icon(Icons.mark_chat_unread_outlined),
                        title: const Text("Als ungelesen markieren"),
                        onTap: () {
                          SetReadMarker(chatRoom.token, false).run().then((value) => _query(renew: true));
                          Navigator.of(context).pop();
                        },
                      ),
                      child: ListTile(
                        leading: const Icon(Icons.mark_chat_read_outlined),
                        title: const Text("Als gelesen markieren"),
                        onTap: () {
                          setCurrentAsRead();
                          Navigator.of(context).pop();
                        },
                      ),
                    ),
                    Visibility(
                      visible: chatRoom.isFavorite,
                      replacement: ListTile(
                        leading: const Icon(Icons.star_outline),
                        title: const Text("Zu favoriten hinzufügen"),
                        onTap: () {
                          SetFavorite(chatRoom.token, true).run().then((value) => _query(renew: true));
                          Navigator.of(context).pop();
                        },
                      ),
                      child: ListTile(
                        leading: const Icon(Icons.stars_outlined),
                        title: const Text("Von favoriten entfernen"),
                        onTap: () {
                          SetFavorite(chatRoom.token, false).run().then((value) => _query(renew: true));
                          Navigator.of(context).pop();
                        },
                      ),
                    ),
                    ListTile(
                      leading: const Icon(Icons.delete_outline),
                      title: const Text("Konversation verlassen"),
                      onTap: () {
                        ConfirmDialog(
                          title: "Chat verlassen",
                          content: "Du benötigst ggf. eine Einladung um erneut beizutreten.",
                          confirmButton: "Löschen",
                          onConfirm: () {
                            LeaveRoom(chatRoom.token).run().then((value) => _query(renew: true));
                            Navigator.of(context).pop();
                          },
                        ).asDialog(context);
                      },
                    ),
                  ],
                ));
              },
            ));
          }

          return RefreshIndicator(
            color: Theme.of(context).primaryColor,
            onRefresh: () {
              _query(renew: true);
              return Future.delayed(const Duration(seconds: 3));
            },
            child: ListView(children: chats),
          );
        },
      ),
    );
  }
}