Lanmikeman/openvk
Lanmikeman/openvk
1
1
Fork 0
mirror of https://github.com/openvk/openvk synced 2024-09-21 08:36:17 +03:00
Code Issues Projects Releases Packages Wiki Activity

Add scroll in messages

Browse source
This commit is contained in:
Jill Stingray 2020-06-15 21:18:23 +03:00
parent 650516af00
commit 2a74ccc187
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
Web/Presenters/templates/Messenger/App.xml
View file

@ -17,7 +17,7 @@
{block wrap} {block wrap}
<div class="messenger-app"> <div class="messenger-app">
<div class="messenger-app--messages"> <div class="messenger-app--messages" data-bind="event: { scroll: onMessagesScroll }">
<div data-bind="foreach: messages"> <div data-bind="foreach: messages">
<div class="messenger-app--messages---message"> <div class="messenger-app--messages---message">
<img class="ava" data-bind="attr: { src: sender.avatar, alt: sender.name }" /> <img class="ava" data-bind="attr: { src: sender.avatar, alt: sender.name }" />
@ -65,13 +65,21 @@
window.messages = ko.observableArray(initialMessages); window.messages = ko.observableArray(initialMessages);
this.messages = window.messages; this.messages = window.messages;
this.messageContent = ko.observable(""); this.messageContent = ko.observable("");
this.sendMessage = model => { this.sendMessage = model => {
if(model.messageContent() === "") return false; if(model.messageContent() === "") return false;
window.Msg.sendMessage(model.messageContent()); window.Msg.sendMessage(model.messageContent());
model.messageContent(""); model.messageContent("");
} };
this.loadHistory = _ => {
window.Msg._loadHistory();
};
this.onMessagesScroll = (model, e) => {
if(e.target.scrollTop < 21)
model.loadHistory();
};
this.onTextareaKeyPress = (model, e) => { this.onTextareaKeyPress = (model, e) => {
if(e.which === 13) { if(e.which === 13) {
if(!e.metaKey && !e.shiftKey) { if(!e.metaKey && !e.shiftKey) {