From f645952d0a12e715406e430e65358be202e57d6d Mon Sep 17 00:00:00 2001
From: mivinac <110471032+mivinac@users.noreply.github.com>
Date: Thu, 16 Feb 2023 04:15:13 +0300
Subject: [PATCH 1/5] Created app.xml for messenger

---
 tpl/Messenger/App.xml | 571 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 571 insertions(+)
 create mode 100644 tpl/Messenger/App.xml

diff --git a/tpl/Messenger/App.xml b/tpl/Messenger/App.xml
new file mode 100644
index 0000000..c9813c7
--- /dev/null
+++ b/tpl/Messenger/App.xml
@@ -0,0 +1,571 @@
+ {extends "../@layout.xml"}
+
+{block title}{$correspondent->getCanonicalName()}{/block}
+
+
+
+{block header}
+
+    <a href="/im">{_my_messages}</a> »
+
+    <a href="{$correspondent->getURL()}">{$correspondent->getCanonicalName()}</a>
+
+
+
+    <div n:if="($online = $correspondent->getOnline()->timestamp()) < time() + 2678400" style="float: right;">
+
+        {var diff = date_diff(date_create(), date_create('@' . $online))}
+
+        {if 5 >= $diff->i}
+
+            <span><b>{_online}</b></span>
+
+        {else}
+
+            <span>{$correspondent->getOnline()}</span>
+
+        {/if}
+
+    </div>
+
+{/block}
+
+
+
+{block titleHeader}
+
+    <a href="{$correspondent->getURL()}">{$correspondent->getCanonicalName()}</a>
+
+    <div style="float: right" n:if="($online = $correspondent->getOnline()->timestamp()) < time() + 2678400">
+
+        {var diff = date_diff(date_create(), date_create('@' . $online))}
+
+        {if 5 >= $diff->i}
+
+            <span><b>{_online}</b></span>
+
+        {else}
+
+            <span>{$correspondent->isFemale() ? "заходила" : "заходил"} {$correspondent->getOnline()}</span>
+
+        {/if}
+
+    </div>
+
+{/block}
+
+
+
+{block body}
+
+    <div class="messenger-app">
+
+        <div class="messenger-app--messages" data-bind="event: { scroll: onMessagesScroll }">
+
+            <div data-bind="foreach: messages">
+
+                <div class="messenger-app--messages---message" data-bind="css: { unread: !read }">
+
+                    <img class="ava" data-bind="attr: { src: sender.avatar, alt: sender.name }" />
+
+                    <div class="_content">
+
+                        <a href="#" data-bind="attr: { href: sender.link }">
+
+                            <strong data-bind="text: sender.name"></strong>
+
+                        </a>
+
+                        <div class="span" data-bind="text: timing.sent"></div>
+
+                        <div class="text" data-bind="html: text"></div>
+
+                        <div data-bind="foreach: attachments" class="attachments">
+
+                            <div class="msg-attach-j">
+
+                                <div data-bind="if: type === 'photo'" class="msg-attach-j-photo">
+
+                                    <a data-bind="attr: { href: link }">
+
+                                        <img data-bind="attr: { src: photo.url, alt: photo.caption  }" />
+
+                                    </a>
+
+                                </div>
+
+                            </div>
+
+                        </div>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </div>
+
+        <div class="messenger-app--input_fixed">
+
+            <div class="messenger-app--input">
+
+                {if $correspondent->getId() === $thisUser->getId() || $correspondent->getPrivacyPermission('messages.write', $thisUser)}
+
+                    <div class="messenger-app--input---messagebox">
+
+                        <textarea
+
+                                data-bind="value: messageContent, event: { keydown: onTextareaKeyPress }"
+
+                                name="message"
+
+                                placeholder="Введите сообщение"></textarea>
+
+                        <button class="button" data-bind="click: sendMessage">Отправить</button>
+
+                    </div>
+
+                {else}
+
+                    <div class="blocked" data-localized-text="Вы не можете писать сообщения {$correspondent->getCanonicalName()} из-за его настроек приватности."></div>
+
+                {/if}
+
+            </div>
+
+        </div>
+
+    </div>
+
+    
+
+    <script src="https://knockoutjs.com/downloads/knockout-3.5.1.js"></script>
+
+    <script>
+
+        function MessengerViewModel(initialMessages = []) {
+
+            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) {
+
+                        let ta = u("textarea[name=message]").nodes[0];
+
+                        ta.blur(); //Fix update
+
+                        model.sendMessage(model);
+
+                        ta.focus();
+
+                        
+
+                        return false;
+
+                    }
+
+                }
+
+                
+
+                return true;
+
+            };
+
+        }
+
+        
+
+        class Messenger {
+
+            constructor(messages = []) {
+
+                this.ko     = ko.applyBindings(new MessengerViewModel(messages));
+
+                this.appEl  = document.querySelector(".messenger-app--messages");
+
+                this.offset = 0;
+
+                
+
+                this._loadHistory();
+
+                this._setupListener();
+
+                this.appEl.scrollTop = this.appEl.scrollHeight;
+
+            }
+
+            
+
+            _loadHistory() {
+
+                let xhr = new XMLHttpRequest();
+
+                xhr.open("GET", "/im/api/messages" + {$correspondent->getId()} + `/${ this.offset }.json`, false);
+
+                xhr.send();
+
+                
+
+                let messages    = JSON.parse(xhr.responseText);
+
+                let lastMessage = messages[messages.length - 1];
+
+                if(typeof lastMessage !== "undefined") this.offset = lastMessage.uuid;
+
+                
+
+                this.prependMessages(messages);
+
+            }
+
+            
+
+            _setupListener() {
+
+                let listenLongpool = () => {
+
+                    let xhr = new XMLHttpRequest();
+
+                    xhr.open("GET", "/im12", true);
+
+                    xhr.onload = () => {
+
+                        let data = JSON.parse(xhr.responseText);
+
+                        data.forEach(event => {
+
+                            event = event.event;
+
+                            if(event.type !== "newMessage")
+
+                                return;
+
+                            else if(event.message.sender.id !== {$correspondent->getId()})
+
+                                return;
+
+                            else if(this.offset >= event.message.uuid)
+
+                                return void(console.warn("Gay message recieved, skipping. [-WHeterosexual]"));
+
+                            
+
+                            this.addMessage(event.message);
+
+                            this.offset = event.message.uuid;
+
+                        });
+
+                        
+
+                        listenLongpool();
+
+                    };
+
+                    xhr.send();
+
+                };
+
+                
+
+                listenLongpool();
+
+            }
+
+            
+
+            appendMessages(messages) {
+
+                messages.forEach(m => window.messages.push(m));
+
+            }
+
+            
+
+            prependMessages(messages) {
+
+                messages.forEach(m => window.messages.unshift(m));
+
+            }
+
+            
+
+            addMessage(message, scroll = true) {
+
+                this.appendMessages([message]);
+
+                
+
+                if(scroll) {
+
+                    this.appEl.scrollTop = this.appEl.scrollHeight;
+
+                }
+
+            }
+
+            
+
+            _patchMessage(tempId, message) {
+
+                for(let i = window.messages().length - 1; i > -1; i--) {
+
+                    let msg = window.messages()[i];
+
+                    if(typeof msg._tuid === "undefined")
+
+                        return;
+
+                    else if(msg._tuid !== tempId)
+
+                        return;
+
+                    
+
+                    window.messages.valueWillMutate();
+
+                    window.messages()[i] = message;
+
+                    window.messages.valueHasMutated();
+
+                }
+
+            }
+
+            
+
+            _newSelfMessage(content = "...") {
+
+                return {
+
+                    "sender": {
+
+                        "link": {$thisUser->getURL()},
+
+                        "avatar": {$thisUser->getAvatarUrl('tiny')},
+
+                        "name": {$thisUser->getFullName()}
+
+                    },
+
+                    "timing": {
+
+                        "sent": window.API.Service.getTime(),
+
+                        "edited": null
+
+                    },
+
+                    "text": content,
+
+                    "read": false,
+
+                    "attachments": [],
+
+                    "_tuid": Math.ceil(performance.now())
+
+                };
+
+            }
+
+            
+
+            _newReplyMessage(content = "...") {
+
+                return {
+
+                    "sender": {
+
+                        "link": {$correspondent->getURL()},
+
+                        "avatar": {$correspondent->getAvatarUrl('tiny')},
+
+                        "name": {$correspondent->getFullName()}
+
+                    },
+
+                    "timing": {
+
+                        "sent": window.API.Service.getTime(),
+
+                        "edited": null
+
+                    },
+
+                    "text": content,
+
+                    "read": true,
+
+                    "_tuid": Math.ceil(performance.now())
+
+                };
+
+            }
+
+            
+
+            newMessage(content) {
+
+                let msg = this._newSelfMessage(content);
+
+                this.addMessage(msg);
+
+                
+
+                return msg._tuid;
+
+            }
+
+            
+
+            newReply(content) {
+
+                let msg = this._newReplyMessage(content);
+
+                this.addMessage(msg);
+
+                
+
+                return msg._tuid;
+
+            }
+
+            
+
+            newReplies(replies) {
+
+                replies.forEach(this.newReply);
+
+            }
+
+            
+
+            sendMessage(content) {
+
+                console.debug("New outcoming message. Pushing preview to local stack.");
+
+                let tempId = this.newMessage(content);
+
+                
+
+                let msgData = new FormData();
+
+                msgData.set("content", content);
+
+                msgData.set("hash", {$csrfToken});
+
+                
+
+                let that = this;
+
+                let xhr  = new XMLHttpRequest();
+
+                xhr.open("POST", "/im/api/messages" + {$correspondent->getId()} + "/create.json", true);
+
+                xhr.onreadystatechange = (function() {
+
+                    if(this.readyState !== 4)
+
+                        return;
+
+                    else if(this.status !== 202) {
+
+                        console.error("Message was not sent.");
+
+                        that._patchMessage(tempId, {
+
+                            sender: {
+
+                                avatar: "/assets/packages/static/openvk/img/oof.apng",
+
+                                id: -1,
+
+                                link: "/support/manpages/messages/not-delivered.html",
+
+                                name: "Сообщение не доставлено"
+
+                            },
+
+                            text: "При отправке этого сообщения произошла ошибка общего характера...",
+
+                            timing: {
+
+                                edited: null,
+
+                                sent: "???"
+
+                            },
+
+                            uuid: -4096
+
+                        });
+
+                        
+
+                        return;
+
+                    }
+
+                    
+
+                    console.debug("Message sent, updating view.");
+
+                    that._patchMessage(tempId, JSON.parse(xhr.responseText));
+
+                });
+
+                xhr.send(msgData);
+
+                console.debug("Message sent, awaiting response.");
+
+            }
+
+        }
+
+        
+
+        window.Msg = new Messenger([]);
+
+    </script>
+
+{/block}

