++ aggiunta la prenotazione negli eventi. con la lista degli utenti.

src/components/CMyCardService/CMyCardService.ts

@@ -5,9 +5,11 @@ import { CTitleBanner } from '@/components/CTitleBanner'
 import { CProfile } from '@/components/CProfile'
 import { CDateTime } from '@/components/CDateTime'
 import { CMyPage } from '@/components/CMyPage'
+import { CMyGroup } from '@/components/CMyGroup'
 import { CMyChipList } from '@/components/CMyChipList'
 import { CMyFieldRec } from '@/components/CMyFieldRec'
 import { CMyUser } from '@/components/CMyUser'
+import { CLabel } from '@/components/CLabel'
 import { CGalleryImages } from '@/components/CGalleryImages'
 import { CAccomodation } from '@/components/CAccomodation'
 import { tools } from '@store/Modules/tools'
@@ -18,18 +20,22 @@ import { useI18n } from '@/boot/i18n'
 import { toolsext } from '@store/Modules/toolsext'
 import { useQuasar } from 'quasar'
 import { costanti } from '@costanti'
-import { IColGridTable, IImgGallery, IUserFields } from 'model'
+import { EState, IBookedEventPage, IColGridTable, IBookedEvent, IEvents, IMessage, IMessagePage, IParamDialog } from '@model'
 import { shared_consts } from '@/common/shared_vuejs'
 import { colCitys, fieldsTable } from '@store/Modules/fieldsTable'
 import { useRoute, useRouter } from 'vue-router'
 import { useNotifStore } from '@store/NotifStore'
