felicity-lims/frontend/vite/src/stores/notice.ts

import { defineStore } from 'pinia'
import {
  GET_NOTICES_BY_CREATOR
} from '../graphql/notice.queries';
import { INotice } from "../models/notice"
import { subtractDates } from  '../utils'

import { useApiUtil } from "../composables";

const { withClientQuery } = useApiUtil();


export const useNoticeStore = defineStore('notice', { 
    state: () => ({
        notices: [],
        filterBy: "all",
        filters: ['all', 'active', 'expired']
    } as {
        notices: INotice[],
        filterBy: string,
        filters: string[]
    }),
    getters: {
        getNotices: (state) => state.notices,
        getMyNotices: (state) => (uid) => state.notices?.filter(n => n.createdByUid === uid),
        getFilterBy: (state) => state.filterBy,
        getFilters: (state) => state.filters
    },
    actions: {
        async fetchMyNotices(uid: number){
            await withClientQuery(GET_NOTICES_BY_CREATOR, { uid }, "noticesByCreator")
              .then(payload => {
                this.notices = payload?.map(n => modifyExpiry(n))
              });
        },
        addNotice(notice: INotice){
            this.notices?.unshift(modifyExpiry(notice));
        },
        updateNotice(notice: INotice){
            const index = this.notices?.findIndex(x => x.uid === notice.uid);
            if(index > -1) this.notices[index] = modifyExpiry(notice);
        },
        deleteNotice(notice: INotice){
            const index = this.notices?.findIndex(x => x.uid === notice.uid);
            if(index > -1) this.notices?.splice(index,1);
        }

    }
})

const hasExpired = (notice: INotice) => new Date() > new Date(notice.expiry) 

const daysToExpiry = (notice: INotice) => subtractDates(new Date(), new Date(notice.expiry))

const modifyExpiry = (notice: INotice): INotice => {
    const expired = hasExpired(notice);
    const days = +daysToExpiry(notice);
    notice.expired = expired
    notice.dayToExpiration = days
    if(expired === true) {
        if(days === 0){
            notice.status = "expired today"
        } else {
            notice.status = "expired " + days + " days ago"
        }
    } else {
        if(days === 0){
            notice.status = "expiring today"
        } else {
            notice.status = "expiring in " + days + " days"
        }
    }
    return notice;
}