strette di mano

src/layouts/toolbar/coinsPopover/coinsPopover.ts

@@ -16,6 +16,7 @@ import { useUserStore } from '@store/UserStore'
 
 import { CTitleBanner } from '@/components/CTitleBanner'
 import { CMyFieldRec } from '@/components/CMyFieldRec'
+import { CTimeAgo } from '@/components/CTimeAgo'
 import { CMyFieldDb } from '@/components/CMyFieldDb'
 import { CMyCircuits } from '@/components/CMyCircuits'
 import { CFinder } from '@/components/CFinder'
@@ -28,7 +29,7 @@ import { useGlobalStore } from '@store/globalStore'
 
 export default defineComponent({
   name: 'coinsPopover',
-  components: { CTitleBanner, CMyFieldRec, CMyFieldDb, CMyCircuits, CFinder },
+  components: { CTitleBanner, CMyFieldRec, CTimeAgo, CMyFieldDb, CMyCircuits, CFinder },
   emits: ['update:modelValue'],
   props: {
     modelValue: {

src/layouts/toolbar/coinsPopover/coinsPopover.vue

@@ -151,7 +151,8 @@
                 </q-item-label>
 
                 <q-item-label caption lines="1" :class="(!notif.read) ? 'unread-date' : 'read-date'" @click="clickNotif(notif)">
-                  {{ tools.timeAgo(notif.datenotif) }}
+                              <CTimeAgo :datetime="notif.datenotif" />
+
                   <!--{{ // getUsernameChatByNotif(notif) }}-->
                 </q-item-label>
               </q-item-section>

src/layouts/toolbar/notifPopover/notifPopover.ts

@@ -16,6 +16,7 @@ import { useGlobalStore } from '@store/globalStore'
 import { useUserStore } from '@store/UserStore'
 
 import { CTitleBanner } from '@/components/CTitleBanner'
+import { CTimeAgo } from '@/components/CTimeAgo'
 import { CMyFieldRec } from '@/components/CMyFieldRec'
 import { CMyFieldDb } from '@/components/CMyFieldDb'
 import { shared_consts } from '@/common/shared_vuejs'
@@ -26,7 +27,7 @@ import { waitAndcheckPendingNotif } from '../../../store/Modules/ApiTables'
 
 export default defineComponent({
   name: 'notifPopover',
-  components: { CTitleBanner, CMyFieldRec, CMyFieldDb },
+  components: { CTitleBanner, CMyFieldRec, CMyFieldDb, CTimeAgo },
   emits: ['update:modelValue'],
   props: {
     modelValue: {

src/layouts/toolbar/notifPopover/notifPopover.vue

@@ -113,6 +113,26 @@
                   />
                 </div>
               </q-item-label>
+              <q-item-label caption lines="2" v-if="notif.typedir === shared_consts.TypeNotifs.TYPEDIR_HANDSHAKE && notif.status === 0" v-ripple>
+                <div class="row no-wrap justify-evenly" v-if="userStore.IsReqHandShakeByUsername(notif.sender)">
+                  <q-btn
+                    dense
+                    rounded
+                    size="sm"
+                    icon="fas fa-user-plus"
+                    color="positive" :label="$t('handshake.accept')"
+                    @click="tools.addToMyHandShake(q, userStore.my.username, notif.sender)"
+                  />
+                  <q-btn
+                    dense
+                    rounded
+                    size="sm"
+                    icon="fas fa-user-minus"
+                    color="negative" :label="$t('handshake.refuse')"
+                    @click="tools.refuseReqHandShake(q, userStore.my.username, notif.sender)"
+                  />
+                </div>
+              </q-item-label>
               <q-item-label caption lines="2"
                             v-else-if="notif.typedir === shared_consts.TypeNotifs.TYPEDIR_GROUPS && notif.status === 0 && notif.typeid === shared_consts.TypeNotifs.ID_GROUP_REQUEST_TO_ENTER"
                             v-ripple>
@@ -137,7 +157,7 @@
               </q-item-label>
 
               <q-item-label caption lines="1" :class="(!notif.read) ? 'unread-date' : 'read-date'" @click="clickNotif(notif)">
-                {{ tools.timeAgo(notif.datenotif) }}
+                <CTimeAgo :datetime="notif.datenotif" />
                 <!--{{ // getUsernameChatByNotif(notif) }}-->
               </q-item-label>
             </q-item-section>