Fix reordering chat list

Fix dialogFolder on messages.getPinnedDialogs

src/lib/appManagers/appDialogsManager.ts

@@ -511,7 +511,7 @@ export class AppDialogsManager {
 
     if(this.getDialogDom(dialog.peerID)) {
       this.setLastMessage(dialog);
-      this.setDialogPosition(dialog);
+      this.reorderDialogs();
     }
   }
 
@@ -763,8 +763,8 @@ export class AppDialogsManager {
 
       const rect = this.scroll.container.getBoundingClientRect();
       const children = Array.from(this.scroll.splitUp.children) as HTMLElement[];
-      const firstElement = findUpTag(document.elementFromPoint(rect.x, rect.y + 1), 'LI') as HTMLElement;
-      const lastElement = findUpTag(document.elementFromPoint(rect.x, rect.y + rect.height - 1), 'LI') as HTMLElement;
+      const firstElement = findUpTag(document.elementFromPoint(Math.ceil(rect.x), Math.ceil(rect.y + 1)), 'LI') as HTMLElement;
+      const lastElement = findUpTag(document.elementFromPoint(Math.ceil(rect.x), Math.floor(rect.y + rect.height - 1)), 'LI') as HTMLElement;
 
       //alert('got element:' + rect.y);
 
@@ -889,26 +889,40 @@ export class AppDialogsManager {
     }
   }
 
