- Add to Friends

- remove from Friend list
- Cancel Ask Friend
.... OK !

src/components/CGridTableRec/CGridTableRec.scss

@@ -41,3 +41,7 @@
   padding: 4px 8px !important;
 }
 
+
+.q-table__top{
+  padding-top: 0 !important;
+}

src/components/CGridTableRec/CGridTableRec.ts

@@ -12,14 +12,12 @@ import {
   ISearchList,
   IPagination,
   IParamDialog,
-  IEvents,
-  IDataToSet,
-  IMySkill, ISkill
-} from '../../model'
-import { lists } from '../../store/Modules/lists'
-import { IParamsQuery } from '../../model/GlobalStore'
-import { CMyUser } from '../CMyUser'
+  IMySkill
+} from 'model'
+import { lists } from '@store/Modules/lists'
+import { IParamsQuery } from 'model'
 import { CMyPopupEdit } from '../CMyPopupEdit'
+import { CMyFriends } from '../CMyFriends'
 import { CMyFieldDb } from '../CMyFieldDb'
 import { CMySelect } from '../CMySelect'
 import { CTitleBanner } from '../CTitleBanner'
@@ -28,9 +26,7 @@ import { useUserStore } from '@store/UserStore'
 import { useGlobalStore } from '@store/globalStore'
 import { useQuasar } from 'quasar'
 import { costanti } from '@costanti'
-import { useCalendarStore } from '@store/CalendarStore'
 import translate from '@/globalroutines/util'
-import { toolsext } from '@store/Modules/toolsext'
 
 export default defineComponent({
   name: 'CGridTableRec',
@@ -167,8 +163,13 @@ export default defineComponent({
       required: false,
       default: '',
     },
+    showCol: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
   },
-  components: { CMyPopupEdit, CTitleBanner, CMyFieldDb, CMySelect, CMyUser },
+  components: { CMyPopupEdit, CTitleBanner, CMyFieldDb, CMySelect, CMyFriends },
   setup(props, { emit }) {
     const $q = useQuasar()
     const { t } = useI18n()
@@ -189,7 +190,7 @@ export default defineComponent({
     const mytitle = ref('')
     const mycolumns = ref([])
     const colkey = ref('')
-    const search = ref('')
+    const search = ref('paoloar773')
 
     const tablesel = ref('')
 
@@ -222,6 +223,8 @@ export default defineComponent({
 
     const selected: any = ref([])
 
+    const filter = ref(0)
+
     const mycodeid = toRef(props, 'prop_codeId')
 
     const valoriopt = computed(() => (item: any, addall: boolean) => {
@@ -1232,6 +1235,7 @@ export default defineComponent({
       checkIfShowRec,
       valoriopt,
       labelcombo,
+      filter,
     }
   }
 })

src/components/CGridTableRec/CGridTableRec.vue

@@ -8,7 +8,7 @@
         @click="createNewRecordDialog"></q-btn>
     </div>
 
-    <div :class="$q.screen.lt.sm ? `` : `q-gutter-md q-ma-xs`  + ` row`">
+    <div v-if="butt_modif_new || mytitle" :class="$q.screen.lt.sm ? `` : `q-gutter-md q-ma-xs`  + ` row`">
       <div class="q-table__title" style="min-width: 150px;">{{ mytitle }}</div>
       <q-space></q-space>
       <div v-if="butt_modif_new">
@@ -99,7 +99,7 @@
       <template v-slot:top-left>
 
         <div v-if="searchList"
-          :class="$q.screen.lt.sm ? `` : `row`  + ` text-blue`">
+             :class="$q.screen.lt.sm ? `` : `row`  + ` text-blue`">
           <span v-for="(item, index) in searchList" :key="index">
             <CMySelect
               v-if="item.type === costanti.FieldType.select"
@@ -184,7 +184,7 @@
 
           <q-space></q-space>
           <q-select
-            v-if="mytable && pagination.rowsNumber > 0 && (prop_search || canEdit)"
+            v-if="mytable && pagination.rowsNumber > 0 && (prop_search || canEdit) && showCol"
             v-model="colVisib"
             rounded
             outlined
@@ -251,10 +251,15 @@
 
 
       <template v-slot:item="props">
-        <div v-if="showType === costanti.SHOW_USERINFO">
-          <CMyUser
-            :mycontact="props.row">
-          </CMyUser>
+        <div v-if="showType === costanti.SHOW_USERINFO" class="fill-all-width">
+          <div>
+            <CMyFriends
+              v-model="filter"
+              :finder="false"
+              :mycontact="props.row"
+              :visu="costanti.FIND_PEOPLE"
+            />
+          </div>
 
         </div>
         <div
@@ -316,16 +321,6 @@
           </q-card>
         </div>
       </template>
-
-      <!--
-                      <q-btn
-                              flat round dense
-                              :icon="props.inFullscreen ? 'fullscreen_exit' : 'fullscreen'"
-                              @click="props.toggleFullscreen"
-                              class="q-ml-md">
-                      </q-btn>
-      -->
-      <!---->
     </q-table>
 
     <div v-if="rowclicksel">