From 05bf8ad495c7f00cfbbfab7bbc2223fe312567b3 Mon Sep 17 00:00:00 2001
From: Surya Paolo <paolo.arena77@gmail.com>
Date: Thu, 27 Nov 2025 00:48:53 +0100
Subject: [PATCH] - aggiunto il Comune di Residenza alla REgistrazione e al
 Tutorial

---
 src/common/shared_vuejs.ts                    |   1 +
 src/components/CGridTableRec/CGridTableRec.ts |   4 +
 .../CGridTableRec/CGridTableRec.vue           |   1 +
 .../CMyCardService/CMyCardService.scss        |  10 +-
 .../CMyCardService/CMyCardService.vue         |  32 ++---
 .../CMyFieldDb/CMyFieldDb-modern.scss         |  15 ++-
 src/components/CMyFieldDb/CMyFieldDb.ts       |  21 +++-
 src/components/CMyFieldDb/CMyFieldDb.vue      |  11 +-
 src/components/CMyFieldRec/CMyFieldRec.ts     |  18 ++-
 src/components/CMyFieldRec/CMyFieldRec.vue    |   2 +
 src/components/CMyPopupEdit/CMyPopupEdit.scss |   7 ++
 src/components/CMyPopupEdit/CMyPopupEdit.ts   |  49 ++------
 src/components/CMyPopupEdit/CMyPopupEdit.vue  |   3 +
 src/components/CMyRecCard/CMyRecCard.scss     |  28 +++--
 src/components/CMyRecCard/CMyRecCard.ts       | 112 ++++++++++--------
 src/components/CMyRecCard/CMyRecCard.vue      |   1 +
 src/components/CMySelect/CMySelect.vue        |   1 +
 src/components/CMyUser/CMyUser.vue            |   6 +-
 src/components/CSignUp/CSignUp.scss           |  10 +-
 src/components/CSignUp/CSignUp.ts             |  61 +++++++++-
 src/components/CSignUp/CSignUp.vue            | 100 ++++++++++++++--
 src/rootgen/admin/usersList/usersList.ts      |   4 +
 src/views/admin/dbop/dbop.vue                 |  84 +++++++------
 src/views/user/myfriends/myfriends.ts         |   1 +
 src/views/user/myprofile/myprofile.vue        |   4 +-
 25 files changed, 392 insertions(+), 194 deletions(-)

