arabianq/watch-together-yandex-disk
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix chat scrolling

Browse Source
This commit is contained in:
Tarasov Aleksandr
2025-07-21 08:36:58 +03:00
parent f51072af98
commit 91dde4052e
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/pages/room.py
+14 -4
View File
@@ -75,7 +75,7 @@ def _draw_users_list(room_uid: str, users_card: ui.card):
ui.label(user.username) ui.label(user.username)
def _draw_messages(room_uid: str, current_user_uid: str, messages_scroll_area: ui.scroll_area): def _draw_messages(room_uid: str, current_user_uid: str, messages_scroll_area: ui.scroll_area, scroll_position: dict):
messages_scroll_area.clear() messages_scroll_area.clear()
room = globals.ROOMS_DATABASE.by_uid[room_uid] room = globals.ROOMS_DATABASE.by_uid[room_uid]
with messages_scroll_area: with messages_scroll_area:
@@ -83,7 +83,9 @@ def _draw_messages(room_uid: str, current_user_uid: str, messages_scroll_area: u
user = globals.USERS_DATABASE.by_uid.get(user_uid) user = globals.USERS_DATABASE.by_uid.get(user_uid)
username = user.username if user else "DELETED" username = user.username if user else "DELETED"
ui.chat_message(name=username, text=message_text, sent=user_uid == current_user_uid).classes("w-full") ui.chat_message(name=username, text=message_text, sent=user_uid == current_user_uid).classes("w-full")
messages_scroll_area.scroll_to(percent=100)
if scroll_position["_"] == 1:
messages_scroll_area.scroll_to(percent=100)
def _draw_seasons(room_uid: str, tmdb_id: int, seasons_column: ui.column, video_player: PlyrVideoPlayer, def _draw_seasons(room_uid: str, tmdb_id: int, seasons_column: ui.column, video_player: PlyrVideoPlayer,
@@ -222,17 +224,25 @@ async def page(room_uid: str):
messages_card.style("min-height: 39vh; max-height: 39vh;") messages_card.style("min-height: 39vh; max-height: 39vh;")
with messages_card: with messages_card:
messages_scroll_area = ui.scroll_area().classes("w-full") messages_scroll_position = {"_": 0}
def on_messages_scroll(e):
messages_scroll_position["_"] = e.vertical_percentage
messages_scroll_area = ui.scroll_area(on_scroll=on_messages_scroll).classes("w-full")
def send_message(): def send_message():
if text := message_input.value.strip(): if text := message_input.value.strip():
globals.ROOMS_DATABASE.by_uid[room_uid].messages.append((user.uid, text)) globals.ROOMS_DATABASE.by_uid[room_uid].messages.append((user.uid, text))
message_input.value = ""
_draw_messages(room_uid, user.uid, messages_scroll_area, messages_scroll_position)
messages_scroll_area.scroll_to(percent=100)
with ui.row(wrap=False).classes("w-full justify-between"): with ui.row(wrap=False).classes("w-full justify-between"):
message_input = ui.input("Message").classes("w-full") message_input = ui.input("Message").classes("w-full")
ui.button(icon="send", on_click=send_message) ui.button(icon="send", on_click=send_message)
ui.timer(0.1, partial(_draw_messages, room_uid, user.uid, messages_scroll_area)) ui.timer(0.1, partial(_draw_messages, room_uid, user.uid, messages_scroll_area, messages_scroll_position))
with player_card: with player_card:
video_player = PlyrVideoPlayer(src="", poster_url="", minimal=portrait) video_player = PlyrVideoPlayer(src="", poster_url="", minimal=portrait)