[WIP] TW-1399: counter update on scroll

[Te-Z]

Issue: #1399

To do:

• when read marker is set, the last item in the list (at the bottom) is not marked as read
• when there's more than 30 events to read and the next page load, there's still an autoscroll to the bottom

[github-actions]

This PR has been deployed to https://linagora.github.io/twake-on-matrix/1619

[nqhhdev]

Why you delete it?
It's related to display unread message

[Te-Z]

I did not really deleted it: this variable was only used in _findUnreadReceivedMessages which I had to slightly modify:

twake-on-matrix/lib/pages/chat/chat.dart

Lines 262 to 293 in 85d942e

	String? _findUnreadReceivedMessageId(String fullyRead) {
	final unreadEvents = findUnreadReceivedMessages(fullyRead);
	Logs().d(
	"Chat::getFirstUnreadEvent(): Last unread event ${unreadEvents.last}",
	);
	return unreadEvents.isEmpty ? null : unreadEvents.last.eventId;
	}
	List<Event> findUnreadReceivedMessages(String fullyRead) {
	final events = timeline!.events;
	if (fullyRead != '' && fullyRead.isNotEmpty) {
	final lastIndexReadEvent = events.indexWhere(
	(event) => event.eventId == fullyRead,
	);
	if (lastIndexReadEvent > 0) {
	final afterFullyRead = events.getRange(0, lastIndexReadEvent);
	final unreadEvents = afterFullyRead
	.where((event) => event.senderId != client.userID)
	.toList();
	if (unreadEvents.isEmpty) return <Event>[];
	return unreadEvents;
	}
	} else {
	return <Event>[];
	}
	return <Event>[];
	}

[nqhhdev]

Why you delete it?
It's related to diplay timestamp when you scrolling

[Te-Z]

I did not, I just added a widget above:

twake-on-matrix/lib/pages/chat/chat_event_list.dart

Lines 88 to 95 in 85d942e

	child: ValueListenableBuilder(
	valueListenable: controller.lastScrollDirection,
	builder: (context, lastScrollDirection, _) =>
	InViewNotifierListCustom(
	isInViewPortCondition: controller.isInViewPortCondition,
	listViewCustom: ListView.custom(
	padding: EdgeInsets.only(
	top: 16,

[Te-Z]

@hoangdat @nqhhdev Here's the video of the autoscroll which mark everything as read. FYI I did not click on the right button which jumps to the first message.

Capture.video.du.25-03-2024.10.38.18.webm

[Te-Z]

@hoangdat @nqhhdev Here's the video of the autoscroll which mark everything as read. FYI I did not click on the right button which jumps to the first message.

Capture.video.du.25-03-2024.10.38.18.webm

Issue created for this: #1634

[nqhhdev]

IMO: No need, InViewNotifierListCustom is enough so you can detect a message when scrolled over

[Te-Z]

The problem when using InViewNotifierListCustom for our purpose is that currently it checks the top of the screen to handle the display of the time stamp. But the notifications are updated when they are visible at the bottom of the screen.
I tried to expand the InViewNotifierListCustom but it impact negatively the time stamp appearance. That's why I had to use VisibilityDetector