From e11cf191496342839395151d049e34de07800c70 Mon Sep 17 00:00:00 2001
From: Surya Paolo <paolo.arena77@gmail.com>
Date: Sat, 3 Dec 2022 01:32:48 +0100
Subject: [PATCH] Aggiunto la pagina dei Beni e Servizi della persona singola,
 separata dal profilo.

---
 .env.development                              |   2 +-
 .env.example.production                       |   2 +-
 _ALL_SITES/riso.app/.env.development          |   2 +-
 _ALL_SITES/riso.app/.env.production           |   2 +-
 _ALL_SITES/riso.app/.env.test                 |   2 +-
 .../terradellavisione.app/.env.development    |   2 +-
 src/common/shared_vuejs.ts                    |   5 +
 src/components/CBarSelection/CBarSelection.ts |  13 +-
 .../CCurrencyValue/CCurrencyValue.vue         |   2 +-
 src/components/CMyCircuit/CMyCircuit.ts       |  12 +-
 src/components/CMyElem/CMyElem.vue            |   3 +
 src/components/CSaldo/CSaldo.vue              |   2 +-
 src/db/static_data.ts                         |  11 -
 src/router/routesAdmin.ts                     |  22 ++
 src/statics/lang/it.js                        |   4 +-
 src/store/Modules/costanti.ts                 |   3 +
 src/store/Modules/tools.ts                    |  14 ++
 src/views/user/editprofile/editprofile.vue    |  13 --
 src/views/user/myactivities/myactivities.scss |  18 ++
 src/views/user/myactivities/myactivities.ts   | 206 ++++++++++++++++++
 src/views/user/myactivities/myactivities.vue  | 160 ++++++++++++++
 src/views/user/mycircuit/mycircuit.vue        |   1 +
 src/views/user/myprofile/myprofile.ts         |   1 +
 src/views/user/myprofile/myprofile.vue        |  63 +-----
 24 files changed, 467 insertions(+), 98 deletions(-)
 create mode 100755 src/views/user/myactivities/myactivities.scss
 create mode 100755 src/views/user/myactivities/myactivities.ts
 create mode 100755 src/views/user/myactivities/myactivities.vue

diff --git a/.env.development b/.env.development
index 5197c629..caf1698e 100755
--- a/.env.development
+++ b/.env.development
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.29"
+APP_VERSION="0.5.30"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="13"
 DIRECTORY_LOCAL="newfreeplanet"
diff --git a/.env.example.production b/.env.example.production
index efd78cfc..7504d346 100755
--- a/.env.example.production
+++ b/.env.example.production
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.29"
+APP_VERSION="0.5.30"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="13"
 DIRECTORY_LOCAL=newfreeplanet
diff --git a/_ALL_SITES/riso.app/.env.development b/_ALL_SITES/riso.app/.env.development
index 5197c629..caf1698e 100755
--- a/_ALL_SITES/riso.app/.env.development
+++ b/_ALL_SITES/riso.app/.env.development
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.29"
+APP_VERSION="0.5.30"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="13"
 DIRECTORY_LOCAL="newfreeplanet"
diff --git a/_ALL_SITES/riso.app/.env.production b/_ALL_SITES/riso.app/.env.production
index eff08700..94fac606 100644
--- a/_ALL_SITES/riso.app/.env.production
+++ b/_ALL_SITES/riso.app/.env.production
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.29"
+APP_VERSION="0.5.30"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="13"
 DIRECTORY_LOCAL=newfreeplanet
diff --git a/_ALL_SITES/riso.app/.env.test b/_ALL_SITES/riso.app/.env.test
index 1f27c72b..5206755b 100755
--- a/_ALL_SITES/riso.app/.env.test
+++ b/_ALL_SITES/riso.app/.env.test
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.29"
+APP_VERSION="0.5.30"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="16"
 DIRECTORY_LOCAL=newfreeplanet
