+ Registered Users

+ UsersList Online

src/components/CMyPopupEdit/CMyPopupEdit.ts

@@ -28,6 +28,7 @@ import MixinBase from '@/mixins/mixin-base'
 import MixinUsers from '@/mixins/mixin-users'
 import { toolsext } from '@store/Modules/toolsext'
 import { shared_consts } from '@/common/shared_vuejs'
+import { useRouter } from 'vue-router'
 
 
 export default defineComponent({
@@ -222,6 +223,8 @@ export default defineComponent({
 
     const myImgGall = ref([{}] as IImgGallery[])
 
+    const $router = useRouter()
+
     const col = ref(<IColGridTable>{
       name: 'test',
       fieldtype: 0,
@@ -770,6 +773,10 @@ export default defineComponent({
 
     }
 
+    function gotoPage(link: string) {
+      $router.push(link)
+    }
+
     function nameKeydown(e: any, col: any) {
       if (col.allowchar === costanti.ALLOWCHAR_CODE) {
 
@@ -817,6 +824,7 @@ export default defineComponent({
       myrow,
       shared_consts,
       nameKeydown,
+      gotoPage,
     }
   }
 })

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