From 2a74ccc18755370cbea28ef28bf09357e8efe621 Mon Sep 17 00:00:00 2001
From: Jill Stingray <stingray@jill.pl>
Date: Mon, 15 Jun 2020 21:18:23 +0300
Subject: [PATCH] Add scroll in messages

---
 Web/Presenters/templates/Messenger/App.xml | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/Web/Presenters/templates/Messenger/App.xml b/Web/Presenters/templates/Messenger/App.xml
index 3cdfa450..67c4f3e4 100644
--- a/Web/Presenters/templates/Messenger/App.xml
+++ b/Web/Presenters/templates/Messenger/App.xml
@@ -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 => {
+            
+            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) {