From 94fa4135ffb450a8f6c4c69b338267a8fade4946 Mon Sep 17 00:00:00 2001
From: mivinac <110471032+mivinac@users.noreply.github.com>
Date: Thu, 16 Feb 2023 04:16:46 +0300
Subject: [PATCH 2/5] Created index.xml for Messenger

---
 tpl/Messenger/Index.xml | 101 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 tpl/Messenger/Index.xml

diff --git a/tpl/Messenger/Index.xml b/tpl/Messenger/Index.xml
new file mode 100644
index 0000000..f904764
--- /dev/null
+++ b/tpl/Messenger/Index.xml
@@ -0,0 +1,101 @@
+{extends "../@layout.xml"}
+
+{block title}{_my_messages}{/block}
+
+
+
+{block header}{_my_messages}{/block}
+
+
+
+{block titleHeader}
+
+    {_my_messages}
+
+{/block}
+
+
+
+{block body}
+
+    <div class="mesbody">
+
+        <div class="mestabs">
+
+            <div class="tabs">
+
+                <div id="activetabs" class="tab">
+
+                    <a id="act_tab_a" href="javascript:false">Все сообщения</a>
+
+                </div>
+
+            </div>
+
+            <div class="container_gray">
+
+                <form action="/im/search" method="POST" style="margin: 0;">
+
+                    <input class="inputmes" type="text" name="pattern" placeholder="Поиск сообщений" required />
+
+                </form>
+
+            </div>
+
+        </div>
+
+
+
+        {if sizeof($corresps) > 0}
+
+            <div class="crp-list">
+
+                <div n:foreach="$corresps as $coresp"
+
+                    class="crp-entry"
+
+                    onmousedown="window.location.href = {$coresp->getURL()};" >
+
+                    {var recipient = $coresp->getCorrespondents()[1]}
+
+                    {var lastMsg   = $coresp->getPreviewMessage()}
+
+                    
+
+                    <div class="crp-entry--image">
+
+                        <img src="{$recipient->getAvatarURL('tiny')}"
+
+                        alt="Фотография пользователя" />
+
+                    </div>
+
+                    <div class="crp-entry--info">
+
+                        <a href="{$recipient->getURL()}">{$recipient->getCanonicalName()}</a><br/>
+
+                        <div class="span">{$lastMsg->getSendTime()->format("%e %B %G" . tr("time_at_sp") . "%X")}</div>
+
+                        <div class="span">{var _author = $lastMsg->getSender()}</div>
+
+                        <div class="span">{$lastMsg->getText()|noescape}</div>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        {else}
+
+            <br/>
+
+            <br/>
+
+            <center>Вам никто не писал. Пока что.</center>
+
+        {/if}
+
+    </div>
+
+{/block}

