Version 0.2.7

src/components/CMyCardPopup/CMyCardPopup.scss

@@ -32,3 +32,15 @@
   padding: 10px;
 
 }
+
+.img {
+  margin-left: auto;
+  margin-right: auto;
+
+  max-height: 350px;
+  max-width: 350px;
+  @media (max-width: 500px) {
+    max-height: 400px;
+    max-width: 400px;
+  }
+}

src/components/CMyCardPopup/CMyCardPopup.ts

@@ -13,7 +13,7 @@ import { useI18n } from '@/boot/i18n'
 import { toolsext } from '@store/Modules/toolsext'
 import { useQuasar } from 'quasar'
 import { costanti } from '@costanti'
-import { IColGridTable, IMyBacheca, IUserFields } from 'model'
+import { IColGridTable, IImgGallery, IUserFields } from 'model'
 import { shared_consts } from '@/common/shared_vuejs'
 import { colCitys, fieldsTable } from '@store/Modules/fieldsTable'
 
@@ -45,7 +45,7 @@ export default defineComponent({
 
     const showPic = ref(false)
 
-    const mybacheca = ref(<IMyBacheca>{})
+    const myrec = ref({})
     const col = ref(<IColGridTable>{})
 
     function profile() {
@@ -56,11 +56,11 @@ export default defineComponent({
       // Carica il profilo di quest'utente
       if (props.idRec > 0) {
         userStore.loadGeneric(props.table, props.idRec).then((ris) => {
-          mybacheca.value = ris
+          myrec.value = ris
         })
 
       } else {
-        mybacheca.value = props.prop_myrec
+        myrec.value = props.prop_myrec
       }
 
       col.value = fieldsTable.getArrColsByTable(props.table)
@@ -74,13 +74,21 @@ export default defineComponent({
       load()
     }
 
+    function getFullFileName(arrimage: IImgGallery[], username: string){
+      if (arrimage && arrimage.length > 0) {
+        return 'upload/profile/' + username + '/' + props.table + '/' + arrimage[0].imagefile
+      } else {
+        return ''
+      }
+    }
+
     onMounted(mounted)
 
     return {
       profile,
       tools,
       costanti,
-      mybacheca,
+      myrec,
       shared_consts,
       globalStore,
       showPic,
@@ -90,6 +98,7 @@ export default defineComponent({
       colCitys,
       toolsext,
       col,
+      getFullFileName,
     }
   }
 })

src/components/CMyCardPopup/CMyCardPopup.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-card class="dialog_card" v-if="mybacheca">
+  <q-card class="dialog_card q-mb-lg" v-if="myrec">
     <q-footer
       class="bg-white small-screen-only text-center"
       bordered
@@ -8,17 +8,24 @@
 
     </q-footer>
     <q-bar dense class="bg-primary text-white">
-      {{ mybacheca.username }}
+      {{ myrec.username }}
       <q-space/>
       <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
     </q-bar>
     <q-card-section class="inset-shadow">
+      <!-- Per ora visualizzo solo la Prima Immagine -->
+      <div class="text-center">
+
+        <q-img
+          v-if="tools.getValue(myrec, 'photos', '')"
+        :src="getFullFileName(tools.getValue(myrec, 'photos', ''), myrec.username)" class="img" alt="immagine bene"></q-img>
+      </div>
 
       <div class="text-center">
-        <q-chip :icon="fieldsTable.getIconByAdType(mybacheca.adType)"
-                :color="fieldsTable.getColByAdType(mybacheca.adType)"
+        <q-chip :icon="fieldsTable.getIconByAdType(myrec.adType)"
+                :color="fieldsTable.getColByAdType(myrec.adType)"
                 text-color="white">{{
-            fieldsTable.getValByTabAndId(table, 'adType', mybacheca.adType)
+            fieldsTable.getValByTabAndId(table, 'adType', myrec.adType)
           }}
         </q-chip>
       </div>
@@ -27,23 +34,23 @@
 
       <div v-for="(mycol, index) of col" :key="index">
         <div
-          v-if="(mycol.visible && (tools.checkIfShowField(mycol, tools.TIPOVIS_SHOW_RECORD, false, tools.getValue(mybacheca, mycol.field, mycol.subfield))))">
+          v-if="(mycol.visible && (tools.checkIfShowField(mycol, tools.TIPOVIS_SHOW_RECORD, false, tools.getValue(myrec, mycol.field, mycol.subfield))))">
           <div v-if="mycol.fieldtype === costanti.FieldType.html">
             <div class="note-bacheca"
-                 v-html="tools.getValue(mybacheca, mycol.field, mycol.subfield)">
+                 v-html="tools.getValue(myrec, mycol.field, mycol.subfield)">
 
             </div>
           </div>
           <div v-else-if="mycol.name === 'descr'">
             <div class="text-bacheca">
-              {{ tools.getValue(mybacheca, mycol.field, mycol.subfield) }}
+              {{ tools.getValue(myrec, mycol.field, mycol.subfield) }}
             </div>
           </div>
           <CMyFieldRec
             v-else
             :table="table"
-            :id="mybacheca._id"
-            :rec="mybacheca"
+            :id="myrec._id"
+            :rec="myrec"
             :field="mycol.field"
             :canEdit="false"
             :canModify="false">
@@ -51,7 +58,7 @@
         </div>
       </div>
 
-
+      <br><br>
     </q-card-section>
 
   </q-card>