fix: : enhance infinite loading of chat when logged out in chat drawe…

…r - EXO-73721

Before this fix, the fix applied in 57e7e61 is not applied in chatDrawer
This commit reuse the same modifications and applies in chatDrawer

We think about stopping requests after a certain time. But for the moment we keep as is, so that, when user go back online, the connection is restored.
It can be challenged in the future if needed.

application/src/main/webapp/vue-app/components/modal/ExoChatDrawer.vue

@@ -182,7 +182,9 @@ export default {
       chatLink: `/portal/${eXo.env.portal.portalName}/chat`,
       titleActionComponents: miniChatTitleActionComponents,
       isExternal: false,
-      unresolvedRequests: 0
+      unresolvedRequests: 0,
+      failingRequests: 1,
+      refreshContactsInterval: 0
     };
   },
   computed: {
@@ -349,9 +351,7 @@ export default {
       });
     },
     userLoggedout() {
-      if (!chatWebSocket.isConnected()) {
-        this.changeUserStatusToOffline();
-      }
+      this.changeUserStatusToOffline();
     },
     totalUnreadMessagesUpdated(e) {
       const totalUnreadMsg = e.detail ? e.detail.data.totalUnreadMsg : e.totalUnreadMsg;
@@ -413,9 +413,10 @@ export default {
       });
       const thiss = this;
       if (this.userSettings.offlineDelay) {
-        setInterval(
+        clearInterval(this.refreshContactsInterval);
+        this.refreshContactsInterval = setInterval(
           function() {thiss.refreshContacts(true);},
-          this.userSettings.offlineDelay);
+          this.userSettings.offlineDelay * this.failingRequests);
       }
     },
     initChatRooms(chatRoomsData) {
@@ -474,6 +475,7 @@ export default {
         this.unresolvedRequests++;
         chatServices.getOnlineUsers().then(users => {
           chatServices.getUserChatRooms(this.userSettings, users).then(chatRoomsData => {
+            this.failingRequests = 1;
             this.addRooms(chatRoomsData.rooms);
             if (!keepSelectedContact && this.selectedContact) {
               const contactToChange = this.contactList.find(contact => contact.room === this.selectedContact.room || contact.user === this.selectedContact.user || contact.room === this.selectedContact);
@@ -482,6 +484,13 @@ export default {
               }
             }
           });
+        }).catch(() => {
+          this.failingRequests++;
+          clearInterval(this.refreshContactsInterval);
+          const cloneOfThis = this;
+          this.refreshContactsInterval = setInterval(
+            function () { cloneOfThis.refreshContacts(true); },
+            cloneOfThis.userSettings.offlineDelay * cloneOfThis.failingRequests);
         }).finally(() => {
           this.unresolvedRequests--;
         });
@@ -497,7 +506,7 @@ export default {
       });
     },
     changeUserStatusToOffline() {
-      if (this.userSettings && this.userSettings.status && !this.userSettings.originalStatus) {
+      if (this?.userSettings?.status && !this.userSettings.originalStatus) {
         this.userSettings.originalStatus = this.userSettings.status;
       }
       eXo.chat.isOnline = false;