From df9e7cdcae5226c16951d18b62373a9dfc0506c4 Mon Sep 17 00:00:00 2001
From: mivinac <110471032+mivinac@users.noreply.github.com>
Date: Thu, 16 Feb 2023 04:17:40 +0300
Subject: [PATCH 3/5] Update README.md

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 8b63704..356b5a7 100755
--- a/README.md
+++ b/README.md
@@ -13,5 +13,5 @@ Mobile theme for OpenVK for dumbphones, PDAs and old devices at all. Uses old pd
 - [ ] Settings
 - [ ] Notifications
 - [ ] News
-- [ ] Messages
-- [ ] Photo albums
\ No newline at end of file
+- [x] Messages (not same as PDA)
+- [ ] Photo albums

From ea66b4d3788de8c01d78e28adad15b48c452cdc9 Mon Sep 17 00:00:00 2001
From: mivinac <110471032+mivinac@users.noreply.github.com>
Date: Sun, 28 May 2023 21:31:35 +0300
Subject: [PATCH 4/5] Try to fix

---
 tpl/Messenger/App.xml | 27 ---------------------------
 1 file changed, 27 deletions(-)

diff --git a/tpl/Messenger/App.xml b/tpl/Messenger/App.xml
index c9813c7..b52a564 100644
--- a/tpl/Messenger/App.xml
+++ b/tpl/Messenger/App.xml
@@ -204,8 +204,6 @@
 
                 }
 
