La foto non si carica bene sul server.

L'immagine della Bacheca metterla in fondo.
Creare un'area LAVORO ed un'area BACHECA.
Poter contattare la persona dalla pagina che si apre.
Riscritto visualizzazione della Card Competenza

src/views/testServer/testServer.ts

@@ -0,0 +1,15 @@
+import {
+  defineComponent, ref, computed,
+} from 'vue'
+
+import { CTestServer } from '../../components/CTestServer'
+
+export default defineComponent({
+  name: 'testServer',
+  components: { CTestServer },
+  setup() {
+
+    return {
+    }
+  },
+})

src/views/testServer/testServer.vue

@@ -0,0 +1,13 @@
+<template>
+  <q-page class="">
+
+   <CTestServer></CTestServer>
+
+  </q-page>
+
+</template>
+<script lang="ts" src="./testServer.ts">
+</script>
+<style lang="scss" scoped>
+@import './testServer.scss';
+</style>

src/views/user/mypagebacheca/mypagebacheca.ts

@@ -0,0 +1,27 @@
+import { computed, defineComponent, onMounted, ref, watch } from 'vue'
+import { useUserStore } from '@store/UserStore'
+import { useRoute, useRouter } from 'vue-router'
+import { useI18n } from '@/boot/i18n'
+import { useQuasar } from 'quasar'
+import { CMyCardPopup } from '@/components/CMyCardPopup'
+import { toolsext } from '@store/Modules/toolsext'
+
+export default defineComponent({
+  name: 'mypagebacheca',
+  components: { CMyCardPopup },
+  props: {},
+  setup() {
+    const userStore = useUserStore()
+    const $route = useRoute()
+    const $q = useQuasar()
+    const { t } = useI18n()
+
+    const idBacheca = computed(() => $route.params.idBacheca ? $route.params.idBacheca.toString() : 0)
+
+    return {
+      t,
+      idBacheca,
+      toolsext,
+    }
+  }
+})

src/views/user/mypagebacheca/mypagebacheca.vue

@@ -0,0 +1,24 @@
+<template>
+  <CMyPage title="Pagina:"
+           imgbackground="images/calendario_eventi.jpg"
+           sizes="max-height: 120px" styleadd="bottom: -20px !important;">
+
+    <CMyCardPopup
+      :table="toolsext.TABMYBACHECAS"
+      :idRec="idBacheca">
+
+    </CMyCardPopup>
+
+    <br>
+    <br>
+
+  </CMyPage>
+</template>
+
+<script lang="ts" src="./mypagebacheca.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './mypagebacheca.scss';
+</style>
+

src/views/user/mywork/mywork.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;
+}

src/views/user/mywork/mywork.ts

@@ -21,7 +21,7 @@ import { colCitys } from '@store/Modules/fieldsTable'
 
 
 export default defineComponent({
-  name: 'myuser',
+  name: 'mywork',
   components: { CProfile, CTitleBanner, CMyFieldDb, CSkill, CDateTime, CMyPage },
   props: {},
   setup() {
@@ -33,6 +33,8 @@ export default defineComponent({
 
     const animation = ref('fade')
 
+    const table = ref(toolsext.TABMYSKILLS)
+
     const idSkill = computed(() => $route.params.idSkill ? $route.params.idSkill.toString() : 0)
 
     const filtroutente = ref(<any[]>[])
@@ -94,6 +96,7 @@ export default defineComponent({
       animation,
       fieldsTable,
       colCitys,
+      table,
     }
   }
 })

src/views/user/mywork/mywork.vue

@@ -16,6 +16,7 @@
 
       <div class="row justify-evenly">
         <CSkill
+          :table="table"
           :filtercustom="filtroutente"
           :visuinpage="true"
         >
@@ -46,10 +47,10 @@
   </CMyPage>
 </template>
 
-<script lang="ts" src="./mypageskill.ts">
+<script lang="ts" src="./mywork.ts">
 </script>
 
 <style lang="scss" scoped>
-@import './mypageskill.scss';
+@import './mywork.scss';
 </style>