- Gruppi (3) - lista degli utenti del gruppo

src/views/user/mygroup/mygroup.ts

@@ -1,6 +1,8 @@
-import { CMyFieldDb } from '@/components/CMyFieldDb'
+import { CGridTableRec } from '@/components/CGridTableRec'
+import { CMyFriends } from '@/components/CMyFriends'
 import { CTitleBanner } from '@/components/CTitleBanner'
 import { CProfile } from '@/components/CProfile'
+import { CMyFieldRec } from '@/components/CMyFieldRec'
 import { CSkill } from '@/components/CSkill'
 import { CDateTime } from '@/components/CDateTime'
 import { tools } from '@store/Modules/tools'
@@ -12,13 +14,14 @@ import { useI18n } from '@/boot/i18n'
 import { toolsext } from '@store/Modules/toolsext'
 import { useQuasar } from 'quasar'
 import { costanti } from '@costanti'
-import { IMyGroup, IUserFields } from 'model'
+import { IFriends, IMyGroup, ISearchList, IUserFields } from 'model'
 import { shared_consts } from '@/common/shared_vuejs'
+import { colmyUserPeople, colmyUserGroup } from '@store/Modules/fieldsTable'
 
 
 export default defineComponent({
   name: 'mygroup',
-  components: { CProfile, CTitleBanner, CMyFieldDb, CSkill, CDateTime },
+  components: { CProfile, CTitleBanner, CMyFieldRec, CSkill, CDateTime, CMyFriends, CGridTableRec },
   props: {},
   setup() {
     const userStore = useUserStore()
@@ -33,7 +36,15 @@ export default defineComponent({
     const filtroutente = ref(<any[]>[])
     const showPic = ref(false)
 
-    const mygrp = ref(<IMyGroup>{})
+    const mygrp = ref(<IMyGroup|null>{})
+    const users_in_group = ref(<IFriends[]>[])
+
+    const tab = ref('membri')
+
+    const arrfilterand: any = ref([])
+    const filtercustom: any = ref([])
+    const filtercustom_rich: any = ref([])
+    const searchList = ref(<ISearchList[]>[])
 
     function profile() {
       return userStore.my.profile
@@ -47,7 +58,13 @@ export default defineComponent({
       // Carica il profilo di quest'utente
       if (groupname.value) {
         userStore.loadGroup(groupname.value).then((ris) => {
-          mygrp.value = ris
+          if (ris) {
+            mygrp.value = ris.mygroup
+            users_in_group.value = ris.users_in_group
+          } else {
+            mygrp.value = null
+            users_in_group.value = []
+          }
           // filtroutente.value = [{ userId: userStore.my._id }]
         })
 
@@ -60,10 +77,19 @@ export default defineComponent({
 
     function mounted() {
       loadGroup()
+
+      searchList.value = []
+      filtercustom.value = [{ 'profile.mygroups': { $elemMatch: {groupname: {$eq: groupname.value }} } } ]
+      filtercustom_rich.value = [{ req_users: { $elemMatch: {username: {$eq: userStore.my.username }} } } ]
+      arrfilterand.value = []
+      //++TODO: sistemare la filtercustom ... richieste...
     }
 
     function getImgGrp() {
-      return userStore.getImgByGroup(mygrp.value)
+      if (mygrp.value)
+        return userStore.getImgByGroup(mygrp.value)
+      else
+        return ''
     }
 
     function checkifShow(col: string) {
@@ -73,12 +99,20 @@ export default defineComponent({
 
     function getLinkGrpTelegram() {
 
-      if (!!mygrp.value.link_telegram) {
-        return 'https://t.me/' + mygrp.value.link_telegram
+      if (mygrp.value) {
+        if (!!mygrp.value.link_telegram) {
+          return 'https://t.me/' + mygrp.value.link_telegram
+        }
+      } else {
+        return ''
       }
+
     }
 
     function getLinkWebSite() {
+      if (!mygrp.value) {
+        return ''
+      }
 
       let site = mygrp.value.website!
       if (site) {
@@ -89,6 +123,31 @@ export default defineComponent({
       return site
     }
 
+    function extraparams() {
+      let lk_tab = 'users'
+      let lk_LF = 'userId'
+      let lk_FF = '_id'
+      let lk_as = 'user'
+      let af_objId_tab = 'myId'
+
+      return {
+        lookup1: {
+          lk_tab,
+          lk_LF,
+          lk_FF,
+          lk_as,
+          af_objId_tab,
+          lk_proj: {
+            username: 1,
+            name: 1,
+            'profile.img': 1,
+            'profile.qualifica': 1,
+          }
+        }
+      }
+    }
+
+
     onMounted(mounted)
 
     return {
@@ -108,6 +167,15 @@ export default defineComponent({
       userStore,
       t,
       animation,
+      arrfilterand,
+      filtercustom,
+      filtercustom_rich,
+      searchList,
+      colmyUserPeople,
+      colmyUserGroup,
+      extraparams,
+      tab,
+      users_in_group,
     }
   }
 })