@finema/finework-layer 0.2.75 → 0.2.77

package/app/composables/useAuth.ts

@@ -1,207 +1,207 @@
-export enum Permission {
-  USER = 'USER',
-  ADMIN = 'ADMIN',
-  SUPER = 'SUPER',
-  NONE = 'NONE',
-}
-
-export const PERMISSION_LABEL = {
-  [Permission.ADMIN]: 'Admin',
-  [Permission.USER]: 'User',
-  [Permission.SUPER]: 'Settings',
-  [Permission.NONE]: 'No Access',
-}
-
-export interface ITeam {
-  id: string
-  name: string
-  code: string
-  color: string
-  description?: string
-  working_start_at: string
-  working_end_at: string
-  users: IUser[] | null
-  created_at: string
-  updated_at: string
-}
-
-export interface IUser {
-  id: string
-  email: string
-  full_name: string
-  display_name: string
-  position: string
-  team: ITeam
-  team_code: string
-  avatar_url: string
-  company: string
-  sig: string
-  access_level: IUserAccessLevel
-  is_active: boolean
-  joined_date: string
-  slack_id: string
-  created_at: string
-  updated_at: string
-}
-
-export enum UserModule {
-  CHECKIN = 'clockin',
-  PMO = 'pmo',
-  TIMESHEET = 'timesheet',
-  SETTING = 'setting',
-}
-
-export interface IUserAccessLevel {
-  used_id: string
-  pmo: Permission.USER | Permission.ADMIN | Permission.SUPER
-  clockin: Permission.USER | Permission.ADMIN
-  timesheet: Permission.USER | Permission.ADMIN
-  setting: Permission.USER | Permission.SUPER
-}
-
-export const useAuth = () => {
-  const {
-    auth,
-  } = useRequestOptions()
-
-  const token = useCookie('token', {
-    path: '/',
-    maxAge: 60 * 60 * 24 * 365,
-  })
-
-  const isAuthenticated = computed(() => !!token.value)
-  const me = defineStore('auth.me', () => {
-    const value = ref<IUser | null>(null)
-    const timestamp = ref<number | null>(null)
-
-    const set = (user: IUser | null) => {
-      value.value = user
-    }
-
-    const setTimestamp = (t: number | null) => {
-      timestamp.value = t
-    }
-
-    const isShouldFetch = () => {
-      if (!value.value || !timestamp.value) return true
-
-      // expire after 1 min - fetch if timestamp is older than 1 minute ago
-      return Date.now() - timestamp.value > 1000 * 60 * 1
-    }
-
-    return {
-      value,
-      set,
-      timestamp,
-      setTimestamp,
-      isShouldFetch,
-    }
-  })()
-
-  const fetchMe = (() => {
-    return useObjectLoader<IUser>({
-      method: 'GET',
-      url: '/me',
-      getRequestOptions: auth,
-    })
-  })()
-
-  const updateMe = (() => {
-    return useObjectLoader<IUser>({
-      method: 'PUT',
-      url: '/me',
-      getRequestOptions: auth,
-    })
-  })()
-
-  const loginSlack = async () => {
-    const config = useRuntimeConfig()
-
-    window.location.href = config.public.baseAPI + '/auth/slack-login'
-  }
-
-  const loginMs = async () => {
-    const config = useRuntimeConfig()
-
-    window.location.href = config.public.baseAPI + '/auth/ms-login'
-  }
-
-  useWatchTrue(() => fetchMe.status.value.isSuccess, () => {
-    me.setTimestamp(Date.now())
-    me.set(fetchMe.data.value)
-  })
-
-  useWatchTrue(() => fetchMe.status.value.isError, () => {
-    token.value = undefined
-    me.setTimestamp(null)
-    me.set(null)
-  })
-
-  const hasPermission = (module: UserModule, ...permission: Permission[]) => {
-    if (!me.value?.access_level) {
-      return false
-    }
-
-    return permission.includes(me.value.access_level[module])
-  }
-
-  const isSuperAdmin = computed(() => {
-    return me.value?.access_level?.setting === Permission.SUPER
-  })
-
-  const menusNavbar = computed(() => [
-    {
-      label: 'Clock-In',
-      icon: '/admin/clock-in-logo.png',
-      to: routes.clockin.home.to,
-    },
-    {
-      label: 'Timesheet',
-      icon: '/admin/timesheet-logo.png',
-      to: routes.timesheet.home.to,
-    },
-    ...(hasPermission(UserModule.PMO, Permission.ADMIN, Permission.USER, Permission.SUPER)
-      ? [{
-        label: 'PMO',
-        icon: '/admin/pmo-logo.png',
-        to: routes.pmo.project.projects.to,
-      }]
-      : []),
-    ...(hasPermission(UserModule.CHECKIN, Permission.ADMIN)
-      ? [{
-        label: 'Clock-In Admin',
-        icon: '/admin/clock-in-admin-logo.png',
-        to: routes.adminClockin.checkinDashboard.to,
-      }]
-      : []),
-    ...(hasPermission(UserModule.TIMESHEET, Permission.ADMIN)
-      ? [{
-        label: 'Timesheet Admin',
-        icon: '/admin/timesheet-admin-logo.png',
-        to: routes.adminTimesheet.summaryReport.to,
-      }]
-      : []),
-
-    ...(hasPermission(UserModule.SETTING, Permission.SUPER)
-      ? [{
-        label: 'Settings',
-        icon: '/admin/super-admin-logo.png',
-        to: routes.admin.users.to,
-      }]
-      : []),
-  ])
-
-  return {
-    token,
-    loginSlack,
-    loginMs,
-    isAuthenticated,
-    me,
-    fetchMe,
-    updateMe,
-    hasPermission,
-    isSuperAdmin,
-    menusNavbar,
-
-  }
-}
+export enum Permission {
+  USER = 'USER',
+  ADMIN = 'ADMIN',
+  SUPER = 'SUPER',
+  NONE = 'NONE',
+}
+
+export const PERMISSION_LABEL = {
+  [Permission.ADMIN]: 'Admin',
+  [Permission.USER]: 'User',
+  [Permission.SUPER]: 'Settings',
+  [Permission.NONE]: 'No Access',
+}
+
+export interface ITeam {
+  id: string
+  name: string
+  code: string
+  color: string
+  description?: string
+  working_start_at: string
+  working_end_at: string
+  users: IUser[] | null
+  created_at: string
+  updated_at: string
+}
+
+export interface IUser {
+  id: string
+  email: string
+  full_name: string
+  display_name: string
+  position: string
+  team: ITeam
+  team_code: string
+  avatar_url: string
+  company: string
+  sig: string
+  access_level: IUserAccessLevel
+  is_active: boolean
+  joined_date: string
+  slack_id: string
+  created_at: string
+  updated_at: string
+}
+
+export enum UserModule {
+  CHECKIN = 'clockin',
+  PMO = 'pmo',
+  TIMESHEET = 'timesheet',
+  SETTING = 'setting',
+}
+
+export interface IUserAccessLevel {
+  used_id: string
+  pmo: Permission.USER | Permission.ADMIN | Permission.SUPER
+  clockin: Permission.USER | Permission.ADMIN
+  timesheet: Permission.USER | Permission.ADMIN
+  setting: Permission.USER | Permission.SUPER
+}
+
+export const useAuth = () => {
+  const {
+    auth,
+  } = useRequestOptions()
+
+  const token = useCookie('token', {
+    path: '/',
+    maxAge: 60 * 60 * 24 * 365,
+  })
+
+  const isAuthenticated = computed(() => !!token.value)
+  const me = defineStore('auth.me', () => {
+    const value = ref<IUser | null>(null)
+    const timestamp = ref<number | null>(null)
+
+    const set = (user: IUser | null) => {
+      value.value = user
+    }
+
+    const setTimestamp = (t: number | null) => {
+      timestamp.value = t
+    }
+
+    const isShouldFetch = () => {
+      if (!value.value || !timestamp.value) return true
+
+      // expire after 1 min - fetch if timestamp is older than 1 minute ago
+      return Date.now() - timestamp.value > 1000 * 60 * 1
+    }
+
+    return {
+      value,
+      set,
+      timestamp,
+      setTimestamp,
+      isShouldFetch,
+    }
+  })()
+
+  const fetchMe = (() => {
+    return useObjectLoader<IUser>({
+      method: 'GET',
+      url: '/me',
+      getRequestOptions: auth,
+    })
+  })()
+
+  const updateMe = (() => {
+    return useObjectLoader<IUser>({
+      method: 'PUT',
+      url: '/me',
+      getRequestOptions: auth,
+    })
+  })()
+
+  const loginSlack = async () => {
+    const config = useRuntimeConfig()
+
+    window.location.href = config.public.baseAPI + '/auth/slack-login'
+  }
+
+  const loginMs = async () => {
+    const config = useRuntimeConfig()
+
+    window.location.href = config.public.baseAPI + '/auth/ms-login'
+  }
+
+  useWatchTrue(() => fetchMe.status.value.isSuccess, () => {
+    me.setTimestamp(Date.now())
+    me.set(fetchMe.data.value)
+  })
+
+  useWatchTrue(() => fetchMe.status.value.isError, () => {
+    token.value = undefined
+    me.setTimestamp(null)
+    me.set(null)
+  })
+
+  const hasPermission = (module: UserModule, ...permission: Permission[]) => {
+    if (!me.value?.access_level) {
+      return false
+    }
+
+    return permission.includes(me.value.access_level[module])
+  }
+
+  const isSuperAdmin = computed(() => {
+    return me.value?.access_level?.setting === Permission.SUPER
+  })
+
+  const menusNavbar = computed(() => [
+    {
+      label: 'Clock-In',
+      icon: '/admin/clock-in-logo.png',
+      to: routes.clockin.home.to,
+    },
+    {
+      label: 'Timesheet',
+      icon: '/admin/timesheet-logo.png',
+      to: routes.timesheet.home.to,
+    },
+    ...(hasPermission(UserModule.PMO, Permission.ADMIN, Permission.USER, Permission.SUPER)
+      ? [{
+        label: 'PMO',
+        icon: '/admin/pmo-logo.png',
+        to: routes.pmo.project.projects.to,
+      }]
+      : []),
+    ...(hasPermission(UserModule.CHECKIN, Permission.ADMIN)
+      ? [{
+        label: 'Clock-In Admin',
+        icon: '/admin/clock-in-admin-logo.png',
+        to: routes.adminClockin.checkinDashboard.to,
+      }]
+      : []),
+    ...(hasPermission(UserModule.TIMESHEET, Permission.ADMIN)
+      ? [{
+        label: 'Timesheet Admin',
+        icon: '/admin/timesheet-admin-logo.png',
+        to: routes.adminTimesheet.summaryReport.to,
+      }]
+      : []),
+
+    ...(hasPermission(UserModule.SETTING, Permission.SUPER)
+      ? [{
+        label: 'Settings',
+        icon: '/admin/super-admin-logo.png',
+        to: routes.admin.users.to,
+      }]
+      : []),
+  ])
+
+  return {
+    token,
+    loginSlack,
+    loginMs,
+    isAuthenticated,
+    me,
+    fetchMe,
+    updateMe,
+    hasPermission,
+    isSuperAdmin,
+    menusNavbar,
+
+  }
+}

