feat: implement user online socket check for patrol page

Author: Anthony Kinsey

src/views/Patrol.vue

@@ -166,6 +166,7 @@ import PostsReportModal from '@/components/modals/posts/Report.vue'
 import PostsDeleteModal from '@/components/modals/posts/Delete.vue'
 import PostsUndeleteModal from '@/components/modals/posts/Undelete.vue'
 import PostsPurgePostModal from '@/components/modals/posts/PurgePost.vue'
+import { isOnline } from '@/composables/services/websocket'
 
 export default {
   name: 'Patrol',
@@ -175,14 +176,22 @@ export default {
       limit: to.query.limit || localStoragePrefs().data.posts_per_page,
       page: to.query.page || 1
     }
-    next(vm => postsApi.byNewbie(query).then(d => vm.patrolData = d).catch(() => {}))
+    next(vm => postsApi.byNewbie(query)
+    .then(d => {
+      vm.patrolData = d
+      vm.checkUsersOnline()
+    }).catch(() => {}))
   },
   beforeRouteUpdate(to, from, next) {
     const query = {
       limit: to.query.limit || localStoragePrefs().data.posts_per_page,
       page: to.query.page || 1
     }
-    postsApi.byNewbie(query).then(d => this.patrolData = d).catch(() => {})
+    postsApi.byNewbie(query)
+    .then(d => {
+      this.patrolData = d
+      this.checkUsersOnline()
+    }).catch(() => {})
     next()
   },
   setup() {
@@ -300,7 +309,11 @@ export default {
     const refreshPosts = () => postsApi.byNewbie({
       limit: $route.query.limit || localStoragePrefs().data.posts_per_page,
       page: $route.query.page || 1
-    }).then(d => v.patrolData = d).catch(() => {})
+    })
+    .then(d => {
+      v.patrolData = d
+      checkUsersOnline()
+    }).catch(() => {})
 
     const lockPost = post => postsApi.lock(post.id)
     .then(() => {
@@ -313,6 +326,23 @@ export default {
       post.locked = false
     })
 
+    const checkUsersOnline = () => {
+      let uniqueUsers = {}
+      v.patrolData.posts.forEach(post => uniqueUsers[post.user.id] = 'user')
+      Object.keys(uniqueUsers).map(user => isOnline(user, setOnline))
+    }
+
+    const setOnline = (err, data) => {
+      if (err) console.log(err)
+      else {
+        v.patrolData.posts.map(post => {
+          if (post.user.id === data.id) {
+            post.user.online = data.online
+          }
+        })
+      }
+    }
+
     const $auth = inject(AuthStore)
     const $alertStore = inject('$alertStore')
     const $route = useRoute()
@@ -338,7 +368,7 @@ export default {
       }
     })
 
-    return { ...toRefs(v), breadcrumbShim, showEditDate, canPurge, canDelete, canPostLock, canUpdate, pageResults, humanDate, userRoleHighlight, usernameHighlight, avatarHighlight, truncate, lockPost, unlockPost, refreshPosts }
+    return { ...toRefs(v), breadcrumbShim, showEditDate, canPurge, canDelete, canPostLock, canUpdate, pageResults, humanDate, userRoleHighlight, usernameHighlight, avatarHighlight, truncate, lockPost, unlockPost, refreshPosts, checkUsersOnline }
   }
 }
 </script>