+import { lists } from '@store/Modules/lists'
+import translate from '@/globalroutines/util'
+import { useMessageStore } from '@src/store/MessageStore'
+import mixinEvents from '@src/mixins/mixin-events'
 
 export default defineComponent({
   name: 'CMyCardService',
   components: {
     CProfile, CTitleBanner,
     CMyFieldDb, CDateTime, CMyPage, CMyFieldRec, CAccomodation,
-    CMyUser, CGalleryImages, CMyChipList
+    CMyUser, CGalleryImages, CMyChipList, CLabel, CMyGroup
   },
   props: {
     table: {
@@ -56,22 +62,81 @@ export default defineComponent({
 
     const userStore = useUserStore()
     const calendarStore = useCalendarStore()
+    const messageStore = useMessageStore()
     const notifStore = useNotifStore()
     const globalStore = useGlobalStore()
     const $q = useQuasar()
     const $route = useRoute()
     const { t } = useI18n()
 
+
     const showPic = ref(false)
+    const loading = ref(false)
 
     const $router = useRouter()
 
+    const contextDay = ref(<any>null)
+
     const usersList = ref({ show: false, title: '', list: [] })
+    const bookedList = ref(<any>{ show: false, title: '', list: [] })
+
+    const formbookEventDefault = ref(<IBookedEvent>{
+      userId: '',
+      username: '',
+      msgbooking: '',
+      infoevent: '',
+      tableType: shared_consts.TABLETYPE.MyBachecas,
+      numpeople: 1,
+      numpeopleLunch: 0,
+      numpeopleDinner: 0,
+      numpeopleDinnerShared: 0,
+      datebooked: tools.getDateNow(),
+      booked: false,
+      modified: false
+    })
+
+    const formAskForDefault = ref(<IMessage>{
+      dest: '',
+      origin: '',
+      message: '',
+    })
+
+    const bookEventForm = ref({ ...formbookEventDefault.value })
+    const askInfoForm = ref(<IMessage>{
+      dest: '',
+      origin: '',
+      message: '',
+    })
+
+    const askInfopage = ref(<IMessagePage>{
+      show: false,
+      msg: {
+        message: ''
+      },
+      state: EState.None
+    })
+
+
+    const bookEventpage = ref(<IBookedEventPage>{
+      show: false,
+      bookedevent: {
+        userId: '',
+        username: '',
+        tableType: shared_consts.TABLETYPE.MyBachecas,
+        numpeople: 0,
+        infoevent: '',
+        msgbooking: '',
+        modified: false,
+        booked: false
+      },
+      state: EState.Creating,
+    })
 
     const myrec = ref(<any>{})
     const col = ref(<IColGridTable>{})
 
     const idnotif = computed(() => $route.query.idnotif ? $route.query.idnotif.toString() : '')
+    const arrbookings = computed(() => calendarStore.findAllBookedByIdEvent(myrec.value._id))
 
     function profile() {
       return userStore.my.profile
@@ -139,23 +204,47 @@ export default defineComponent({
       return null
     }
 
-    function clicca(tipo: any, myset: any, title: string) {
+    async function clicca(tipo: any, myset: any, title: string) {
       let mylist = null
       if (tipo === costanti.TIPOFAVBOOK.FAVORITE) {
         if (myset) {
-          userStore.setFavorite($q, t, myrec.value._id, props.table, myrec.value);
+          await userStore.setFavorite($q, t, myrec.value._id, props.table, myrec.value);
         }
         mylist = myrec.value.myfav
       } else if (tipo === costanti.TIPOFAVBOOK.BOOKMARK) {
         if (myset) {
-          userStore.setBookmark($q, t, myrec.value._id, props.table, myrec.value);
+          await 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);
+          loading.value = true
+          const risrecord = await userStore.setSeen($q, t, myrec.value._id, props.table, myrec.value)
+          if (risrecord) {
+            myrec.value = risrecord
+
+            calendarStore.updatearrBookingEvent(myrec.value._id, risrecord.mybookings)
+
+            bookEventpage.value.state = EState.None
+
+            const findev = calendarStore.findEventBooked(myrec.value._id, false)
+            EditBookEvent(false)
+          }
+          loading.value = false
         }
         mylist = myrec.value.myseen
+      } else if (tipo === costanti.TIPOFAVBOOK.ATTEND) {
+        if (myset) {
+          // userStore.setAttend($q, t, myrec.value._id, props.table, bookEventpage.value.bookedevent.numpeople, myrec.value);
+        }
+        mylist = arrbookings.value
+
+        if (!myset && mylist && mylist.length > 0) {
+          bookedList.value.show = true;
+          bookedList.value.title = title;
+          bookedList.value.list = mylist;
+        }
+        return true;
       }
 
       if (!myset && mylist && mylist.length > 0) {
@@ -180,6 +269,180 @@ export default defineComponent({
       return obj
     }
 
+    function hasModifiedBooking() {
+      return (bookEventpage.value.bookedevent.numpeople !== bookEventForm.value.numpeople) ||
+        (bookEventpage.value.bookedevent.numpeopleLunch !== bookEventForm.value.numpeopleLunch) ||
+        (bookEventpage.value.bookedevent.numpeopleDinner !== bookEventForm.value.numpeopleDinner) ||
+        (bookEventpage.value.bookedevent.numpeopleDinnerShared !== bookEventForm.value.numpeopleDinnerShared) ||
+        (bookEventpage.value.bookedevent.msgbooking !== bookEventForm.value.msgbooking) ||
+        (bookEventpage.value.bookedevent.booked !== bookEventForm.value.booked)
+    }
+
+    function checkseinviaMsg() {
+      return (bookEventpage.value.state === EState.Creating) && (!bookEventForm.value.booked)
+    }
+
+    function getTitleBtnBooking() {
+      if (bookEventpage.value.state === EState.Creating) {
+        return t('dialog.book')
+      } else {
+        return t('dialog.update')
+      }
+    }
+
+    function EditBookEvent(show: boolean) {
+
+      // const bookedevent: any = calendarStore.findEventBooked(myrec.value._id, false)
+      const bookedevent: any = arrbookings.value.find((recbook: IBookedEvent) => recbook.userId === userStore.my._id)
+
+
+      console.log('bookedevent', bookedevent)
+
+      if (bookedevent) {
+        bookEventForm.value._id = bookedevent._id
+        bookEventForm.value.numpeople = bookedevent.numpeople
+        bookEventForm.value.numpeopleLunch = bookedevent.numpeopleLunch
+        bookEventForm.value.numpeopleDinner = bookedevent.numpeopleDinner
+        bookEventForm.value.numpeopleDinnerShared = bookedevent.numpeopleDinnerShared
+        bookEventForm.value.infoevent = bookedevent.infoevent
+        bookEventForm.value.msgbooking = bookedevent.msgbooking
+        bookEventForm.value.booked = bookedevent.booked
+        bookEventForm.value.datebooked = bookedevent.datebooked
+        bookEventpage.value.state = EState.Modifying
+      } else {
+        bookEventpage.value.state = EState.Creating
+      }
+
+      bookEventpage.value.bookedevent = bookedevent
+      bookEventpage.value.show = show
+    }
+
+    async function BookEvent(eventparam: IBookedEvent) {
+      const ris = await calendarStore.BookEvent(eventparam)
+      load()
+      return ris
+    }
+
+    function saveBookEvent(myevent: IEvents) {
+
+      if (true) {
+        // close the dialog
+        bookEventpage.value.show = false
+
+        // bookEventForm.value.booked = bookEventForm.value.bookedcheck
+
+        const data: IBookedEvent = {
+          userId: userStore.my._id,
+          username: userStore.my.username,
+          id_bookedevent: myrec.value._id,
+          tableType: shared_consts.TABLETYPE.MyBachecas,
+          numpeople: bookEventForm.value.numpeople,
+          numpeopleLunch: bookEventForm.value.numpeopleLunch,
+          numpeopleDinner: bookEventForm.value.numpeopleDinner,
+          numpeopleDinnerShared: bookEventForm.value.numpeopleDinnerShared,
+          infoevent: tools.gettextevent(myrec.value),
+          msgbooking: bookEventForm.value.msgbooking,
+          booked: bookEventForm.value.booked,
+          datebooked: tools.getDateNow(),
+          modified: (bookEventpage.value.state !== EState.Creating)
+        }
+
+        BookEvent(data).then((ris) => {
+          if (ris)
+            tools.showPositiveNotif($q, t('cal.booked') + ' ' + t('cal.event') + ' "' + myrec.value.descr + '"')
+          else
+            tools.showNegativeNotif($q, t('cal.booked_error'))
+        })
+
+        contextDay.value = null
+      }
+    }
+
+    function executefunc(mythisq: any, table: string, func: number, par: IParamDialog) {
+
+      if (func === lists.MenuAction.DELETE) {
+        // console.log('param1', par.param1)
+        calendarStore.CancelBookingEvent({
+          ideventbook: par.param1,
+          notify: par.param2 === true ? '1' : '0',
+        }).then((ris: any) => {
+          if (ris) {
+            tools.showPositiveNotif(mythisq, t('cal.canceledbooking') + ' "' + par.param3 + '"')
+            if (bookEventpage.value)
+              bookEventpage.value.show = false
+          } else {
+            tools.showNegativeNotif(mythisq, t('cal.cancelederrorbooking'))
+          }
+        })
+      }
+    }
+
+    function CancelBookingEvent(mythisq: any, bookeventid: string, notify: boolean, mythis?: any) {
+
+      const mytitle = translate('cal.titlebooking')
+      const mytext = translate('cal.cancelbooking') + ' ' + tools.gettextevent(myrec.value) + '?'
+      const ok = translate('dialog.yes')
+      const funcok = lists.MenuAction.DELETE
+      const table = ''
+      const funccancel = 0
+      const par = {
+        param1: bookeventid,
+        param2: notify,
+        param3: myrec.value.descr,
+      }
+
+      // console.log('CancelBookingEvent ', myrec.value)
+      return $q.dialog({
+        message: mytext,
+        html: true,
+        ok: {
+          label: ok,
+          push: true,
+        },
+        title: mytitle,
+        cancel: true,
+        persistent: false,
+      }).onOk(() => {
+        // console.log('OK')
+        executefunc($q, table, funcok, par)
+        return true
+      }).onCancel(() => {
+        // console.log('CANCEL')
+        executefunc($q, table, funccancel, par)
+        return false
+      })
+    }
+
+    function sendMsg(info: boolean) {
+      askInfopage.value.show = false
+
+      const data: IMessage = {
+        source: {
+          event_id: myrec.value._id,
+          infoevent: tools.gettextevent(myrec.value)
+        },
+        origin: userStore.my.username,
+        dest: myrec.value.username,
+        message: info ? askInfoForm.value.message : bookEventForm.value.msgbooking
+      }
+
+      messageStore.SendMsgEvent(data).then((ris) => {
+        contextDay.value = null
+        if (ris)
+          tools.showPositiveNotif($q, t('cal.sendmsg_sent'))
+        else
+          tools.showNegativeNotif($q, t('cal.sendmsg_error'))
+      })
+
+    }
+
+    function isAlreadyBooked() {
+      // const calendarStore = useCalendarStore()
+      // return calendarStore.findEventBooked(myrec.value._id, true)
+      arrbookings.value.find((recbook: IBookedEvent) => recbook.userId === userStore.my._id && recbook.booked)
+    }
+
+
     onMounted(mounted)
 
     return {
@@ -189,6 +452,7 @@ export default defineComponent({
       myrec,
       shared_consts,
       globalStore,
+      site: globalStore.site,
       showPic,
       userStore,
       t,
@@ -203,9 +467,24 @@ export default defineComponent({
       getSectorByRec,
       getRecGoodSkillByRec,
       usersList,
+      bookedList,
       clicca,
       naviga,
       getTypeHosps,
+      bookEventpage,
+      hasModifiedBooking,
+      checkseinviaMsg,
+      getTitleBtnBooking,
+      askInfoForm,
+      EState,
+      saveBookEvent,
+      EditBookEvent,
+      CancelBookingEvent,
+      sendMsg,
+      askInfopage,
+      isAlreadyBooked,
+      bookEventForm,
+      loading,
     }
   }
 })