package/app/composables/useNotification.ts

@@ -0,0 +1,76 @@
+export const NotificationType = {
+  INFO: 'INFO',
+  SUCCESS: 'SUCCESS',
+  WARNING: 'WARNING',
+  ERROR: 'ERROR',
+  MENTION: 'MENTION',
+  COMMENT: 'COMMENT',
+  ASSIGNMENT: 'ASSIGNMENT',
+  DEADLINE: 'DEADLINE',
+  APPROVAL: 'APPROVAL',
+  REMINDER: 'REMINDER',
+  SYSTEM: 'SYSTEM',
+}
+
+export const NotificationPMOActionType = {
+  PROJECT_CREATE: 'PROJECT_CREATE',
+  PROJECT_STATUS_CHANGED: 'PROJECT_STATUS_CHANGED',
+  PROJECT_OWNER_CHANGED: 'PROJECT_OWNER_CHANGED',
+  PROJECT_UPDATE: 'PROJECT_UPDATE',
+
+  COLLABORATOR_ADD: 'COLLABORATOR_ADD',
+  COLLABORATOR_UPDATE: 'COLLABORATOR_UPDATE',
+  COLLABORATOR_REMOVE: 'COLLABORATOR_REMOVE',
+}
+
+export interface INotificationItem {
+  id: string
+  created_at: string
+  updated_at: string
+  user_id: string
+  type: typeof NotificationType[keyof typeof NotificationType]
+  title: string
+  message: string
+  data?: Record<string, any>
+  source_type?: 'PMO_PROJECT' | string
+  source_id?: string
+  actor_id?: string
+  action_type?: typeof NotificationPMOActionType[keyof typeof NotificationPMOActionType] & string
+  is_read: boolean
+  read_at: string
+  channels: string[]
+  sent_at: string
+  user: IUser
+  actor?: IUser
+}
+
+export const useNotificationLoader = defineStore('notification', () => {
+  const options = useRequestOptions()
+
+  return usePageLoader<INotificationItem>({
+    baseURL: '/notifications?limit=30',
+    getBaseRequestOptions: options.auth,
+  })
+})
+
+export const useNotificationUnreadCount = defineStore('notification-unread-count', () => {
+  const options = useRequestOptions()
+
+  return useObjectLoader<{
+    count: number
+  }>({
+    url: '/notifications/unread-count',
+    method: 'get',
+    getRequestOptions: options.auth,
+  })
+})
+
+export const useNotificationMarkAllRead = () => {
+  const options = useRequestOptions()
+
+  return useObjectLoader({
+    url: '/notifications/mark-all-read',
+    method: 'post',
+    getRequestOptions: options.auth,
+  })
+}