-  private setDialogPosition(dialog: Dialog) {
-    const dom = this.getDialogDom(dialog.peerID);
-    if(!dom) {
-      return;
-    }
+  private reorderDialogs() {
+    //const perf = performance.now();
 
-    let pos = appMessagesManager.dialogsStorage.getDialog(dialog.peerID, this.filterID)[1];
+    let offset = 0;
     if(this.topOffsetIndex) {
       const element = this.chatList.firstElementChild;
       if(element) {
         const peerID = +element.getAttribute('data-peerID');
         const firstDialog = appMessagesManager.getDialogByPeerID(peerID);
-        pos -= firstDialog[1];
+        offset = firstDialog[1];
       }
     }
 
-    if(positionElementByIndex(dom.listEl, this.chatList, pos)) {
-      this.log.debug('setDialogPosition:', dialog, dom, pos);
+    const dialogs = appMessagesManager.dialogsStorage.getFolder(this.filterID);
+    const currentOrder = (Array.from(this.chatList.children) as HTMLElement[]).map(el => +el.getAttribute('data-peerID'));
+
+    dialogs.forEach((dialog, index) => {
+      const dom = this.getDialogDom(dialog.peerID);
+      if(!dom) {
+        return;
+      }
+
+      const currentIndex = currentOrder[dialog.peerID];
+      const needIndex = index - offset;
+
+      if(currentIndex != needIndex) {
+        if(positionElementByIndex(dom.listEl, this.chatList, needIndex)) {
+          this.log.debug('setDialogPosition:', dialog, dom, needIndex);
         }
       }
+    });
+
+    //this.log('Reorder time:', performance.now() - perf);
+  }
 
   public setLastMessage(dialog: any, lastMessage?: any, dom?: DialogDom, highlightWord?: string) {
     ///////console.log('setlastMessage:', lastMessage);

src/lib/appManagers/appMessagesManager.ts

@@ -2405,6 +2405,13 @@ export class AppMessagesManager {
   public applyConversations(dialogsResult: MessagesPeerDialogs.messagesPeerDialogs) {
     // * В эту функцию попадут только те диалоги, в которых есть read_inbox_max_id и read_outbox_max_id, в отличие от тех, что будут в getTopMessages
 
+    // ! fix 'dialogFolder', maybe there is better way to do it, this only can happen by 'messages.getPinnedDialogs' by folder_id: 0
+    dialogsResult.dialogs.forEachReverse((dialog, idx) => {
+      if(dialog._ == 'dialogFolder') {
+        dialogsResult.dialogs.splice(idx, 1);
+      }
+    });
+
     appUsersManager.saveApiUsers(dialogsResult.users);
     appChatsManager.saveApiChats(dialogsResult.chats);
     this.saveMessages(dialogsResult.messages);
@@ -2412,7 +2419,6 @@ export class AppMessagesManager {
     //this.log('applyConversation', dialogsResult);
 
     const updatedDialogs: {[peerID: number]: Dialog} = {};
-    let hasUpdated = false;
     (dialogsResult.dialogs as Dialog[]).forEach((dialog) => {
       const peerID = appPeersManager.getPeerID(dialog.peer);
       let topMessage = dialog.top_message;
@@ -2444,8 +2450,9 @@ export class AppMessagesManager {
         /* if(wasDialogBefore) {
           rootScope.$broadcast('dialog_top', dialog);
         } else { */
+          //if(wasDialogBefore?.top_message != topMessage) {
             updatedDialogs[peerID] = dialog;
-          hasUpdated = true;
+          //}
         //}
       } else {
         const dropped = this.dialogsStorage.dropDialog(peerID);
@@ -2464,7 +2471,7 @@ export class AppMessagesManager {
       }
     });
 
-    if(hasUpdated) {
+    if(Object.keys(updatedDialogs).length) {
       rootScope.broadcast('dialogs_multiupdate', updatedDialogs);
     }
   }
@@ -3328,38 +3335,11 @@ export class AppMessagesManager {
       case 'updatePinnedDialogs': {
         const folderID = update.folder_id ?? 0;
         
-        this.log('updatePinnedDialogs', update);
-        const newPinned: {[peerID: number]: true} = {};
-        if(!update.order) {
-          apiManager.invokeApi('messages.getPinnedDialogs', {
-            folder_id: folderID
-          }).then((dialogsResult) => {
-            dialogsResult.dialogs.reverse();
-            this.applyConversations(dialogsResult);
-
-            dialogsResult.dialogs.forEach((dialog) => {
-              newPinned[dialog.peerID] = true;
-            });
-
-            this.dialogsStorage.getFolder(folderID).forEach((dialog) => {
-              const peerID = dialog.peerID;
-              if(dialog.pFlags.pinned && !newPinned[peerID]) {
-                this.newDialogsToHandle[peerID] = {reload: true};
-                this.scheduleHandleNewDialogs();
-              }
-            });
-          });
-
-          break;
-        }
-
-        //this.log('before order:', this.dialogsStorage[0].map(d => d.peerID));
-
+        const handleOrder = (order: number[]) => {
           this.dialogsStorage.pinnedOrders[folderID].length = 0;
           let willHandle = false;
-        update.order.reverse(); // index must be higher
-        update.order.forEach((peer: any) => {
-          const peerID = appPeersManager.getPeerID(peer.peer);
+          order.reverse(); // index must be higher
+          order.forEach((peerID) => {
             newPinned[peerID] = true;
   
             const foundDialog = this.getDialogByPeerID(peerID);
@@ -3388,6 +3368,40 @@ export class AppMessagesManager {
           if(willHandle) {
             this.scheduleHandleNewDialogs();
           }
+        };
+
+        this.log('updatePinnedDialogs', update);
+        const newPinned: {[peerID: number]: true} = {};
+        if(!update.order) {
+          apiManager.invokeApi('messages.getPinnedDialogs', {
+            folder_id: folderID
+          }).then((dialogsResult) => {
+            // * for test reordering and rendering
+            // dialogsResult.dialogs.reverse();
+
+            this.applyConversations(dialogsResult);
+
+            handleOrder(dialogsResult.dialogs.map(d => d.peerID));
+
+            /* dialogsResult.dialogs.forEach((dialog) => {
+              newPinned[dialog.peerID] = true;
+            });
+
+            this.dialogsStorage.getFolder(folderID).forEach((dialog) => {
+              const peerID = dialog.peerID;
+              if(dialog.pFlags.pinned && !newPinned[peerID]) {
+                this.newDialogsToHandle[peerID] = {reload: true};
+                this.scheduleHandleNewDialogs();
+              }
+            }); */
+          });
+
+          break;
+        }
+
+        //this.log('before order:', this.dialogsStorage[0].map(d => d.peerID));
+
+        handleOrder(update.order.map(peer => appPeersManager.getPeerID((peer as DialogPeer.dialogPeer).peer)));
 
         break;
       }