+ Registered Users

+ UsersList Online

src/components/CMyPopupEdit/CMyPopupEdit.vue

@@ -80,17 +80,54 @@
             </div>
           </div>
           <div v-else-if="col.fieldtype === costanti.FieldType.username_chip">
-            <div class="q-ma-xs">
+            <div class="q-ma-xs chip_shadow">
               <span v-if="col.extrafield">
                 <span class="extrafield">{{ $t(col.extrafield) }}</span>
               </span>
 
+              <div
+                v-if="
+                  (col.tipovisu === costanti.TipoVisu.LINK ||
+                    col.tipovisu === costanti.TipoVisu.NONE) &&
+                  myvalue
+                "
+                class="q-pa-xs full-width justify-"
+              >
+                <q-item
+                  clickable
+                  v-ripple
+                  @click="
+                    gotoPage(
+                      col.link
+                        ? col.link.replace(col.name, myvalue)
+                        : `/my/username`.replace(col.name, myvalue)
+                    )
+                  "
+                >
+                  <q-item-section avatar>
+                    <q-avatar round size="48px">
+                      <img :src="userStore.getImgUserByUsername(myvalue)" />
+                      <q-badge v-if="tools.isUserOnline(row)" align="top" floating color="green">online</q-badge>
+                    </q-avatar>
+                  </q-item-section>
+                  <q-item-section class="">
+                    <q-item-label>{{ tools.getNameToShow(row) }}</q-item-label>
+                    <q-item-label caption>{{
+                      tools.getUserNameOnlyIfToShow(row)
+                    }}</q-item-label>
+                  </q-item-section>
+                  <q-item-section side></q-item-section>
+                </q-item>
+              </div>
+
+              <!--
               <q-btn
                 v-if="
                   (col.tipovisu === costanti.TipoVisu.LINK ||
                     col.tipovisu === costanti.TipoVisu.NONE) &&
                   myvalue
                 "
+                glossy
                 rounded
                 size="md"
                 :class="{ disabled: disable }"
@@ -102,9 +139,9 @@
                     ? col.link.replace(col.name, myvalue)
                     : `/my/username`.replace(col.name, myvalue)
                 "
-                :label="myvalue"
+                :label="tools.getNameToShow(row)"
               >
-              </q-btn>
+              </q-btn>-->
               <q-avatar
                 v-else-if="
                   col.tipovisu === costanti.TipoVisu.LINKIMG && myvalue