twonly-app/lib/src/views/chat_item_details_view.dart

import 'dart:collection';

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:provider/provider.dart';
import 'package:twonly/src/components/message_send_state_icon.dart';
import 'package:twonly/src/model/contacts_model.dart';
import 'package:twonly/src/model/json/message.dart';
import 'package:twonly/src/model/messages_model.dart';
import 'package:twonly/src/providers/api/api.dart';
import 'package:twonly/src/providers/download_change_provider.dart';
import 'package:twonly/src/providers/messages_change_provider.dart';
import 'package:twonly/src/views/media_viewer_view.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';

class ChatListEntry extends StatelessWidget {
  const ChatListEntry(this.message, this.user, this.lastMessageFromSameUser,
      {super.key});
  final DbMessage message;
  final Contact user;
  final bool lastMessageFromSameUser;

  @override
  Widget build(BuildContext context) {
    bool right = message.messageOtherId == null;
    MessageSendState state = message.getSendState();

    bool isDownloading = false;
    if (message.messageContent != null &&
        message.messageContent!.downloadToken != null) {
      isDownloading = context
          .watch<DownloadChangeProvider>()
          .currentlyDownloading
          .contains(message.messageContent!.downloadToken!);
    }

    Widget child = Container();

    switch (message.messageKind) {
      case MessageKind.textMessage:
        child = Container(
          constraints: BoxConstraints(
            maxWidth: MediaQuery.of(context).size.width * 0.8,
          ),
          padding: EdgeInsets.symmetric(
              vertical: 4, horizontal: 10), // Add some padding around the text
          decoration: BoxDecoration(
            color: right
                ? const Color.fromARGB(107, 124, 77, 255)
                : const Color.fromARGB(
                    83, 68, 137, 255), // Set the background color
            borderRadius: BorderRadius.circular(12.0), // Set border radius
          ),
          child: Text(
            message.messageContent!.text!,
            style: TextStyle(
              color: Colors.white, // Set text color for contrast
              fontSize: 17,
            ),
            textAlign: TextAlign.left, // Center the text
          ),
        );
        break;
      case MessageKind.image:
        Color color =
            message.messageKind.getColor(Theme.of(context).colorScheme.primary);
        child = GestureDetector(
          onTap: () {
            if (state == MessageSendState.received && !isDownloading) {
              if (message.isDownloaded) {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) {
                    return MediaViewerView(user, message);
                  }),
                );
              } else {
                List<int> token = message.messageContent!.downloadToken!;
                tryDownloadMedia(token, force: true);
              }
            }
          },
          child: Container(
            padding: EdgeInsets.all(10),
            width: 150,
            decoration: BoxDecoration(
              border: Border.all(
                color: color, // Set the background color
                width: 1.0, // Set the border width here
              ),
              borderRadius: BorderRadius.circular(12.0), // Set border radius
            ),
            child: Align(
              alignment: Alignment.centerRight,
              child: MessageSendStateIcon(
                message,
                mainAxisAlignment:
                    right ? MainAxisAlignment.center : MainAxisAlignment.center,
              ),
            ),
          ),
        );
      default:
        return Container();
    }
    return Align(
      alignment: right ? Alignment.centerRight : Alignment.centerLeft,
      child: Padding(
          padding: lastMessageFromSameUser
              ? EdgeInsets.only(top: 5, bottom: 0, right: 10, left: 10)
              : EdgeInsets.only(top: 5, bottom: 20, right: 10, left: 10),
          child: child),
    );
  }
}

/// Displays detailed information about a SampleItem.
class ChatItemDetailsView extends StatefulWidget {
  const ChatItemDetailsView({super.key, required this.user});

  final Contact user;

  @override
  State<ChatItemDetailsView> createState() => _ChatItemDetailsViewState();
}

class _ChatItemDetailsViewState extends State<ChatItemDetailsView> {
  List<DbMessage> _messages = [];
  int lastChangeCounter = 0;
  final TextEditingController newMessageController = TextEditingController();
  HashSet<int> alreadyReportedOpened = HashSet<int>();

  @override
  void initState() {
    super.initState();
    _loadAsync(updateOpenStatus: true);
  }

  Future _loadAsync({bool updateOpenStatus = false}) async {
    if (_messages.isEmpty) {
      _messages =
          await DbMessages.getAllMessagesForUser(widget.user.userId.toInt());
    } else {
      int lastMessageId = _messages.first.messageId;
      List<DbMessage> toAppend =
          await DbMessages.getAllMessagesForUserWithHigherMessageId(
              widget.user.userId.toInt(), lastMessageId);
      _messages.insertAll(0, toAppend);
    }

    setState(() {});

    if (updateOpenStatus) {
      _messages.where((x) => x.messageOpenedAt == null).forEach((message) {
        if (message.messageOtherId != null &&
            message.messageKind == MessageKind.textMessage) {
          if (!alreadyReportedOpened.contains(message.messageOtherId!)) {
            userOpenedOtherMessage(
                message.otherUserId, message.messageOtherId!);
            alreadyReportedOpened.add(message.messageOtherId!);
          }
        }
      });
    }
  }

  Future _sendMessage() async {
    String text = newMessageController.text;
    if (text == "") return;
    await sendTextMessage(widget.user.userId, newMessageController.text);
    newMessageController.clear();
  }

  @override
  Widget build(BuildContext context) {
    final changeCounter = context.watch<MessagesChangeProvider>().changeCounter;
    if (changeCounter.containsKey(widget.user.userId.toInt())) {
      if (changeCounter[widget.user.userId.toInt()] != lastChangeCounter) {
        _loadAsync(updateOpenStatus: true);
        lastChangeCounter = changeCounter[widget.user.userId.toInt()]!;
      }
    }
    return Scaffold(
      appBar: AppBar(
        title: Text(AppLocalizations.of(context)!
            .chatListDetailTitle(widget.user.displayName)),
      ),
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              itemCount: _messages.length, // Number of items in the list
              reverse: true,
              itemBuilder: (context, i) {
                bool lastMessageFromSameUser = false;
                if (i > 0) {
                  lastMessageFromSameUser =
                      (_messages[i - 1].messageOtherId == null &&
                              _messages[i].messageOtherId == null) ||
                          (_messages[i - 1].messageOtherId != null &&
                              _messages[i].messageOtherId != null);
                }
                return ChatListEntry(
                  _messages[i],
                  widget.user,
                  lastMessageFromSameUser,
                );
              },
            ),
          ),
          Padding(
            padding:
                const EdgeInsets.only(bottom: 30, left: 20, right: 20, top: 10),
            child: Row(
              children: [
                Expanded(
                  child: TextField(
                    controller: newMessageController,
                    onSubmitted: (_) {
                      _sendMessage();
                    },
                    decoration: InputDecoration(
                        hintText:
                            AppLocalizations.of(context)!.chatListDetailInput,
                        contentPadding: EdgeInsets.symmetric(horizontal: 10)
                        // border: OutlineInputBorder(),
                        ),
                  ),
                ),
                SizedBox(width: 8),
                IconButton(
                  icon: FaIcon(FontAwesomeIcons.solidPaperPlane),
                  onPressed: () {
                    _sendMessage();
                  },
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}