diff --git a/_ALL_SITES/terradellavisione.app/.env.development b/_ALL_SITES/terradellavisione.app/.env.development
index 1baf18f9..3023cb3c 100755
--- a/_ALL_SITES/terradellavisione.app/.env.development
+++ b/_ALL_SITES/terradellavisione.app/.env.development
@@ -1,4 +1,4 @@
-APP_VERSION="0.5.29"
+APP_VERSION="0.5.30"
 SERVICE_WORKER_FILE="service-worker.js"
 APP_ID="14"
 DIRECTORY_LOCAL="newfreeplanet"
diff --git a/src/common/shared_vuejs.ts b/src/common/shared_vuejs.ts
index 4c33e2e5..cd4a315f 100755
--- a/src/common/shared_vuejs.ts
+++ b/src/common/shared_vuejs.ts
@@ -50,6 +50,7 @@ export const shared_consts = {
     BTN_REG: 250,
     BTN_REG_BYBOT: 255,
     BTN_LOGIN: 260,
+    FOOTER: 270,
   },
 
   QUERYTYPE_MYGROUP: 1,
@@ -1376,6 +1377,10 @@ export const shared_consts = {
       value: 260,
       label: 'Butt Login',
     },
+    {
+      value: 270,
+      label: 'Footer',
+    },
   ],
 
   LISTBESTCOLORS: [
diff --git a/src/components/CBarSelection/CBarSelection.ts b/src/components/CBarSelection/CBarSelection.ts
index 31eaf38e..bd1b8001 100755
--- a/src/components/CBarSelection/CBarSelection.ts
+++ b/src/components/CBarSelection/CBarSelection.ts
@@ -40,6 +40,7 @@ import { CMyCardGrpPopup } from '@/components/CMyCardGrpPopup'
 import { CMyCardCircuitPopup } from '@/components/CMyCardCircuitPopup'
 import { useRouter } from 'vue-router'
 import { table } from 'console'
+import { globals } from 'jest.config'
 
 export default defineComponent({
   name: 'CBarSelection',
@@ -249,17 +250,7 @@ export default defineComponent({
 
     function mounted() {
 
-      optionsMainCards.value = []
-      let obj = { label: '', value: '', icon: '' }
-      for (let i = 0; i < costanti.MAINCARDS.length - 1; i++) {
-        let rec: any = costanti.MAINCARDS[i]
-        if (rec.table) {
-          obj.label = rec.title
-          obj.value = rec.table
-          obj.icon = rec.icon
-          optionsMainCards.value.push({...obj})
-        }
-      }
+      optionsMainCards.value = tools.getoptionsMainCards(false)
 
       tablesel.value = props.table
 
diff --git a/src/components/CCurrencyValue/CCurrencyValue.vue b/src/components/CCurrencyValue/CCurrencyValue.vue
index b40f1ae8..bba9aa14 100755
--- a/src/components/CCurrencyValue/CCurrencyValue.vue
+++ b/src/components/CCurrencyValue/CCurrencyValue.vue
@@ -46,7 +46,7 @@
             </div>
           </template>
           <template v-slot:append>
-            <div v-if="!small" :class="small ? `text-h7-dense` : `text-h5`">
+            <div v-if="!small" :class="small ? `text-h7-dense` : `text-h7`">
               <em class="q-px-sm text-white rounded-borders" :style="`background-color: ` + (color ? color : '#ff5500')">{{ symbol }}</em>
             </div>
           </template>
diff --git a/src/components/CMyCircuit/CMyCircuit.ts b/src/components/CMyCircuit/CMyCircuit.ts
index 9f9df82b..43275829 100755
--- a/src/components/CMyCircuit/CMyCircuit.ts
+++ b/src/components/CMyCircuit/CMyCircuit.ts
@@ -2,7 +2,7 @@ import { computed, defineComponent, onMounted, PropType, ref, watch } from 'vue'
 import { useUserStore } from '@store/UserStore'
 import { useCircuitStore } from '@store/CircuitStore'
 
-import { ICircuit, IImgGallery, IUserFields, IUserProfile, IFriends, IAccount } from 'model'
+import { ICircuit, IImgGallery, IUserFields, IUserProfile, IFriends, IAccount, IMyCircuit } from 'model'
 import { costanti } from '@costanti'
 import { shared_consts } from '@/common/shared_vuejs'
 import { tools } from '@store/Modules/tools'
@@ -46,7 +46,7 @@ export default defineComponent({
 
     const globalStore = useGlobalStore()
 
-    const circuit = ref(<ICircuit | null>null)
+    const circuit = ref(<ICircuit | IMyCircuit | null>null)
     const account = computed(() => circuit.value ? userStore.getAccountByCircuitId(circuit.value._id) : null )
 
     const qtarem = computed(() => account.value ? circuitStore.getRemainingCoinsToSend(account.value) : 0)
@@ -70,6 +70,14 @@ export default defineComponent({
           circuit.value = props.mycircuit
         }
       }
+      if (circuit.value && circuit.value.hasOwnProperty('circuitname')) {
+        // @ts-ignore
+        const rectofind = circuitStore.listcircuits.find((circ: ICircuit) => circ.name === circuit.value.circuitname!)
+        if (rectofind) {
+          console.log('rectofind', rectofind)
+          circuit.value = rectofind
+        }
+      }
     }
 
     function getImgCircuit(circuit: ICircuit) {
diff --git a/src/components/CMyElem/CMyElem.vue b/src/components/CMyElem/CMyElem.vue
index bad55539..86e25296 100755
--- a/src/components/CMyElem/CMyElem.vue
+++ b/src/components/CMyElem/CMyElem.vue
@@ -586,6 +586,9 @@
           >
           </CChartMap>-->
       </div>
+      <div v-else-if="myel.type === shared_consts.ELEMTYPE.FOOTER">
+        <LandingFooter />
+      </div>
       <div v-if="editOn">
         <div class="q-ma-md"></div>
       </div>
diff --git a/src/components/CSaldo/CSaldo.vue b/src/components/CSaldo/CSaldo.vue
index ffdf6210..43bb1f3e 100755
--- a/src/components/CSaldo/CSaldo.vue
+++ b/src/components/CSaldo/CSaldo.vue
@@ -1,5 +1,5 @@
 <template>
-
+symbol: {{symbol}}
   <CCurrencyValue
     v-if="small"
     :small="true"
diff --git a/src/db/static_data.ts b/src/db/static_data.ts
index 20e24f04..8fad9042 100755
--- a/src/db/static_data.ts
+++ b/src/db/static_data.ts
@@ -178,17 +178,6 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       inmenu: true,
       infooter: true,
     },
-    {
-      active: true,
-      order: 135,
-      path: '/my/:username',
-      materialIcon: 'fas fa-user',
-      name: 'pages.profile2',
-      component: () => import('@/views/user/myprofile/myprofile.vue'),
-      meta: { requiresAuth: true },
-      inmenu: false,
-      infooter: false,
-    },
     {
       active: true,
       order: 136,
diff --git a/src/router/routesAdmin.ts b/src/router/routesAdmin.ts
index d794c353..d54fa329 100644
--- a/src/router/routesAdmin.ts
+++ b/src/router/routesAdmin.ts
@@ -419,6 +419,28 @@ function getRoutesAd(site: ISites) {
   ]
 
   const menuAdmins = [
+    {
+      active: true,
+      order: 135,
+      path: '/my/:username',
+      materialIcon: 'fas fa-user',
+      name: 'pages.profile2',
+      component: () => import('@/views/user/myprofile/myprofile.vue'),
+      meta: { requiresAuth: true },
+      inmenu: false,
+      infooter: false,
+    },
+    {
+      active: true,
+      order: 140,
+      path: '/skills/:username',
+      materialIcon: 'fas fa-user',
+      name: 'otherpages.myactivities',
+      component: () => import('@/views/user/myactivities/myactivities.vue'),
+      meta: { requiresAuth: true },
+      inmenu: false,
+      infooter: false,
+    },
     {
       active: true,
       order: 200,
diff --git a/src/statics/lang/it.js b/src/statics/lang/it.js
index d63405b4..c4c00032 100755
--- a/src/statics/lang/it.js
+++ b/src/statics/lang/it.js
@@ -39,8 +39,10 @@ const msg_it = {
       skills: 'Competenze e Talenti',
       aportador: 'Chi ti ha invitato',
       aportador_him: 'Invitato da',
+      myactivities: 'Attività',
     },
     otherpages: {
+      myactivities: 'Attività',
       product: 'Prodotto',
       sito_offline: 'Sito in Aggiornamento',
       modifprof: 'Modifica',
@@ -1210,7 +1212,7 @@ const msg_it = {
       qta_maxConcessa: 'Capacità massima accumulabile',
       importo_iniziale: 'Importo Iniziale',
       saldo: 'Saldo',
-      dispon: 'Disponibile',
+      dispon: 'Disponib.',
       saldo_tips: 'Rappresenta quanta moneta ho accumulato. Ma posso andare anche sotto fino a {fido} {symbol}',
       user: 'Utente',
     },
diff --git a/src/store/Modules/costanti.ts b/src/store/Modules/costanti.ts
index 62a56a9c..6e202461 100755
--- a/src/store/Modules/costanti.ts
+++ b/src/store/Modules/costanti.ts
@@ -246,6 +246,9 @@ export const costanti = {
   ADMIN_CIRCUITS: 54,
   ASK_SENT_CIRCUIT: 55,
 
+  USER_CIRCUITS: 60,
+  REQ_CIRCUIT: 65,
+
   CMD_DELETE: 1,
   CMD_MODIFY: 2,
   CMD_SHOW_PAGE: 3,
diff --git a/src/store/Modules/tools.ts b/src/store/Modules/tools.ts
index a56314bf..07124d5d 100644
--- a/src/store/Modules/tools.ts
+++ b/src/store/Modules/tools.ts
@@ -7333,6 +7333,20 @@ export const tools = {
     return ''
   },
 
+  getoptionsMainCards(only: boolean) {
+    let myarr = []
+    let obj = { label: '', value: '', icon: '' }
+    for (let i = 0; i < costanti.MAINCARDS.length; i++) {
+      let rec: any = costanti.MAINCARDS[i]
+      if (rec.table) {
+        obj.label = rec.title
+        obj.value = rec.table
+        obj.icon = rec.icon
+        myarr.push({ ...obj })
+      }
+    }
+    return myarr
+  },
 
   // getLocale() {
   //   if (navigator.languages && navigator.languages.length > 0) {
diff --git a/src/views/user/editprofile/editprofile.vue b/src/views/user/editprofile/editprofile.vue
index 71ce8d36..f6ef2c0f 100755
--- a/src/views/user/editprofile/editprofile.vue
+++ b/src/views/user/editprofile/editprofile.vue
@@ -81,19 +81,6 @@
       </div>
     </CTitleBanner>
 
-    <!--
-    <CTitleBanner
-      class="q-pa-xs" title="Competenze Personali (Offerte)" bgcolor="bg-primary" clcolor="text-white"
-      myclass="myshad" :canopen="true">
-
-      <CSkill
-        :filtercustom="filtroutente">
-
-      </CSkill>
-
-
-    </CTitleBanner>
-    -->
 
     <CTitleBanner
       class="q-pa-xs"
diff --git a/src/views/user/myactivities/myactivities.scss b/src/views/user/myactivities/myactivities.scss
new file mode 100755
index 00000000..558a623b
--- /dev/null
+++ b/src/views/user/myactivities/myactivities.scss
@@ -0,0 +1,18 @@
+.profile {
+  width: 100%;
+  margin: 0 auto;
+  max-width: 450px;
+}
+
+.myrow{
+  display: flex;
+  @media (max-width: 600px) {
+    flex-flow: column;
+  }
+}
+
+.qualifica{
+  border: solid 2px #4198ef;
+  border-radius: 1rem;
+  padding: 5px;
+}
diff --git a/src/views/user/myactivities/myactivities.ts b/src/views/user/myactivities/myactivities.ts
new file mode 100755
index 00000000..f5649403
--- /dev/null
+++ b/src/views/user/myactivities/myactivities.ts
@@ -0,0 +1,206 @@
+import { CMyFieldDb } from '@/components/CMyFieldDb'
+import { CMyFieldRec } from '@/components/CMyFieldRec'
+import { CTitleBanner } from '@/components/CTitleBanner'
+import { CProfile } from '@/components/CProfile'
+import { CLabel } from '@/components/CLabel'
+import { CCopyBtn } from '@/components/CCopyBtn'
+import { CSkill } from '@/components/CSkill'
+import { CDateTime } from '@/components/CDateTime'
+import { CMyGroup } from '@/components/CMyGroup'
+import { CMyCircuit } from '@/components/CMyCircuit'
+import { CNotifAtTop } from '@src/components/CNotifAtTop'
+import { CSendCoins } from '@/components/CSendCoins'
+import { CMyUser } from '@/components/CMyUser'
+import { CUserNonVerif } from '@/components/CUserNonVerif'
+import { tools } from '@store/Modules/tools'
+import { computed, defineComponent, onMounted, ref, watch } from 'vue'
+import { useUserStore } from '@store/UserStore'
+import { useRoute, useRouter } from 'vue-router'
+import { useGlobalStore } from '@store/globalStore'
+import { useI18n } from '@/boot/i18n'
+import { toolsext } from '@store/Modules/toolsext'
+import { useQuasar } from 'quasar'
+import { costanti } from '@costanti'
+import { ICircuit, IMyCircuit, IMyGroup, IUserFields } from 'model'
+import { shared_consts } from '@/common/shared_vuejs'
+import { static_data } from '@/db/static_data'
+import { fieldsTable } from '@store/Modules/fieldsTable'
+import { useNotifStore } from '@store/NotifStore'
+import MixinUsers from '@/mixins/mixin-users'
+
+
+export default defineComponent({
+  name: 'myactivities',
+  components: {
+    CProfile, CTitleBanner, CMyFieldDb, CSkill, CDateTime, CCopyBtn, CUserNonVerif, CMyFieldRec, CMyUser,
+    CMyGroup, CLabel, CMyCircuit, CSendCoins, CNotifAtTop
+  },
+  props: {},
+  setup() {
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+    const $route = useRoute()
+    const $q = useQuasar()
+    const { t } = useI18n()
+
+    const site = ref(globalStore.site)
+
+    const { getRefLink } = MixinUsers()
+
+    const animation = ref('fade')
+
+    const username = computed(() => $route.params.username ? $route.params.username.toString() : userStore.my.username)
+    const idnotif = computed(() => $route.query.idnotif ? $route.query.idnotif.toString() : '')
+
+    const filtroutente = ref(<any[]>[])
+    const showPic = ref(false)
+    const caricato = ref(false)
+    const showsendCoinTo = ref(false)
+
+    const myuser = ref(<IUserFields | null>null)
+
+    const actualcard = ref('mygoods')
+
+    const notifStore = useNotifStore()
+
+    const mycards = computed(() => {
+      return costanti.MAINCARDS.filter((rec: any) => rec.table)
+    })
+    const optionsMainCards = ref({})
+
+    const listgroupsfiltered = ref(<IMyGroup[]>[])
+    const listcircuitsfiltered = ref(<IMyCircuit[]>[])
+
+
+    function profile() {
+      return userStore.my.profile
+    }
+
+    function myusername() {
+      return userStore.my.username
+    }
+
+    async function loadProfile() {
+      console.log('loadProfile...', username.value)
+      try {
+        // Carica il profilo di quest'utente
+        if (username.value) {
+          await userStore.loadUserProfile({ username: username.value, idnotif: idnotif.value }).then((ris) => {
+            console.log('loadUserProfile = ', ris)
+            myuser.value = ris
+            if (myuser.value) {
+              filtroutente.value = [{ userId: myuser.value._id }]
+              notifStore.setAsRead(idnotif.value)
+
+              try {
+                listgroupsfiltered.value = globalStore.mygroups.filter((grp: IMyGroup) => myuser.value!.profile.mygroups.findIndex((rec: IMyGroup) => rec.groupname === grp.groupname) >= 0)
+              } catch (e) {
+                listgroupsfiltered.value = []
+              }
+
+              try {
+                listcircuitsfiltered.value = myuser.value.profile.mycircuits
+              } catch (e) {
+                listcircuitsfiltered.value = []
+              }
+
+            }
+          })
+
+        }
+        caricato.value = true
+
+        optionsMainCards.value = tools.getoptionsMainCards(true)
+      }catch (e) {
+        console.error('ERR loadProfile', e)
+      }
+    }
+
+    watch(() => username.value, (to: any, from: any) => {
+      loadProfile()
+    })
+
+    watch(() => actualcard.value, (to: any, from: any) => {
+      loadProfile()
+    })
+
+    function mounted() {
+      loadProfile()
+    }
+
+    function getImgUser() {
+      if (myuser.value)
+        return userStore.getImgByProfile(myuser.value)
+      else
+        return ''
+    }
+
+    function checkifShow(col: string) {
+      //++Todo: checkifShow Permessi !
+      return true
+    }
+
+    function getLinkUserTelegram() {
+
+      if (myuser.value) {
+        if (!!myuser.value.profile.username_telegram) {
+          return 'https://t.me/' + myuser.value.profile.username_telegram
+        }
+      } else {
+        return ''
+      }
+    }
+
+    function getLinkWebSite() {
+      if (myuser.value) {
+        let site = myuser.value.profile.website!
+        if (site) {
+          if (!site.startsWith('http')) {
+            site = 'https://' + site
+          }
+        }
+        return site
+      } else {
+        return ''
+      }
+    }
+
+    function isMyRecord(username: string) {
+      return username === userStore.my.username
+    }
+
+    onMounted(mounted)
+
+    return {
+      username,
+      profile,
+      tools,
+      costanti,
+      myuser,
+      shared_consts,
+      getImgUser,
+      checkifShow,
+      getLinkUserTelegram,
+      getLinkWebSite,
+      filtroutente,
+      showPic,
+      myusername,
+      userStore,
+      t,
+      static_data,
+      animation,
+      isMyRecord,
+      getRefLink,
+      fieldsTable,
+      mycards,
+      actualcard,
+      caricato,
+      listgroupsfiltered,
+      idnotif,
+      showsendCoinTo,
+      site,
+      listcircuitsfiltered,
+      optionsMainCards,
+    }
+  }
+})
diff --git a/src/views/user/myactivities/myactivities.vue b/src/views/user/myactivities/myactivities.vue
new file mode 100755
index 00000000..d2963e8e
--- /dev/null
+++ b/src/views/user/myactivities/myactivities.vue
@@ -0,0 +1,160 @@
+<template>
+  <div
+    v-if="!caricato"
+    class="fit column no-wrap justify-evenly items-center content-start"
+  >
+    <q-skeleton type="QAvatar" size="140px" height="140px" animation="fade" />
+    <q-card flat bordered style="width: 250px">
+      <div class="text-h6">
+        <q-skeleton :animation="animation" />
+      </div>
+      <div class="col-12 text-h7 text-grey text-center">
+        {{ username }}
+      </div>
+      <div class="col-12 text-h7">
+        <q-skeleton :animation="animation" />
+      </div>
+
+      <div class="col-12 text-h8 q-mt-sm">
+        <q-skeleton :animation="animation" />
+      </div>
+      <div class="col-12 text-h8 q-mt-sm">
+        <q-skeleton :animation="animation" />
+      </div>
+    </q-card>
+  </div>
+  <div v-else-if="tools.isUserOk() || tools.isLogged()">
+    <div v-if="myuser">
+      <CNotifAtTop />
+      <div class="q-gutter-sm q-pa-sm q-pb-md">
+        <div
+          v-if="myuser && myuser.date_reg"
+          class="fit column no-wrap justify-evenly items-center content-start"
+        >
+          <div class="">
+            <q-avatar size="140px">
+              <q-img
+                :src="getImgUser()"
+                :alt="username"
+                img-class="imgprofile"
+                height="140px"
+                @click="showPic = true"
+              />
+            </q-avatar>
+          </div>
+          <div v-if="site.confpages.showNameSurname">
+            <div class="text-h6">
+              <span v-if="checkifShow('name')"> {{ myuser.name }}</span> <span v-if="checkifShow('surname')">{{
+                myuser.surname
+              }}</span>
+            </div>
+          </div>
+          <div class="col-12 text-h7 text-blue text-shadow-2">
+            {{ myuser.username }}
+          </div>
+
+
+          <CTitleBanner
+            v-if="site.confpages.showCompetenze"
+            class=""
+            :title="$t('profile.skills')"
+            bgcolor="bg-primary"
+            clcolor="text-white"
+            myclass="myshad"
+            :canopen="true"
+          >
+            <q-select
+              v-model="actualcard"
+              :options="optionsMainCards"
+              emit-value
+              borderless
+              map-options
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+            >
+              <template v-slot:option="scope">
+                <q-item v-bind="scope.itemProps">
+                  <q-item-section avatar>
+                    <q-icon :name="scope.opt.icon" />
+                  </q-item-section>
+                  <q-item-section>
+                    <q-item-label>{{ scope.opt.label }}</q-item-label>
+                    <!--<q-item-label caption>{{
+                        scope.opt.description
+                      }}</q-item-label>-->
+                  </q-item-section>
+                </q-item>
+              </template>
+            </q-select>
+
+            <q-tab-panels v-model="actualcard" animated>
+              <q-tab-panel
+                v-for="(card, ind) of mycards"
+                :key="ind"
+                :name="card.table"
+              >
+                <div v-if="card.table === 'mygroups'">
+                  <q-list>
+                    <span
+                      v-for="(grp, index) in listgroupsfiltered"
+                      :key="index"
+                      class="q-my-sm q-mx-none"
+                      clickable
+                    >
+                      <CMyGroup :mygrp="grp" :visu="costanti.USER_GROUPS">
+                      </CMyGroup>
+                    </span>
+                  </q-list>
+                </div>
+                <div v-else-if="card.table === 'circuits'">
+                  <q-list>
+                    <span
+                      v-for="(circuit, index) in listcircuitsfiltered"
+                      :key="index"
+                      class="q-my-sm q-mx-none"
+                      clickable
+                    >
+                      <CMyCircuit
+                        :mycircuit="circuit"
+                        :visu="costanti.USER_CIRCUITS"
+                      >
+                      </CMyCircuit>
+                    </span>
+                  </q-list>
+                </div>
+                <div v-else>
+                  <CSkill
+                    v-if="card.table === actualcard"
+                    :table="card.table"
+                    :filtercustom="filtroutente"
+                    :butt_modif_new="isMyRecord(myuser.username)"
+                  />
+                </div>
+              </q-tab-panel>
+            </q-tab-panels>
+          </CTitleBanner>
+        </div>
+      </div>
+
+      <q-dialog v-model="showPic" full-height full-width>
+        <img :src="getImgUser()" :alt="username" class="full-width" />
+      </q-dialog>
+
+      <div v-if="showsendCoinTo">
+        <CSendCoins
+          :showprop="showsendCoinTo"
+          :to_user="myuser"
+          @close="showsendCoinTo = false"
+        >
+        </CSendCoins>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./myactivities.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './myactivities.scss';
+</style>
+
diff --git a/src/views/user/mycircuit/mycircuit.vue b/src/views/user/mycircuit/mycircuit.vue
index 1491076a..e54be0e6 100755
--- a/src/views/user/mycircuit/mycircuit.vue
+++ b/src/views/user/mycircuit/mycircuit.vue
@@ -1,5 +1,6 @@
 <template>
   <CNotifAtTop/>
+  circuit: {{circuit}}
   <div class="q-gutter-sm q-pa-sm q-pb-md">
     <div v-if="!circuit && !loading">
       <div v-if="mystatus === 403">
diff --git a/src/views/user/myprofile/myprofile.ts b/src/views/user/myprofile/myprofile.ts
index 69255d53..aac4997a 100755
--- a/src/views/user/myprofile/myprofile.ts
+++ b/src/views/user/myprofile/myprofile.ts
@@ -196,6 +196,7 @@ export default defineComponent({
       idnotif,
       showsendCoinTo,
       site,
+      listcircuitsfiltered,
     }
   }
 })
diff --git a/src/views/user/myprofile/myprofile.vue b/src/views/user/myprofile/myprofile.vue
index 4a09bacd..f25780eb 100755
--- a/src/views/user/myprofile/myprofile.vue
+++ b/src/views/user/myprofile/myprofile.vue
@@ -153,6 +153,17 @@
                 :href="getLinkUserTelegram()" target="__blank">
               </q-btn>
 
+            </div>
+            <div class="col-md-6 col-sm-6 q-ma-xs col-xs-12">
+              <q-btn
+                icon="fas fa-house-user"
+                size="md"
+                color="red"
+                :label="$t('profile.myactivities')"
+                :to="`/skills/` + myusername()"
+                >
+              </q-btn>
+
             </div>
             <div class="col-md-6 col-sm-6 q-ma-xs col-xs-12">
               <q-btn
@@ -194,58 +205,6 @@
         </div>
 
 
-        <CTitleBanner
-          v-if="site.confpages.showCompetenze"
-          class="" :title="$t('profile.skills')" bgcolor="bg-primary" clcolor="text-white"
-          myclass="myshad" :canopen="true">
-
-          <q-tabs v-model="actualcard" class="text-blue">
-            <q-tab v-for="(card, ind) of mycards" :key="ind" :name="card.table" :label="card.title">
-
-            </q-tab>
-          </q-tabs>
-
-          <q-tab-panels v-model="actualcard" animated>
-            <q-tab-panel v-for="(card, ind) of mycards" :key="ind" :name="card.table">
-
-              <div v-if="card.table === 'mygroups'">
-                <q-list>
-                  <span v-for="(grp, index) in listgroupsfiltered" :key="index" class="q-my-sm q-mx-none" clickable>
-                    <CMyGroup
-                      :mygrp="grp"
-                      :visu="costanti.USER_GROUPS"
-                    >
-                    </CMyGroup>
-                  </span>
-                </q-list>
-
-              </div>
-              <div v-else-if="card.table === 'circuits'">
-                <q-list>
-                  <span v-for="(circuit, index) in listcircuitsfiltered" :key="index" class="q-my-sm q-mx-none" clickable>
-                    <CMyCircuit
-                      :mycircuit="circuit"
-                      :visu="costanti.USER_CIRCUITS"
-                    >
-                    </CMyCircuit>
-                  </span>
-                </q-list>
-
-              </div>
-              <div v-else>
-                <CSkill
-                  v-if="card.table === actualcard"
-                  :table="card.table"
-                  :filtercustom="filtroutente"
-                  :butt_modif_new="isMyRecord(myuser.username)"
-                />
-              </div>
-
-            </q-tab-panel>
-          </q-tab-panels>
-
-        </CTitleBanner>
-
 
         <div v-if="myuser && myuser._id && (userStore.IsMyFriendByUsername(myuser.username) || isMyRecord(myuser.username))">
           <CTitleBanner