From 6f1f962c0a1c527e70112181e73215cdbedb34f6 Mon Sep 17 00:00:00 2001
From: Surya Paolo <paolo.arena77@gmail.com>
Date: Thu, 13 Apr 2023 14:27:06 +0200
Subject: [PATCH] aggiunto "Seen"

---
 src/common/shared_vuejs.ts                    |  1 +
 src/components/CFinder/CFinder.ts             |  4 +++
 .../CMyCardService/CMyCardService.ts          |  8 +++++
 .../CMyCardService/CMyCardService.vue         | 34 ++++++++++++++++++
 src/components/CMyRecCard/CMyRecCard.vue      | 12 ++++++-
 src/components/CSkill/CSkill.ts               |  6 ++++
 src/model/UserStore.ts                        |  6 ++++
 src/statics/lang/it.js                        |  1 +
 src/store/Modules/costanti.ts                 |  1 +
 src/store/UserStore.ts                        | 36 ++++++++++++++++++-
 10 files changed, 107 insertions(+), 2 deletions(-)

diff --git a/src/common/shared_vuejs.ts b/src/common/shared_vuejs.ts
index e886a6a7..b84fe9ca 100755
--- a/src/common/shared_vuejs.ts
+++ b/src/common/shared_vuejs.ts
@@ -1613,6 +1613,7 @@ export const shared_consts = {
       'profile.username_telegram': 1,
       'profile.favorite': 1,
       'profile.bookmark': 1,
+      'profile.seen': 1,
       reported: 1,
       date_report: 1,
       username_who_report: 1,
diff --git a/src/components/CFinder/CFinder.ts b/src/components/CFinder/CFinder.ts
index 0bf0a9c8..79782cc6 100755
--- a/src/components/CFinder/CFinder.ts
+++ b/src/components/CFinder/CFinder.ts
@@ -1161,6 +1161,7 @@ export default defineComponent({
               'profile.username_telegram': 1,
               'profile.favorite': 1,
               'profile.bookmark': 1,
+              'profile.seen': 1,
               idCity: 1,
               pub_to_share: 1,
               numLevel: 1,
@@ -1232,6 +1233,7 @@ export default defineComponent({
               'profile.username_telegram': 1,
               'profile.favorite': 1,
               'profile.bookmark': 1,
+              'profile.seen': 1,
               idCity: 1,
               pub_to_share: 1,
               dateTimeStart: 1,
@@ -1311,6 +1313,7 @@ export default defineComponent({
               'profile.username_telegram': 1,
               'profile.favorite': 1,
               'profile.bookmark': 1,
+              'profile.seen': 1,
               photos: 1,
               idCity: 1,
               pub_to_share: 1,
@@ -1360,6 +1363,7 @@ export default defineComponent({
               'profile.username_telegram': 1,
               'profile.favorite': 1,
               'profile.bookmark': 1,
+              'profile.seen': 1,
               idCity: 1,
               pub_to_share: 1,
               numLevel: 1,
diff --git a/src/components/CMyCardService/CMyCardService.ts b/src/components/CMyCardService/CMyCardService.ts
index bbfd9a7f..5d30871f 100644
--- a/src/components/CMyCardService/CMyCardService.ts
+++ b/src/components/CMyCardService/CMyCardService.ts
@@ -89,6 +89,9 @@ export default defineComponent({
         myrec.value = props.prop_myrec
       }
 
+      if (myrec.value)
+        clicca(costanti.TIPOFAVBOOK.SEEN, true, myrec.value._id)
+
       col.value = fieldsTable.getArrColsByTable(props.table)
     }
 
@@ -148,6 +151,11 @@ export default defineComponent({
           userStore.setBookmark($q, t, myrec.value._id, props.table, myrec.value);
         }
         mylist = myrec.value.mybook
+      } else if (tipo === costanti.TIPOFAVBOOK.SEEN) {
+        if (myset) {
+          userStore.setSeen($q, t, myrec.value._id, props.table, myrec.value);
+        }
+        mylist = myrec.value.myseen
       }
 
       if (!myset && mylist && mylist.length > 0) {
diff --git a/src/components/CMyCardService/CMyCardService.vue b/src/components/CMyCardService/CMyCardService.vue
index 5584ff14..502b3f8a 100644
--- a/src/components/CMyCardService/CMyCardService.vue
+++ b/src/components/CMyCardService/CMyCardService.vue
@@ -10,6 +10,22 @@
         </CGalleryImages>
 
         <q-card-actions align="right">
+          <div class="">
+            <q-btn
+              flat
+              round
+              color="blue"
+              icon="far fa-eye"
+            >
+              <q-badge
+                v-if="myrec.myseen"
+                color="primary"
+                :label="myrec.myseen.length"
+                floating
+                transparent
+              />
+            </q-btn>
+          </div>
           <div class="">
             <q-btn
               flat
@@ -83,6 +99,24 @@
                     </q-item-section>
                   </q-item>
                   <q-separator />
+                  <q-item
+                    clickable
+                    v-close-popup
+                    @click="
+                      clicca(
+                        costanti.TIPOFAVBOOK.SEEN,
+                        false,
+                        $t('cmd.seen', {num: myrec.myseen ? myrec.myseen.length : 0})
+                      )
+                    "
+                  >
+                    <q-item-section avatar>
+                      <q-icon color="blue" name="fas fa-eye" />
+                    </q-item-section>
+                    <q-item-section>
+                      {{ $t('cmd.seen', {num: myrec.myseen ? myrec.myseen.length : 0}) }}
+                    </q-item-section>
+                  </q-item>
                   <q-item
                     clickable
                     v-close-popup
diff --git a/src/components/CMyRecCard/CMyRecCard.vue b/src/components/CMyRecCard/CMyRecCard.vue
index 6114eba0..5da2b552 100755
--- a/src/components/CMyRecCard/CMyRecCard.vue
+++ b/src/components/CMyRecCard/CMyRecCard.vue
@@ -106,7 +106,17 @@
               {{ tools.getNameToShow(myrec) }}
             </div>
             <div class="q-mx-sm">
-              (<span class="">{{ myrec.myfav.length }}</span>
+              (
+              <span class="q-mx-xxs">{{ myrec.myseen.length }}</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="">{{ myrec.myfav.length }}</span>
               <span class="q-mx-xxs"
                 ><q-icon
                   dense
diff --git a/src/components/CSkill/CSkill.ts b/src/components/CSkill/CSkill.ts
index b8aaffb6..66f80d1f 100755
--- a/src/components/CSkill/CSkill.ts
+++ b/src/components/CSkill/CSkill.ts
@@ -117,6 +117,7 @@ export default defineComponent({
             'profile.username_telegram': 1,
             'profile.favorite': 1,
             'profile.bookmark': 1,
+            'profile.seen': 1,
             idCity: 1,
             pub_to_share: 1,
             numLevel: 1,
@@ -159,6 +160,7 @@ export default defineComponent({
             'profile.username_telegram': 1,
             'profile.favorite': 1,
             'profile.bookmark': 1,
+            'profile.seen': 1,
             idCity: 1,
             pub_to_share: 1,
             numLevel: 1,
@@ -201,6 +203,7 @@ export default defineComponent({
             'profile.username_telegram': 1,
             'profile.favorite': 1,
             'profile.bookmark': 1,
+            'profile.seen': 1,
             idCity: 1,
             pub_to_share: 1,
             numLevel: 1,
@@ -267,6 +270,7 @@ export default defineComponent({
             'profile.username_telegram': 1,
             'profile.favorite': 1,
             'profile.bookmark': 1,
+            'profile.seen': 1,
             idCity: 1,
             pub_to_share: 1,
             numLevel: 1,
@@ -310,6 +314,7 @@ export default defineComponent({
             'profile.username_telegram': 1,
             'profile.favorite': 1,
             'profile.bookmark': 1,
+            'profile.seen': 1,
             idCity: 1,
             pub_to_share: 1,
             numLevel: 1,
@@ -353,6 +358,7 @@ export default defineComponent({
             'profile.username_telegram': 1,
             'profile.favorite': 1,
             'profile.bookmark': 1,
+            'profile.seen': 1,
             idCity: 1,
             pub_to_share: 1,
             numLevel: 1,
diff --git a/src/model/UserStore.ts b/src/model/UserStore.ts
index 27438c17..c3d9757b 100755
--- a/src/model/UserStore.ts
+++ b/src/model/UserStore.ts
@@ -66,6 +66,10 @@ export interface IFavorite {
   id: string
   tab: number
 }
+export interface ISeen {
+  id: string
+  tab: number
+}
 
 export interface IFavBook {
   username: string
@@ -132,8 +136,10 @@ export interface IUserProfile {
   noFoto: boolean
   bookmark: IBookmark[]
   favorite: IFavorite[]
+  seen: ISeen[]
   myfav: IFavBook[]
   mybook: IFavBook[]
+  myseen: IFavBook[]
 
   // in memory
   asked_friends: any[]
diff --git a/src/statics/lang/it.js b/src/statics/lang/it.js
index f8f396dc..989204cd 100755
--- a/src/statics/lang/it.js
+++ b/src/statics/lang/it.js
@@ -1496,6 +1496,7 @@ const msg_it = {
       bookmark_unset: 'Rimosso dai Segnalibri',
       favorite: 'Piace a {num} utenti',
       bookmark: 'Salvato da {num} utenti',
+      seen: 'Visto da {num} utenti',
     },
   },
 
diff --git a/src/store/Modules/costanti.ts b/src/store/Modules/costanti.ts
index 3ae63093..40c270b7 100755
--- a/src/store/Modules/costanti.ts
+++ b/src/store/Modules/costanti.ts
@@ -20,6 +20,7 @@ export const costanti = {
   TIPOFAVBOOK: {
     FAVORITE: 1,
     BOOKMARK: 2,
+    SEEN: 3,
   },
 
   ENABLE_FRIENDS: false,
diff --git a/src/store/UserStore.ts b/src/store/UserStore.ts
index ce3f387b..83fc685b 100755
--- a/src/store/UserStore.ts
+++ b/src/store/UserStore.ts
@@ -35,7 +35,7 @@ import { Router } from 'vue-router'
 import { useProjectStore } from '@store/Projects'
 import { shared_consts } from '@/common/shared_vuejs'
 import { costanti } from '@costanti'
-import { IBookmark, IFavBook, IFavorite, IGroupShort, IMyGroup, IUserAdmins } from '@model/UserStore'
+import { IBookmark, ISeen, IFavBook, IFavorite, IGroupShort, IMyGroup, IUserAdmins } from '@model/UserStore'
 
 import globalroutines from '../globalroutines/index'
 import { useNotifStore } from '@store/NotifStore'
@@ -44,6 +44,7 @@ import { useCircuitStore } from './CircuitStore'
 export const CMD_USER = {
   SET_FAVORITE: 1,
   SET_BOOKMARK: 2,
+  SET_SEEN: 3,
 }
 
 export const DefaultUser: IUserFields = {
@@ -83,8 +84,10 @@ export const DefaultUser: IUserFields = {
     notifs: [],
     bookmark: [],
     favorite: [],
+    seen: [],
     myfav: [],
     mybook: [],
+    myseen: [],
     notif_idCities: [],
     notif_provinces: [],
     notif_regions: [],
@@ -152,8 +155,10 @@ export const DefaultProfile: IUserProfile = {
   notifs: [],
   bookmark: [],
   favorite: [],
+  seen: [],
   myfav: [],
   mybook: [],
+  myseen: [],
   notif_idCities: [],
   notif_provinces: [],
   notif_regions: [],
@@ -1676,6 +1681,12 @@ export const useUserStore = defineStore('UserStore', {
 
     },
 
+    isSeen(id: string, table: string) {
+      const tab = tools.getNumTabByTable(table)
+      const myseen = this.my.profile.seen.find((rec: ISeen) => ((rec.id === id) && (rec.tab === tab)))
+      return myseen
+    },
+
     isBookmarked(id: string, table: string) {
       const tab = tools.getNumTabByTable(table)
       const mybookmark = this.my.profile.bookmark.find((rec: IBookmark) => ((rec.id === id) && (rec.tab === tab)))
@@ -1718,5 +1729,28 @@ export const useUserStore = defineStore('UserStore', {
 
     },
 
+    async setSeen($q: any, t: any, id: any, table: string, myrec: any) {
+      let value = false
+
+      const tab = tools.getNumTabByTable(table)
+
+      value = this.isSeen(id, table) ? false : true
+
+      return await Api.SendReq('/users/cmd', 'POST', { cmd: CMD_USER.SET_SEEN, id, tab, value })
+        .then((res) => {
+          if (res && res.data.state === 1) {
+            if (!myrec.myseen)
+              myrec.myseen = []
+            this.my.profile.seen.push({ id, tab })
+            if (myrec)
+              myrec.myseen.push({ username: this.my.username })
+          }
+        }).catch((error) => {
+          console.error('error', error)
+          return {}
+        })
+
+    },
+
   },
 })