mirror of
https://github.com/openvk/openvk
synced 2024-12-23 00:51:03 +03:00
Add scroll in messages
This commit is contained in:
parent
650516af00
commit
2a74ccc187
1 changed files with 11 additions and 3 deletions
|
@ -17,7 +17,7 @@
|
|||
|
||||
{block wrap}
|
||||
<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 class="messenger-app--messages---message">
|
||||
<img class="ava" data-bind="attr: { src: sender.avatar, alt: sender.name }" />
|
||||
|
@ -65,13 +65,21 @@
|
|||
window.messages = ko.observableArray(initialMessages);
|
||||
this.messages = window.messages;
|
||||
this.messageContent = ko.observable("");
|
||||
|
||||
this.sendMessage = model => {
|
||||
if(model.messageContent() === "") return false;
|
||||
|
||||
window.Msg.sendMessage(model.messageContent());
|
||||
model.messageContent("");
|
||||
}
|
||||
};
|
||||
this.loadHistory = _ => {
|
||||
window.Msg._loadHistory();
|
||||
};
|
||||
|
||||
this.onMessagesScroll = (model, e) => {
|
||||
if(e.target.scrollTop < 21)
|
||||
model.loadHistory();
|
||||
};
|
||||
this.onTextareaKeyPress = (model, e) => {
|
||||
if(e.which === 13) {
|
||||
if(!e.metaKey && !e.shiftKey) {
|
||||
|
|
Loading…
Reference in a new issue