- la ricerca trova anche i "On Line" anche se metto la provincia o regione.

src/components/CMyRecCard/CMyRecCard.vue

@@ -35,8 +35,8 @@
             @click="cmdExt(costanti.CMD_SHOW_PAGE, myrec)"
           />
           <div>
-            {{tools.getstrDateTimeEvent($t, myrec, false)}}</div>
-
+            {{ tools.getstrDateTimeEvent($t, myrec, false) }}
+          </div>
         </div>
       </div>
     </div>
@@ -103,7 +103,11 @@
         </q-avatar>
       </q-item-section>
 
-      <q-item-section v-else-if="!myrec.organisedBy" avatar @click="naviga(`/my/` + myrec.username)">
+      <q-item-section
+        v-else-if="!myrec.organisedBy"
+        avatar
+        @click="naviga(`/my/` + myrec.username)"
+      >
         <q-badge
           v-if="showBadge()"
           class="q-my-xs self-center"
@@ -150,11 +154,36 @@
               ></span
             >
           </span>
+          <span
+            v-for="(recstatus, index) in myrec.idStatusSkill"
+            :key="index"
+            class="q-ml-xs"
+            style="vertical-align: middle"
+          >
+            <q-badge
+              v-if="(recstatus === costanti.STATUSSKILL_ONLINE) || myrec.idStatusSkill.length > 1"
+              dense
+              :color="globalStore.getColByStatusSkills(recstatus)"
+              text-color="white"              
+            >
+              <q-icon
+                :name="globalStore.getStatusSkillIconById(recstatus)"
+                color="white"
+                
+              />&nbsp;
+              {{ globalStore.getStatusSkillById(recstatus) }}
+            </q-badge>
+            
+          </span>
 
           <!--<span class="dateevent" v-if="myrec.dateTimeStart">dal <span class="datainizio">{{tools.getstrVeryShortDate(myrec.dateStart) }}</span> al <span class="datafine">{{ tools.getstrVeryShortDate(myrec.dateEnd) }}</span>
           </span>-->
         </q-item-label>
-        <q-item-label lines="4" :class="(table === shared_consts.TABLES_MYBACHECAS) ? 'text-bold':''" v-if="myrec.descr"
+
+        <q-item-label
+          lines="4"
+          :class="table === shared_consts.TABLES_MYBACHECAS ? 'text-bold' : ''"
+          v-if="myrec.descr"
           >{{ myrec.descr }}<br />
         </q-item-label>
         <q-item-label lines="1" style="" class="text_user_city">
@@ -173,7 +202,12 @@
             </div>
             <div class="q-mx-sm">
               (
-              <span v-if="table === shared_consts.TABLES_MYBACHECAS && tools.getNumPartecipantes(myrec) > 0">
+              <span
+                v-if="
+                  table === shared_consts.TABLES_MYBACHECAS &&
+                  tools.getNumPartecipantes(myrec) > 0
+                "
+              >
                 <span class="q-mx-xxs text-bold">{{
                   tools.getNumPartecipantes(myrec)
                 }}</span>
@@ -181,12 +215,16 @@
                   ><q-icon dense color="blue" name="far fa-check-circle" />
                 </span>
               </span>
-              <span class="q-mx-xxs">{{ myrec.numseen ? myrec.numseen : 0 }}</span>
+              <span class="q-mx-xxs">{{
+                myrec.numseen ? myrec.numseen : 0
+              }}</span>
               <span class="q-mx-xxs"
                 ><q-icon dense color="blue" name="far fa-eye" />
               </span>
               <span class="q-mx-xxs">&nbsp;</span>
-              <span class="" v-if="myrec">{{ myrec.numfav ? myrec.numfav : 0 }}</span>
+              <span class="" v-if="myrec">{{
+                myrec.numfav ? myrec.numfav : 0
+              }}</span>
               <span class="q-mx-xxs"
                 ><q-icon
                   dense