package/app/composables/useRequestOptions.ts

@@ -1,86 +1,86 @@
-import type { AxiosRequestConfig } from 'axios'
-
-export enum FileAppType {
-  COMMON = 'COMMON',
-  PMO = 'PMO',
-  HR = 'HR',
-  FINANCE = 'FINANCE',
-  QUOTATION = 'QUOTATION',
-  TODO = 'TODO',
-}
-
-export const useRequestOptions = () => {
-  const config = useRuntimeConfig()
-
-  const mock = (): Omit<AxiosRequestConfig, 'baseURL'> & {
-    baseURL: string
-  } => {
-    return {
-      baseURL: config.public.baseAPIMock || 'http://localhost:3000/api/mock',
-    }
-  }
-
-  const base = (): Omit<AxiosRequestConfig, 'baseURL'> & {
-    baseURL: string
-  } => {
-    return {
-      baseURL: config.public.baseAPI,
-    }
-  }
-
-  const auth = (): Omit<AxiosRequestConfig, 'baseURL'> & {
-    baseURL: string
-  } => {
-    return {
-      baseURL: config.public.baseAPI,
-      headers: {
-        Authorization: `Bearer ${useAuth().token.value}`,
-      },
-    }
-  }
-
-  const file = (fileAppType: FileAppType = FileAppType.COMMON): Omit<AxiosRequestConfig, 'baseURL'> & {
-    baseURL: string
-  } => {
-    return {
-      baseURL: config.public.baseAPI + '/uploads',
-      headers: {
-        Authorization: `Bearer ${useAuth().token.value}`,
-      },
-      transformRequest: (data) => {
-        if (data instanceof FormData) {
-          data.append('app', fileAppType)
-        }
-
-        return data
-      },
-    }
-  }
-
-  const filePublic = (fileAppType: FileAppType = FileAppType.COMMON): Omit<AxiosRequestConfig, 'baseURL'> & {
-    baseURL: string
-  } => {
-    return {
-      baseURL: config.public.baseAPI + '/uploads',
-      headers: {
-        Authorization: `Bearer ${useAuth().token.value}`,
-      },
-      transformRequest: (data) => {
-        if (data instanceof FormData) {
-          data.append('is_public', 'true')
-          data.append('app', fileAppType)
-        }
-
-        return data
-      },
-    }
-  }
-
-  return {
-    base,
-    mock,
-    auth,
-    file,
-    filePublic,
-  }
-}
+import type { AxiosRequestConfig } from 'axios'
+
+export enum FileAppType {
+  COMMON = 'COMMON',
+  PMO = 'PMO',
+  HR = 'HR',
+  FINANCE = 'FINANCE',
+  QUOTATION = 'QUOTATION',
+  TODO = 'TODO',
+}
+
+export const useRequestOptions = () => {
+  const config = useRuntimeConfig()
+
+  const mock = (): Omit<AxiosRequestConfig, 'baseURL'> & {
+    baseURL: string
+  } => {
+    return {
+      baseURL: config.public.baseAPIMock || 'http://localhost:3000/api/mock',
+    }
+  }
+
+  const base = (): Omit<AxiosRequestConfig, 'baseURL'> & {
+    baseURL: string
+  } => {
+    return {
+      baseURL: config.public.baseAPI,
+    }
+  }
+
+  const auth = (): Omit<AxiosRequestConfig, 'baseURL'> & {
+    baseURL: string
+  } => {
+    return {
+      baseURL: config.public.baseAPI,
+      headers: {
+        Authorization: `Bearer ${useAuth().token.value}`,
+      },
+    }
+  }
+
+  const file = (fileAppType: FileAppType = FileAppType.COMMON): Omit<AxiosRequestConfig, 'baseURL'> & {
+    baseURL: string
+  } => {
+    return {
+      baseURL: config.public.baseAPI + '/uploads',
+      headers: {
+        Authorization: `Bearer ${useAuth().token.value}`,
+      },
+      transformRequest: (data) => {
+        if (data instanceof FormData) {
+          data.append('app', fileAppType)
+        }
+
+        return data
+      },
+    }
+  }
+
+  const filePublic = (fileAppType: FileAppType = FileAppType.COMMON): Omit<AxiosRequestConfig, 'baseURL'> & {
+    baseURL: string
+  } => {
+    return {
+      baseURL: config.public.baseAPI + '/uploads',
+      headers: {
+        Authorization: `Bearer ${useAuth().token.value}`,
+      },
+      transformRequest: (data) => {
+        if (data instanceof FormData) {
+          data.append('is_public', 'true')
+          data.append('app', fileAppType)
+        }
+
+        return data
+      },
+    }
+  }
+
+  return {
+    base,
+    mock,
+    auth,
+    file,
+    filePublic,
+  }
+}