diff --git a/src/common/shared_vuejs.ts b/src/common/shared_vuejs.ts
index e73f269d..5f60372a 100755
--- a/src/common/shared_vuejs.ts
+++ b/src/common/shared_vuejs.ts
@@ -236,6 +236,7 @@ export const shared_consts = {
   FILTER_SENZA_NOTE: 1073741824,
   FILTER_DA_CONTATTARE: 2147483648,
   FILTER_FACILITATORE: 4294967296,
+  FILTER_USER_COMUNE: 8589934592,
 
   OPTIONS_SEARCH_ONLY_FULL_WORDS: 1,
   OPTIONS_SEARCH_USER_ONLY_FULL_WORDS: 2,
diff --git a/src/components/CGridTableRec/CGridTableRec.ts b/src/components/CGridTableRec/CGridTableRec.ts
index 34ef32cd..a979866e 100755
--- a/src/components/CGridTableRec/CGridTableRec.ts
+++ b/src/components/CGridTableRec/CGridTableRec.ts
@@ -1163,6 +1163,10 @@ export default defineComponent({
                   filtercustom.push({
                     'profile.resid_province': { $exists: true, $ne: '' },
                   });
+                } else if (myitemsingle === shared_consts.FILTER_USER_COMUNE) {
+                  filtercustom.push({
+                    'profile.resid_str_comune': { $exists: true, $ne: '' },
+                  });
                 } else if (myitemsingle === shared_consts.FILTER_USER_TELEGRAM_BLOCKED) {
                   filtercustom.push({ 'profile.teleg_id_old': { $gt: 1 } });
                 } else if (myitemsingle === shared_consts.FILTER_NOTE) {
diff --git a/src/components/CGridTableRec/CGridTableRec.vue b/src/components/CGridTableRec/CGridTableRec.vue
index a6dd1694..ef961302 100755
--- a/src/components/CGridTableRec/CGridTableRec.vue
+++ b/src/components/CGridTableRec/CGridTableRec.vue
@@ -629,6 +629,7 @@
                 v-else
                 :table="tablesel"
                 :prop_myrec="row"
+                :index-row="indexrow"
                 @cmdext="cmdExt"
                 :editOn="editOn"
                 :margin_right="margin_right"
diff --git a/src/components/CMyCardService/CMyCardService.scss b/src/components/CMyCardService/CMyCardService.scss
index dd14ed01..bca96f5a 100644
--- a/src/components/CMyCardService/CMyCardService.scss
+++ b/src/components/CMyCardService/CMyCardService.scss
@@ -563,12 +563,10 @@ $gradient-hover: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118,
   }
 
   .q-btn {
-    background: rgba(0, 0, 0, 0.5);
     backdrop-filter: blur(8px);
     transition: all $transition-speed ease;
 
     &:hover {
-      background: rgba(0, 0, 0, 0.7);
       transform: scale(1.1) rotate(90deg);
     }
   }
@@ -707,6 +705,14 @@ $gradient-hover: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118,
     transform: translateY(-2px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
   }
+
+  // Mantieni i colori Quasar per i chip colorati
+  &.text-white,
+  &.q-chip--colored {
+    :deep(.q-chip__content) {
+      color: inherit;
+    }
+  }
 }
 
 // ========================================
diff --git a/src/components/CMyCardService/CMyCardService.vue b/src/components/CMyCardService/CMyCardService.vue
index 9ea871db..b2d43036 100644
--- a/src/components/CMyCardService/CMyCardService.vue
+++ b/src/components/CMyCardService/CMyCardService.vue
@@ -445,21 +445,21 @@
                   />
                 </q-item-section>
 
-                <q-item-section>
-                  <q-item-label>
-                    <span
-                      v-for="(recstatus, index) in myrec.idStatusSkill"
-                      :key="index"
-                    >
-                      <q-chip
-                        dense
-                        :color="globalStore.getColByStatusSkills(recstatus)"
-                        text-color="white"
+                  <q-item-section>
+                    <q-item-label>
+                      <span
+                        v-for="(recstatus, index) in myrec.idStatusSkill"
+                        :key="index"
                       >
-                        {{ globalStore.getStatusSkillById(recstatus) }}
-                      </q-chip>
-                    </span>
-                  </q-item-label>
+                        <q-chip
+                          dense
+                          :color="globalStore.getColByStatusSkills(recstatus)"
+                          text-color="white"
+                        >
+                          {{ globalStore.getStatusSkillById(recstatus) }}
+                        </q-chip>
+                      </span>
+                    </q-item-label>
                 </q-item-section>
               </q-item>
               <div v-if="!isSmall">
@@ -511,7 +511,7 @@
                         text-color="white"
                         dense
                       >
-                        <span class="cal__quota-content">{{
+                        <span>{{
                           getSectorByRec(myrec)[0].descr
                         }}</span>
                       </q-chip>
@@ -526,7 +526,7 @@
                         color="blue"
                         text-color="white"
                       >
-                        <span class="cal__quota-content">{{
+                        <span>{{
                           getRecGoodSkillByRec(myrec)[0].descr
                         }}</span>
                       </q-chip>
diff --git a/src/components/CMyFieldDb/CMyFieldDb-modern.scss b/src/components/CMyFieldDb/CMyFieldDb-modern.scss
index 7172655f..1305d9d6 100644
--- a/src/components/CMyFieldDb/CMyFieldDb-modern.scss
+++ b/src/components/CMyFieldDb/CMyFieldDb-modern.scss
@@ -2,9 +2,12 @@
 // MODERN FIELD DB - COMPACT & PROFESSIONAL
 // ========================================
 
+.modern-field-container-con-flex {
+  display: flex;
+}
+
 // Container principale
 .modern-field-container {
-  display: flex;
   align-items: stretch;
   gap: 12px;
   padding: 8px 12px;
@@ -111,10 +114,13 @@
   }
 }
 
-// Valore campo (chip/display)
-.modern-field-value {
+.con-flex {
   flex: 1;
   display: flex;
+}
+
+// Valore campo (chip/display)
+.modern-field-value {
   align-items: center;
   padding: 8px 12px;
   min-height: 48px;
@@ -221,6 +227,7 @@
   0% {
     transform: translateX(-100%) rotate(45deg);
   }
+
   100% {
     transform: translateX(100%) rotate(45deg);
   }
@@ -280,4 +287,4 @@
     display: flex;
     flex-grow: 1;
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/CMyFieldDb/CMyFieldDb.ts b/src/components/CMyFieldDb/CMyFieldDb.ts
index 5f0b5dec..27498531 100755
--- a/src/components/CMyFieldDb/CMyFieldDb.ts
+++ b/src/components/CMyFieldDb/CMyFieldDb.ts
@@ -18,7 +18,8 @@ export default defineComponent({
   props: {
     title: {
       type: String,
-      required: true,
+      required: false,
+      default: '',
     },
     hint: {
       type: String,
@@ -125,6 +126,11 @@ export default defineComponent({
       required: false,
       default: '',
     },
+    myclass: {
+      type: String,
+      required: false,
+      default: '',
+    },
     idmain: {
       type: String,
       required: false,
@@ -140,6 +146,16 @@ export default defineComponent({
       required: false,
       default: false,
     },
+    isInModif: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    nosaveToDb: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     notAllowAtChar: {  // @
       type: Boolean,
       required: false,
@@ -163,7 +179,8 @@ export default defineComponent({
       console.log('showandsave CMyFieldDb:', newval)
       console.log('subkey', props.mysubkey, 'sskey', props.mysubsubkey)
 
-      await tools.saveInDBForTypes($q, props.mykey, newval, props.type, props.serv, props.table, props.mysubkey, props.id, props.indrec, props.mysubsubkey, props.specialField);
+      if (!props.nosaveToDb)
+        await tools.saveInDBForTypes($q, props.mykey, newval, props.type, props.serv, props.table, props.mysubkey, props.id, props.indrec, props.mysubsubkey, props.specialField);
 
       emit('savedInDb')
     }
diff --git a/src/components/CMyFieldDb/CMyFieldDb.vue b/src/components/CMyFieldDb/CMyFieldDb.vue
index 63524279..36dad6c6 100755
--- a/src/components/CMyFieldDb/CMyFieldDb.vue
+++ b/src/components/CMyFieldDb/CMyFieldDb.vue
@@ -1,5 +1,9 @@
 <template>
-  <div class="modern-field-container" :class="{ disabled: disable, readonly: !canModify && !canEdit }">
+  <div class="modern-field-container" :class="{
+    disabled: disable,
+    readonly: !canModify,
+    'modern-field-container-con-flex': !!title
+  }">
     <!-- Label/Titolo -->
     <div v-if="title" class="modern-field-label">
       <div class="label-content">
@@ -9,7 +13,7 @@
     </div>
 
     <!-- Valore/Edit -->
-    <div class="modern-field-value modern-popup-wrapper">
+    <div class="modern-field-value modern-popup-wrapper" :class="{ 'con-flex': !!title }">
       <CMyPopupEdit
         debounce="1000"
         :fielddb="true"
@@ -18,7 +22,9 @@
         :isrec="!!rec"
         :table="table"
         :hint="hint"
+        :isInModif="isInModif"
         :title="title"
+        :myclass="myclass"
         :field="mykey"
         :filter="filter"
         :subfield="mysubkey"
@@ -41,6 +47,7 @@
         :pickup="pickup"
         v-model:row="row"
         minuteinterval="1"
+        :nosaveToDb="nosaveToDb"
         @showandsave="showandsave"
         @save="save"
         :notAllowAtChar="notAllowAtChar"
diff --git a/src/components/CMyFieldRec/CMyFieldRec.ts b/src/components/CMyFieldRec/CMyFieldRec.ts
index 708c5082..fc12022c 100755
--- a/src/components/CMyFieldRec/CMyFieldRec.ts
+++ b/src/components/CMyFieldRec/CMyFieldRec.ts
@@ -14,7 +14,7 @@ import MixinBase from '@src/mixins/mixin-base'
 
 export default defineComponent({
   name: 'CMyFieldRec',
-  emits: ['save', 'update:rec', 'update_col'],
+  emits: ['save', 'update:rec', 'update_col', 'savedInDb'],
   props: {
     table: {
       type: String,
@@ -59,6 +59,16 @@ export default defineComponent({
       required: false,
       default: false,
     },
+    mysubkey_tosee: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    fieldsel_tosee: {
+      type: String,
+      required: false,
+      default: '',
+    },
     disable: {
       type: Boolean,
       required: false,
@@ -180,7 +190,7 @@ export default defineComponent({
     }
 
 
-    function showandsave(row: any, col: any, newval: any, valinitial: any) {
+    async function showandsave(row: any, col: any, newval: any, valinitial: any) {
       console.log('showandsave CMyFieldrec', row, col, newval)
       emit('save', props.rec, newval, col)
 
@@ -189,12 +199,14 @@ export default defineComponent({
 
       if (newval !== valinitial) {
         if (props.id) {
-          tools.saveInDBForTypes($q, mykey.value, newval, props.fieldtype || col.fieldtype, false, props.table, mysubkey.value, props.id, props.indrec, mysubsubkey.value, props.specialField, row)
+          await tools.saveInDBForTypes($q, mykey.value, newval, props.fieldtype || col.fieldtype, false, props.table, mysubkey.value, props.id, props.indrec, mysubsubkey.value, props.specialField, row)
         } else {
 
         }
       }
 
+      emit('savedInDb')
+
     }
 
     function withBorder() {
diff --git a/src/components/CMyFieldRec/CMyFieldRec.vue b/src/components/CMyFieldRec/CMyFieldRec.vue
index 2727e9cc..87cfea55 100755
--- a/src/components/CMyFieldRec/CMyFieldRec.vue
+++ b/src/components/CMyFieldRec/CMyFieldRec.vue
@@ -50,6 +50,8 @@
         :mysubsubkey="mysubsubkey"
         :type="fieldtype || col.fieldtype"
         :serv="false"
+        :subfield_to_see="mysubkey_tosee"
+        :fieldsel_tosee="fieldsel_tosee"
         :disable="disable"
         :jointable="jointable"
         :myimg="myimg"
diff --git a/src/components/CMyPopupEdit/CMyPopupEdit.scss b/src/components/CMyPopupEdit/CMyPopupEdit.scss
index 2bb4b0d7..41ffb6ec 100755
--- a/src/components/CMyPopupEdit/CMyPopupEdit.scss
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.scss
@@ -446,4 +446,11 @@
   .modern-chip {
     width: 100%;
   }
+}
+
+.class_select.q-select {
+  @media (max-width: 599px) {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
 }
\ No newline at end of file
diff --git a/src/components/CMyPopupEdit/CMyPopupEdit.ts b/src/components/CMyPopupEdit/CMyPopupEdit.ts
index de2f0a36..b6a0620d 100755
--- a/src/components/CMyPopupEdit/CMyPopupEdit.ts
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.ts
@@ -111,6 +111,11 @@ export default defineComponent({
       required: false,
       default: '',
     },
+    myclass: {
+      type: String,
+      required: false,
+      default: '',
+    },
     field2: {
       type: String,
       required: false,
@@ -824,7 +829,7 @@ export default defineComponent({
     }
 
     async function savefield(value: any, initialval: any, myq: any) {
-      if (!props.insertMode) {
+      if (!props.insertMode && !props.nosaveToDb) {
         let ret = null;
         myvalue.value = value;
         return tools.saveInDBForTypes(
@@ -843,7 +848,7 @@ export default defineComponent({
       }
     }
     async function savefield2(value: any, initialval: any, myq: any) {
-      if (!props.insertMode) {
+      if (!props.insertMode && !props.nosaveToDb) {
         let ret = null;
         myvalue2.value = value;
         return tools.saveInDBForTypes(
@@ -861,49 +866,11 @@ export default defineComponent({
         );
       }
     }
-    async function savefieldtosee(value: any, initialval: any, myq: any) {
-      if (!props.insertMode) {
-        let ret = null;
-        myvalue2.value = value;
-        return tools.saveInDBForTypes(
-          myq,
-          props.field2,
-          myvalue2.value,
-          props.type,
-          props.serv,
-          props.table,
-          props.fieldsel_tosee,
-          props.id,
-          props.indrec,
-          props.mysubsubkey,
-          props.specialField
-        );
-      }
-    }
 
     function annulla(val: any) {
       emit('annulla', true);
     }
 
-    function savefieldboolean(value: any) {
-      if (myvalue.value === undefined) myvalue.value = 'true';
-      else myvalue.value = value;
-
-      tools.saveInDBForTypes(
-        $q,
-        props.field,
-        myvalue,
-        props.type,
-        props.serv,
-        props.table,
-        props.subfield,
-        props.id,
-        props.indrec,
-        props.mysubsubkey,
-        props.specialField
-      );
-    }
-
     function Savedb(newVal: any, valinitial: any) {
       // console.log('Savedb', newVal)
 
@@ -950,7 +917,7 @@ export default defineComponent({
 
       // console.log('Savedb', newVal)
 
-      emit('showandsave', props.row, props.mycol, newVal, valinitial);
+      emit('showandsave', props.row, props.mycol, newVal, valinitial, myvaltosee.value);
       visueditor.value = false;
     }
 
diff --git a/src/components/CMyPopupEdit/CMyPopupEdit.vue b/src/components/CMyPopupEdit/CMyPopupEdit.vue
index 017a8cbc..883452ad 100755
--- a/src/components/CMyPopupEdit/CMyPopupEdit.vue
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.vue
@@ -1265,6 +1265,7 @@
                 :addnone="col?.addnone"
                 :filter_field="col?.filter_field"
                 :value_extra="value_extra"
+                :myclass="myclass"
                 :optval="fieldsTable.getKeyByTable(col.jointable)"
                 :optlab="fieldsTable.getLabelByTable(col.jointable)"
                 :options="
@@ -1763,6 +1764,7 @@
                 col.fieldtype === costanti.FieldType.select_by_server
               "
             >
+
               <CMySelect
                 :type_out="col.field_outtype"
                 :col="col"
@@ -1794,6 +1796,7 @@
                     col.filter
                   )
                 "
+                :class="myclass"
                 :useinput="col.allowNewValue"
                 :addstrrequired="addstrrequired"
                 :dense="dense"
diff --git a/src/components/CMyRecCard/CMyRecCard.scss b/src/components/CMyRecCard/CMyRecCard.scss
index 1a2bf475..7df9c440 100755
--- a/src/components/CMyRecCard/CMyRecCard.scss
+++ b/src/components/CMyRecCard/CMyRecCard.scss
@@ -17,7 +17,7 @@ $shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
 $mobile-breakpoint: 768px;
 
 // ========================================
-// WRAPPER CARD
+// WRAPPER CARD - ALTERNATING COLORS
 // ========================================
 .rec-card-wrapper {
   margin: 4px auto;
@@ -26,6 +26,22 @@ $mobile-breakpoint: 768px;
   @media (max-width: $mobile-breakpoint) {
     margin: 2px auto;
   }
+
+  &.is-even {
+    .modern-rec-card {
+      background: linear-gradient(135deg, rgba(49, 154, 239, 0.227) 0%, rgba(25, 118, 210, 0.05) 100%);
+      border-color: rgba(66, 165, 245, 0.15);
+      // ... resto degli stili blu
+    }
+  }
+
+  &.is-odd {
+    .modern-rec-card {
+      background: linear-gradient(135deg, rgba(38, 197, 218, 0.159) 0%, rgba(0, 150, 136, 0.05) 100%);
+      border-color: rgba(38, 198, 218, 0.15);
+      // ... resto degli stili teal
+    }
+  }
 }
 
 // ========================================
@@ -163,15 +179,11 @@ $mobile-breakpoint: 768px;
   padding: 8px;
   transition: all $transition-speed ease;
   margin-bottom: 4px;
+  position: relative;
+  overflow: hidden;
 
   &:hover {
     box-shadow: $shadow-md;
-    border-color: rgba(25, 118, 210, 0.2);
-  }
-
-  &.is-attending {
-    border-left: 3px solid $positive-color;
-    background: linear-gradient(to right, rgba(33, 186, 69, 0.05), white);
   }
 
   @media (max-width: $mobile-breakpoint) {
@@ -224,7 +236,7 @@ $mobile-breakpoint: 768px;
 }
 
 // ========================================
-// CONTENT SECTION
+// CONTENT SECTION - ALTERNATING COLORS
 // ========================================
 .content-section {
   padding: 0 8px 0 0 !important;
diff --git a/src/components/CMyRecCard/CMyRecCard.ts b/src/components/CMyRecCard/CMyRecCard.ts
index 3eadd94e..aa565d1a 100755
--- a/src/components/CMyRecCard/CMyRecCard.ts
+++ b/src/components/CMyRecCard/CMyRecCard.ts
@@ -1,19 +1,19 @@
-import type { PropType} from 'vue';
-import { defineComponent, onMounted, ref, watch, computed } from 'vue'
-import { useUserStore } from '@store/UserStore'
-import type { IUserFields} from 'model';
-import { IImgGallery, IUserProfile } from 'model'
-import { costanti } from '@costanti'
-import { shared_consts } from '@src/common/shared_vuejs'
-import { fieldsTable } from '@store/Modules/fieldsTable'
-import { tools } from '@tools'
-import { toolsext } from '@store/Modules/toolsext'
-import { useQuasar } from 'quasar'
-import { useI18n } from 'vue-i18n'
-import { CMyCardPopup } from '@src/components/CMyCardPopup'
-import { useRouter } from 'vue-router'
-import { useCalendarStore } from '@src/store/CalendarStore'
-import { useGlobalStore } from '@src/store/globalStore'
+import type { PropType } from 'vue';
+import { defineComponent, onMounted, ref, watch, computed } from 'vue';
+import { useUserStore } from '@store/UserStore';
+import type { IUserFields } from 'model';
+import { IImgGallery, IUserProfile } from 'model';
+import { costanti } from '@costanti';
+import { shared_consts } from '@src/common/shared_vuejs';
+import { fieldsTable } from '@store/Modules/fieldsTable';
+import { tools } from '@tools';
+import { toolsext } from '@store/Modules/toolsext';
+import { useQuasar } from 'quasar';
+import { useI18n } from 'vue-i18n';
+import { CMyCardPopup } from '@src/components/CMyCardPopup';
+import { useRouter } from 'vue-router';
+import { useCalendarStore } from '@src/store/CalendarStore';
+import { useGlobalStore } from '@src/store/globalStore';
 
 export default defineComponent({
   name: 'CMyRecCard',
@@ -29,6 +29,11 @@ export default defineComponent({
       required: false,
       default: null,
     },
+    indexRow: {
+      type: Number,
+      required: false,
+      default: 0,
+    },
     editOn: {
       type: Boolean,
       required: false,
@@ -38,77 +43,84 @@ export default defineComponent({
       type: Number,
       required: false,
       default: 0,
-    }
+    },
   },
 
   setup(props, { emit }) {
+    const userStore = useUserStore();
+    const calendarStore = useCalendarStore();
+    const globalStore = useGlobalStore();
+    const $q = useQuasar();
+    const { t } = useI18n();
+    const $router = useRouter();
 
-    const userStore = useUserStore()
-    const calendarStore = useCalendarStore()
-    const globalStore = useGlobalStore()
-    const $q = useQuasar()
-    const { t } = useI18n()
-    const $router = useRouter()
+    const myrec = ref(<any>null);
 
-    const myrec = ref(<any>null)
-
-    const visupage = ref(false)
+    const visupage = ref(false);
     const disabilita = computed(() => {
-      return props.table === shared_consts.TABLES_MYBACHECAS
-    })
-
-    watch(() => props.prop_myrec, (newval, oldval) => {
-
-      mounted()
-    })
+      return props.table === shared_consts.TABLES_MYBACHECAS;
+    });
 
+    watch(
+      () => props.prop_myrec,
+      (newval, oldval) => {
+        mounted();
+      }
+    );
 
     function mounted() {
       if (props.prop_myrec) {
-        myrec.value = props.prop_myrec
+        myrec.value = props.prop_myrec;
       }
     }
 
     function showBadge() {
       if (shared_consts.TABLES_SHOW_ADTYPE.includes(props.table)) {
-        return true
+        return true;
       }
 
-      return false
+      return false;
     }
 
     function getImgUser(profile: IUserFields) {
-      return userStore.getImgByProfile(profile)
+      return userStore.getImgByProfile(profile);
     }
 
     function naviga(path: string) {
-      $router.push(path)
+      $router.push(path);
     }
 
-    function setCmd($q: any, cmd: number, myusername: string, value: any, groupname: string) {
-      emit('setCmd', $q, cmd, myusername, value, groupname)
+    function setCmd(
+      $q: any,
+      cmd: number,
+      myusername: string,
+      value: any,
+      groupname: string
+    ) {
+      emit('setCmd', $q, cmd, myusername, value, groupname);
     }
 
     function cmdExt(cmd: any, val1: any, val2: any) {
-      emit('cmdext', cmd, val1, val2)
+      emit('cmdext', cmd, val1, val2);
     }
 
     function navigaExt(obj: any) {
-      cmdExt(costanti.CMD_SHOW_PAGE, null, obj)
+      cmdExt(costanti.CMD_SHOW_PAGE, null, obj);
       //let link = shared_consts.getDirectoryByTable(props.table) + '/' + obj._id
       //console.log('link', link)
       //$router.push(link)
     }
 
     function getNameToShow(user: IUserFields, col = null) {
-      if (myrec.value.groupname)
-        return myrec.value.groupname
-      else
-        return userStore.getNameToShow(user, col)
+      if (myrec.value.groupname) return myrec.value.groupname;
+      else return userStore.getNameToShow(user, col);
     }
 
     function isPartecipero() {
-      return (props.table === shared_consts.TABLES_MYBACHECAS && calendarStore.isPartecipero(myrec.value._id, props.table))
+      return (
+        props.table === shared_consts.TABLES_MYBACHECAS &&
+        calendarStore.isPartecipero(myrec.value._id, props.table)
+      );
     }
 
     function computedWidth() {
@@ -116,7 +128,7 @@ export default defineComponent({
       return `${Math.min(width, 600)}px`; // Limita la larghezza massima a 600px
     }
 
-    onMounted(mounted)
+    onMounted(mounted);
 
     return {
       t,
@@ -140,6 +152,6 @@ export default defineComponent({
       disabilita,
       globalStore,
       computedWidth,
-    }
+    };
   },
-})
+});
diff --git a/src/components/CMyRecCard/CMyRecCard.vue b/src/components/CMyRecCard/CMyRecCard.vue
index 30cb47c4..6068bf02 100755
--- a/src/components/CMyRecCard/CMyRecCard.vue
+++ b/src/components/CMyRecCard/CMyRecCard.vue
@@ -1,6 +1,7 @@
 <template>
   <div
     class="rec-card-wrapper"
+    :class="{ 'is-even': indexRow % 2 === 0, 'is-odd': indexRow % 2 !== 0 }"
     :style="{ maxWidth: computedWidth() }"
   >
     <!-- Evento Calendar con data grande -->
diff --git a/src/components/CMySelect/CMySelect.vue b/src/components/CMySelect/CMySelect.vue
index 1d1f08e2..0ceffef0 100755
--- a/src/components/CMySelect/CMySelect.vue
+++ b/src/components/CMySelect/CMySelect.vue
@@ -106,6 +106,7 @@
         :label="addstrrequired + label"
         input-debounce="300"
         :input-class="myclass"
+        :class="myclass"
         :options="valori"
         :option-value="optval"
         :option-label="(opt) => getOptionLabel(opt)"
diff --git a/src/components/CMyUser/CMyUser.vue b/src/components/CMyUser/CMyUser.vue
index c41dd836..56407fff 100755
--- a/src/components/CMyUser/CMyUser.vue
+++ b/src/components/CMyUser/CMyUser.vue
@@ -76,11 +76,11 @@
         <span
           v-if="contact.profile && contact.profile.resid_str_comune"
           class="show_comune_title"
-          >Comune:
-          <span class="show_comune">{{ contact.profile.resid_str_comune }}</span>
+          >
+          <span class="show_comune">{{ contact.profile.resid_str_comune }} ({{ contact.profile.resid_province }})</span>
         </span>
         <span
-          v-if="contact.profile && contact.profile.resid_province"
+          v-if="contact.profile && contact.profile.resid_province && !contact.profile.resid_str_comune"
           class="show_province_title"
           ><span class="show_province">({{ contact.profile.resid_province }})</span>
         </span>
diff --git a/src/components/CSignUp/CSignUp.scss b/src/components/CSignUp/CSignUp.scss
index b6934492..8c7a2a27 100755
--- a/src/components/CSignUp/CSignUp.scss
+++ b/src/components/CSignUp/CSignUp.scss
@@ -233,14 +233,14 @@ $mobile-footer-height: 80px;
 }
 
 .step-line {
-  width: 60px;
+  width: 50px;
   height: 3px;
   background: linear-gradient(to right, #e0e0e0, #bdbdbd);
   margin: 0 4px;
   transition: all $transition-speed ease;
 
   @media (max-width: $mobile-breakpoint) {
-    width: 40px;
+    width: 30px;
   }
 
   .completed + & {
@@ -288,8 +288,8 @@ $mobile-footer-height: 80px;
   animation: fadeIn 0.4s ease;
 
   @media (max-width: $mobile-breakpoint) {
-    padding: 0px 16px 16px;
-    gap: 12px;
+    padding: 0px 8px 8px;
+    gap: 2px;
     min-height: calc(100vh - 280px);
   }
 
@@ -306,7 +306,7 @@ $mobile-footer-height: 80px;
   border-bottom: 2px solid rgba(0, 0, 0, 0.05);
 
   @media (max-width: $mobile-breakpoint) {
-    padding-bottom: 12px;
+    padding-bottom: 0px;
   }
 
   .q-icon {
diff --git a/src/components/CSignUp/CSignUp.ts b/src/components/CSignUp/CSignUp.ts
index b343064d..5ec8d29e 100755
--- a/src/components/CSignUp/CSignUp.ts
+++ b/src/components/CSignUp/CSignUp.ts
@@ -21,6 +21,8 @@ import {
   watch,
 } from 'vue';
 import { CSignIn } from '@src/components/CSignIn';
+import { CMyFieldDb } from '@src/components/CMyFieldDb';
+import { CMyFieldRec } from '@src/components/CMyFieldRec';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { DefaultProfile, useUserStore } from '@store/UserStore';
@@ -28,6 +30,7 @@ import useValidate from '@vuelidate/core';
 import useVuelidate from '@vuelidate/core';
 
 import { shared_consts } from '@src/common/shared_vuejs';
+import { costanti } from '@costanti';
 
 import { minLength, required, sameAs } from '@vuelidate/validators';
 
@@ -49,7 +52,15 @@ import { useInvitaAmicoStore } from 'app/src/stores/useInvitaAmicoStore';
 
 export default defineComponent({
   name: 'CSignUp',
-  components: { Logo, CTitleBanner, PagePolicy, CCopyBtn, CRegistration },
+  components: {
+    Logo,
+    CTitleBanner,
+    PagePolicy,
+    CCopyBtn,
+    CRegistration,
+    CMyFieldDb,
+    CMyFieldRec,
+  },
   props: {
     showadultcheck: {
       type: Boolean,
@@ -131,9 +142,12 @@ export default defineComponent({
     const inputSurname = ref(<any>null);
     const inputPassword = ref(<any>null);
     const inputPassword2 = ref(<any>null);
+    const inputComune = ref(<any>null);
     const noinvito = ref(false);
+    const numStepTotali = ref('5');
+    const reccomune = ref(<any>{profile: {resid_str_comune: '', resid_comune: ''}});
 
-    const submitBtn = ref(<any>null);  // AGGIUNGI QUESTA RIGA
+    const submitBtn = ref(<any>null); // AGGIUNGI QUESTA RIGA
 
     // Responsive detection
     const isMobile = ref(false);
@@ -171,6 +185,8 @@ export default defineComponent({
           (inputPassword.value && inputPassword.value.hasError) ||
           !inputPassword2.value ||
           (inputPassword2.value && inputPassword2.value.hasError);
+      } else if (slide.value === '4') {
+        ret = !signup.profile.resid_str_comune || !signup.profile.resid_comune;
       }
 
       return ret;
@@ -200,9 +216,13 @@ export default defineComponent({
             inputPassword.value.focus();
           }
         } else if (newSlide === '4') {
+          if (inputComune.value) {
+            inputComune.value.focus();
+          }
+        } else if (newSlide === '5') {
           if (submitBtn.value) {
-        submitBtn.value.$el.focus();
-      }
+            submitBtn.value.$el.focus();
+          }
         }
       }
     );
@@ -243,6 +263,7 @@ export default defineComponent({
           complexityUser,
           registereduser,
         },
+        comune: {},
         name: {
           required:
             props.collettivo ||
@@ -501,6 +522,20 @@ export default defineComponent({
     onMounted(async () => {
       const token = props.token;
 
+      let dev = tools.isDevelop();
+
+      // dev = false;
+
+      if (dev) {
+        signup.email = 'test123@prova.com';
+        signup.username = 'test123';
+        signup.name = 'Nome';
+        signup.surname = 'Cognome';
+        signup.password = 'A12345678';
+        signup.repeatPassword = 'A12345678';
+        signup.aportador_solidario = 'surya1977';
+      }
+
       // Check mobile on mount
       checkMobile();
       window.addEventListener('resize', checkMobile);
@@ -518,6 +553,19 @@ export default defineComponent({
       }
     });
 
+    function updateComune(row: any, col: any, newval: any, valinit: any, valtosee: any) {
+      // console.log('updateComune', reccomune.value.profile.resid_comune)
+      if (!!row.profile.recCity) {
+        signup.profile.resid_comune = row.profile.recCity._id
+        signup.profile.resid_str_comune = row.profile.recCity.comune_solo
+        signup.profile.resid_province = row.profile.recCity.prov
+      } else {
+        signup.profile.resid_comune = ''
+        signup.profile.resid_str_comune = ''
+        signup.profile.resid_province = ''
+      }
+    }
+
     onUnmounted(() => {
       window.removeEventListener('resize', checkMobile);
     });
@@ -557,10 +605,15 @@ export default defineComponent({
       inputSurname,
       inputPassword,
       inputPassword2,
+      inputComune,
       shared_consts,
       isMobile,
       submitBtn,
       noinvito,
+      costanti,
+      updateComune,
+      numStepTotali,
+      reccomune,
     };
   },
 });
diff --git a/src/components/CSignUp/CSignUp.vue b/src/components/CSignUp/CSignUp.vue
index 562dd0dd..93907528 100755
--- a/src/components/CSignUp/CSignUp.vue
+++ b/src/components/CSignUp/CSignUp.vue
@@ -122,7 +122,7 @@
           <!-- Progress Stepper -->
           <div class="progress-stepper">
             <div
-              v-for="step in 4"
+              v-for="step in parseInt(numStepTotali)"
               :key="step"
               class="step-item"
               :class="{
@@ -139,7 +139,7 @@
                 <span v-else>{{ step }}</span>
               </div>
               <div
-                v-if="step < 4"
+                v-if="step < parseInt(numStepTotali)"
                 class="step-line"
               ></div>
             </div>
@@ -481,10 +481,66 @@
               </div>
             </q-carousel-slide>
 
-            <!-- Slide 4: Conferma e Policy -->
+            <!-- Slide 4: Comune -->
             <q-carousel-slide
               name="4"
               class="carousel-slide"
+            >
+              <div class="slide-content">
+                <div class="slide-header">
+                  <q-icon
+                    name="lock_outline"
+                    size="40px"
+                    color="primary"
+                  />
+                  <h2 class="slide-title">Comune di Residenza</h2>
+                  <p class="slide-subtitle">
+                    Seleziona il tuo comune di residenza, o dove vivi abitualmente, per
+                    connetterti con la Community Locale.
+                  </p>
+                </div>
+
+                <div class="form-fields">
+                  <!--<CMyFieldRec
+                    :nosaveToDb="true"
+                    table="users"
+                    tablesel="cities"
+                    jointable="cities"
+                    :pickup="true"
+                    :type="costanti.FieldType.select_by_server"
+                    :rec="signup"
+                    field="profile.resid_comune"
+                    mysubkey_tosee="resid_str_comune"
+                    fieldsel_tosee="comune"
+                    :canEdit="true"
+                    :canModify="true"
+                    @savedInDb="updateComune"
+                  ></CMyFieldRec>-->
+
+                  <CMyFieldDb
+                    :nosaveToDb="true"
+                    table="users"
+                    tablesel="cities"
+                    mykey="profile"
+                    mysubkey="recCity"
+                    label_trans="reg.resid_str_comune"
+                    :useinput="false"
+                    jointable="cities"
+                    :pickup="true"
+                    myclass="class_select"
+                    :isInModif="true"
+                    :type="costanti.FieldType.select_by_server"
+                    :rec="reccomune"
+                    @showandsave="updateComune"
+                  />
+                </div>
+              </div>
+            </q-carousel-slide>
+
+            <!-- Slide numStepTotali: Conferma e Policy -->
+            <q-carousel-slide
+              :name="numStepTotali"
+              class="carousel-slide"
             >
               <div class="slide-content final-slide">
                 <div class="slide-header">
@@ -527,6 +583,16 @@
                     />
                     <span>{{ signup.name }} {{ signup.surname }}</span>
                   </div>
+                  <div
+                    v-if="signup.profile.resid_str_comune"
+                    class="summary-item"
+                  >
+                    <q-icon
+                      name="home"
+                      color="primary"
+                    />
+                    <span>{{ signup.profile.resid_str_comune }} ({{ signup.profile.resid_province }})</span>
+                  </div>
                 </div>
 
                 <div class="policy-section">
@@ -571,7 +637,7 @@
               class="nav-btn back-btn"
             />
             <q-btn
-              v-if="slide !== '4'"
+              v-if="slide !== numStepTotali"
               unelevated
               color="primary"
               icon-right="arrow_forward"
@@ -581,7 +647,7 @@
               class="nav-btn next-btn"
             />
             <q-btn
-              v-if="slide === '4'"
+              v-if="slide === numStepTotali"
               ref="submitBtn"
               unelevated
               color="positive"
@@ -608,6 +674,7 @@
                 { label: '2', value: '2' },
                 { label: '3', value: '3' },
                 { label: '4', value: '4' },
+                { label: '5', value: '5' },
               ]"
             />
           </div>
@@ -689,16 +756,18 @@
               color="primary"
             />
             <div>
-              <p class="text-weight-medium q-mb-sm">Per accedere a RISO hai bisogno di un invito</p>
-              <p class="text-body2">
-                L'invito può essere di due tipi:
+              <p class="text-weight-medium q-mb-sm">
+                Per accedere a RISO hai bisogno di un invito
               </p>
+              <p class="text-body2">L'invito può essere di due tipi:</p>
               <ul class="invitation-types">
                 <li>
-                  <strong>Username dell'invitante:</strong> inserisci lo username di chi ti ha parlato di RISO
+                  <strong>Username dell'invitante:</strong> inserisci lo username di chi
+                  ti ha parlato di RISO
                 </li>
                 <li>
-                  <strong>Link di registrazione:</strong> usa il link personale che ti è stato inviato via email o messaggio
+                  <strong>Link di registrazione:</strong> usa il link personale che ti è
+                  stato inviato via email o messaggio
                 </li>
               </ul>
             </div>
@@ -714,8 +783,9 @@
             <div>
               <p class="text-weight-medium q-mb-sm">Non conosci nessuno di RISO?</p>
               <p class="text-body2">
-                Nessun problema! Puoi unirti alla comunità attraverso i nostri gruppi territoriali su Telegram
-                oppure contattarci direttamente via email. Saremo felici di darti il benvenuto! 🌱
+                Nessun problema! Puoi unirti alla comunità attraverso i nostri gruppi
+                territoriali su Telegram oppure contattarci direttamente via email. Saremo
+                felici di darti il benvenuto! 🌱
               </p>
             </div>
           </div>
@@ -728,7 +798,11 @@
             color="primary"
             icon="telegram"
             label="Gruppi Telegram Territoriali"
-            :href="tools.getLinkGruppiTerritorialiTelegram() ? tools.getLinkGruppiTerritorialiTelegram() : ''"
+            :href="
+              tools.getLinkGruppiTerritorialiTelegram()
+                ? tools.getLinkGruppiTerritorialiTelegram()
+                : ''
+            "
             target="_blank"
             class="action-btn full-width q-mb-sm"
             no-caps
diff --git a/src/rootgen/admin/usersList/usersList.ts b/src/rootgen/admin/usersList/usersList.ts
index 2aded024..bc9367e1 100755
--- a/src/rootgen/admin/usersList/usersList.ts
+++ b/src/rootgen/admin/usersList/usersList.ts
@@ -62,6 +62,10 @@ export default defineComponent({
             label: 'Telegram BOT Rimosso',
             value: shared_consts.FILTER_USER_TELEGRAM_BLOCKED
           },
+          {
+            label: 'Comune',
+            value: shared_consts.FILTER_USER_COMUNE
+          },
           {
             label: 'Provincia',
             value: shared_consts.FILTER_USER_PROVINCE
diff --git a/src/views/admin/dbop/dbop.vue b/src/views/admin/dbop/dbop.vue
index 194a9bf8..e4fba647 100755
--- a/src/views/admin/dbop/dbop.vue
+++ b/src/views/admin/dbop/dbop.vue
@@ -337,9 +337,7 @@
       <q-btn
         label="Replace Username"
         color="primary"
-        @click="
-          EseguiFunz('ReplaceUsername', search_username, replace_username)
-        "
+        @click="EseguiFunz('ReplaceUsername', search_username, replace_username)"
       ></q-btn>
       <q-btn
         label="Esci da tutti i Circuiti a saldo Zero"
@@ -350,19 +348,13 @@
         label="Replace AportadorSolidario"
         color="primary"
         @click="
-          EseguiFunz(
-            'replaceAportadorSolidario',
-            search_username,
-            replace_username
-          )
+          EseguiFunz('replaceAportadorSolidario', search_username, replace_username)
         "
       ></q-btn>
       <q-btn
         label="Replace Circuit"
         color="primary"
-        @click="
-          EseguiFunz('ReplaceCircuitName', search_username, replace_username)
-        "
+        @click="EseguiFunz('ReplaceCircuitName', search_username, replace_username)"
       ></q-btn>
       <br />
     </div>
@@ -383,9 +375,7 @@
       <q-btn
         label="Create Account Circuits"
         color="primary"
-        @click="
-          EseguiFunz('CreateAccountCircuits', search_username, replace_username)
-        "
+        @click="EseguiFunz('CreateAccountCircuits', search_username, replace_username)"
       ></q-btn>
       <br />
     </div>
@@ -411,7 +401,11 @@
         label="Fiducia Concessa"
         style="width: 300px"
       ></q-input>
-      <q-input v-model="valmax" label="Max Qta" style="width: 300px"></q-input>
+      <q-input
+        v-model="valmax"
+        label="Max Qta"
+        style="width: 300px"
+      ></q-input>
     </div>
     <div class="row">
       <q-btn
@@ -435,14 +429,7 @@
         label="Imposta Min e Max per TUTTI i Conti Personali di un Circuito"
         color="primary"
         @click="
-          EseguiFunz(
-            'ImpostaMinMaxPersonaliCircuito',
-            '',
-            '',
-            valmin,
-            valmax,
-            circuitId
-          )
+          EseguiFunz('ImpostaMinMaxPersonaliCircuito', '', '', valmin, valmax, circuitId)
         "
       ></q-btn>
     </div>
@@ -526,14 +513,7 @@
         label="Imposta Min e Max per i Circuiti Collettivi di DEFAULT"
         color="primary"
         @click="
-          EseguiFunz(
-            'ImpostaDefMinMaxCollettivi',
-            '',
-            '',
-            defmin,
-            defmax,
-            circuitId
-          )
+          EseguiFunz('ImpostaDefMinMaxCollettivi', '', '', defmin, defmax, circuitId)
         "
       ></q-btn>
       <br />
@@ -599,11 +579,22 @@
       <br />
     </div>
 
-    <q-spinner v-if="incaricamento" color="primary" size="3em" :thickness="2" />
+    <q-spinner
+      v-if="incaricamento"
+      color="primary"
+      size="3em"
+      :thickness="2"
+    />
 
-    <q-field stack-label dense>
+    <q-field
+      stack-label
+      dense
+    >
       <template v-slot:control>
-        <div class="self-center full-width no-outline text-center" tabindex="0">
+        <div
+          class="self-center full-width no-outline text-center"
+          tabindex="0"
+        >
           {{ ris }}
         </div>
       </template>
@@ -781,6 +772,14 @@
       color="negative"
       @click="EseguiFunz('convertProductInfos')"
     ></q-btn>
+    <div class="row">
+      <q-btn
+        label="Rimuovi i dati inutili nella Tabella MySkills"
+        color="negative"
+        @click="EseguiFunz('RemoveDatiInutiliMySkill')"
+      ></q-btn>
+      <br />
+    </div>
     <q-btn
       label="getGM_Lista_Argomenti"
       color="positive"
@@ -805,16 +804,23 @@
     <div class="results-content">
       {{ risultato }}
     </div>
-    <h2 v-if="!!risultatoHTML" class="results-title">Risultati HTML:</h2>
-    <div v-if="!!risultatoHTML" v-html="risultatoHTML"></div>
+    <h2
+      v-if="!!risultatoHTML"
+      class="results-title"
+    >
+      Risultati HTML:
+    </h2>
+    <div
+      v-if="!!risultatoHTML"
+      v-html="risultatoHTML"
+    ></div>
   </div>
   <br />
   <br />
   <br />
 </template>
-<script lang="ts" src="./dbop.ts">
-</script>
+<script lang="ts" src="./dbop.ts"></script>
 
 <style lang="scss" scoped>
-@import "./dbop";
+@import './dbop';
 </style>
diff --git a/src/views/user/myfriends/myfriends.ts b/src/views/user/myfriends/myfriends.ts
index 2e9aa8ba..bf986360 100755
--- a/src/views/user/myfriends/myfriends.ts
+++ b/src/views/user/myfriends/myfriends.ts
@@ -112,6 +112,7 @@ export default defineComponent({
             'profile.qualifica': 1,
             'profile.note': 1,
             'profile.da_contattare': 1,
+            'profile.resid_str_comune': 1,
             'profile.resid_province': 1,
             'mycities.reg': 1,
           }
diff --git a/src/views/user/myprofile/myprofile.vue b/src/views/user/myprofile/myprofile.vue
index 3e140960..70337218 100755
--- a/src/views/user/myprofile/myprofile.vue
+++ b/src/views/user/myprofile/myprofile.vue
@@ -713,12 +713,12 @@
                       v-bind="$attrs"
                       :copy="false"
                       :value="
-                        userStore.userprofile.profile.resid_str_comune
+                        userStore.userprofile.profile.resid_str_comune + (userStore.userprofile.profile.resid_province ? ' (' + userStore.userprofile.profile.resid_province + ')' : '')
                       "
                       label="Comune"
                     />
                     <CLabel
-                      v-if="!!userStore.userprofile.profile.resid_province"
+                      v-if="!!userStore.userprofile.profile.resid_province && !userStore.userprofile.profile.resid_str_comune"
                       v-bind="$attrs"
                       :copy="false"
                       :value="