Client - init workouts store

fittrackee_client/src/store/modules/workouts/actions.ts

@@ -0,0 +1,36 @@
+import { ActionContext, ActionTree } from 'vuex'
+
+import authApi from '@/api/authApi'
+import { ROOT_STORE, WORKOUTS_STORE } from '@/store/constants'
+import { IRootState } from '@/store/modules/root/types'
+import {
+  IWorkoutsActions,
+  IWorkoutsState,
+} from '@/store/modules/workouts/types'
+import { IWorkoutsPayload } from '@/types/workouts'
+import { handleError } from '@/utils'
+
+export const actions: ActionTree<IWorkoutsState, IRootState> &
+  IWorkoutsActions = {
+  [WORKOUTS_STORE.ACTIONS.GET_CALENDAR_WORKOUTS](
+    context: ActionContext<IWorkoutsState, IRootState>,
+    payload: IWorkoutsPayload
+  ): void {
+    context.commit(ROOT_STORE.MUTATIONS.EMPTY_ERROR_MESSAGES)
+    authApi
+      .get('workouts', {
+        params: payload,
+      })
+      .then((res) => {
+        if (res.data.status === 'success') {
+          context.commit(
+            WORKOUTS_STORE.MUTATIONS.SET_CALENDAR_WORKOUTS,
+            res.data.data.statistics
+          )
+        } else {
+          handleError(context, null)
+        }
+      })
+      .catch((error) => handleError(context, error))
+  },
+}

fittrackee_client/src/store/modules/workouts/enums.ts

@@ -0,0 +1,11 @@
+export enum WorkoutsActions {
+  GET_CALENDAR_WORKOUTS = 'GET_CALENDAR_WORKOUTS',
+}
+
+export enum WorkoutsGetters {
+  CALENDAR_WORKOUTS = 'CALENDAR_WORKOUTS',
+}
+
+export enum WorkoutsMutations {
+  SET_CALENDAR_WORKOUTS = 'SET_CALENDAR_WORKOUTS',
+}

fittrackee_client/src/store/modules/workouts/getters.ts

@@ -0,0 +1,15 @@
+import { GetterTree } from 'vuex'
+
+import { WORKOUTS_STORE } from '@/store/constants'
+import { IRootState } from '@/store/modules/root/types'
+import {
+  IWorkoutsGetters,
+  IWorkoutsState,
+} from '@/store/modules/workouts/types'
+
+export const getters: GetterTree<IWorkoutsState, IRootState> &
+  IWorkoutsGetters = {
+  [WORKOUTS_STORE.GETTERS.CALENDAR_WORKOUTS]: (state: IWorkoutsState) => {
+    return state.calendar_workouts
+  },
+}

fittrackee_client/src/store/modules/workouts/index.ts

@@ -0,0 +1,15 @@
+import { Module } from 'vuex'
+
+import { IRootState } from '@/store/modules/root/types'
+import { actions } from '@/store/modules/workouts/actions'
+import { getters } from '@/store/modules/workouts/getters'
+import { mutations } from '@/store/modules/workouts/mutations'
+import { workoutsState } from '@/store/modules/workouts/state'
+import { IWorkoutsState } from '@/store/modules/workouts/types'
+
+const workouts: Module<IWorkoutsState, IRootState> = {
+  state: workoutsState,
+  actions,
+  getters,
+  mutations,
+}

fittrackee_client/src/store/modules/workouts/mutations.ts

@@ -0,0 +1,17 @@
+import { MutationTree } from 'vuex'
+
+import { WORKOUTS_STORE } from '@/store/constants'
+import {
+  IWorkoutsState,
+  TWorkoutsMutations,
+} from '@/store/modules/workouts/types'
+import { IWorkout } from '@/types/workouts'
+
+export const mutations: MutationTree<IWorkoutsState> & TWorkoutsMutations = {
+  [WORKOUTS_STORE.MUTATIONS.SET_CALENDAR_WORKOUTS](
+    state: IWorkoutsState,
+    workouts: IWorkout[]
+  ) {
+    state.calendar_workouts = workouts
+  },
+}

fittrackee_client/src/store/modules/workouts/state.ts

@@ -0,0 +1,6 @@
+import { IWorkoutsState } from '@/store/modules/workouts/types'
+
+export const workoutsState: IWorkoutsState = {
+  calendar_workouts: [],
+  user_workouts: [],
+}

fittrackee_client/src/store/modules/workouts/types.ts

@@ -0,0 +1,57 @@
+import {
+  ActionContext,
+  CommitOptions,
+  DispatchOptions,
+  Store as VuexStore,
+} from 'vuex'
+
+import { WORKOUTS_STORE } from '@/store/constants'
+import { IRootState } from '@/store/modules/root/types'
+import { IWorkout, IWorkoutsPayload } from '@/types/workouts'
+
+export interface IWorkoutsState {
+  user_workouts: IWorkout[]
+  calendar_workouts: IWorkout[]
+}
+
+export interface IWorkoutsActions {
+  [WORKOUTS_STORE.ACTIONS.GET_CALENDAR_WORKOUTS](
+    context: ActionContext<IWorkoutsState, IRootState>,
+    payload: IWorkoutsPayload
+  ): void
+}
+
+export interface IWorkoutsGetters {
+  [WORKOUTS_STORE.GETTERS.CALENDAR_WORKOUTS](state: IWorkoutsState): IWorkout[]
+}
+
+export type TWorkoutsMutations<S = IWorkoutsState> = {
+  [WORKOUTS_STORE.MUTATIONS.SET_CALENDAR_WORKOUTS](
+    state: S,
+    workouts: IWorkout[]
+  ): void
+}
+
+export type TWorkoutsStoreModule<S = IWorkoutsState> = Omit<
+  VuexStore<S>,
+  'commit' | 'getters' | 'dispatch'
+> & {
+  dispatch<K extends keyof IWorkoutsActions>(
+    key: K,
+    payload?: Parameters<IWorkoutsActions[K]>[1],
+    options?: DispatchOptions
+  ): ReturnType<IWorkoutsActions[K]>
+} & {
+  getters: {
+    [K in keyof IWorkoutsGetters]: ReturnType<IWorkoutsGetters[K]>
+  }
+} & {
+  commit<
+    K extends keyof TWorkoutsMutations,
+    P extends Parameters<TWorkoutsMutations[K]>[1]
+  >(
+    key: K,
+    payload?: P,
+    options?: CommitOptions
+  ): ReturnType<TWorkoutsMutations[K]>
+}