-                
-
                 return true;
 
             };
@@ -258,8 +256,6 @@
 
             }
 
-            
-
             _setupListener() {
 
                 let listenLongpool = () => {
@@ -312,16 +308,12 @@
 
             }
 
-            
-
             appendMessages(messages) {
 
                 messages.forEach(m => window.messages.push(m));
 
             }
 
-            
-
             prependMessages(messages) {
 
                 messages.forEach(m => window.messages.unshift(m));
@@ -344,8 +336,6 @@
 
             }
 
-            
-
             _patchMessage(tempId, message) {
 
                 for(let i = window.messages().length - 1; i > -1; i--) {
@@ -360,8 +350,6 @@
 
                         return;
 
-                    
-
                     window.messages.valueWillMutate();
 
                     window.messages()[i] = message;
@@ -372,8 +360,6 @@
 
             }
 
-            
-
             _newSelfMessage(content = "...") {
 
                 return {
@@ -450,13 +436,10 @@
 
                 this.addMessage(msg);
 
-                
-
                 return msg._tuid;
 
             }
 
-            
 
             newReply(content) {
 
@@ -464,38 +447,28 @@
 
                 this.addMessage(msg);
 
-                
-
                 return msg._tuid;
 
             }
 
-            
-
             newReplies(replies) {
 
                 replies.forEach(this.newReply);
 
             }
 
-            
-
             sendMessage(content) {
 
                 console.debug("New outcoming message. Pushing preview to local stack.");
 
                 let tempId = this.newMessage(content);
 
-                
-
                 let msgData = new FormData();
 
                 msgData.set("content", content);
 
                 msgData.set("hash", {$csrfToken});
 
-                
-
                 let that = this;
 
                 let xhr  = new XMLHttpRequest();

From 649009301ea9c88dca14ae27690d1fea9f05a662 Mon Sep 17 00:00:00 2001
From: mivinac <110471032+mivinac@users.noreply.github.com>
Date: Sun, 28 May 2023 21:32:05 +0300
Subject: [PATCH 5/5] Try to fix

---
 tpl/Messenger/Index.xml | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/tpl/Messenger/Index.xml b/tpl/Messenger/Index.xml
index f904764..2b85107 100644
--- a/tpl/Messenger/Index.xml
+++ b/tpl/Messenger/Index.xml
@@ -44,8 +44,6 @@
 
         </div>
 
-
-
         {if sizeof($corresps) > 0}
 
             <div class="crp-list">
@@ -60,7 +58,6 @@
 
                     {var lastMsg   = $coresp->getPreviewMessage()}
 
-                    
 
                     <div class="crp-entry--image">