123 lines
3.6 KiB
JavaScript
123 lines
3.6 KiB
JavaScript
import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
|
|
import { apiRequest } from "../api/request";
|
|
|
|
const initialState = {
|
|
projects: [],
|
|
projectBoard: {},
|
|
toggleTab: 1,
|
|
modalType: "",
|
|
boardLoader: false,
|
|
columnName: "",
|
|
columnId: 0
|
|
};
|
|
|
|
export const setProjectBoardFetch = createAsyncThunk("userInfo", (id) =>
|
|
apiRequest(`/project/get-project?project_id=${id}&expand=columns`)
|
|
);
|
|
|
|
export const projectsTrackerSlice = createSlice({
|
|
name: "projectsTracker",
|
|
initialState,
|
|
reducers: {
|
|
setAllProjects: (state, action) => {
|
|
state.projects = action.payload;
|
|
},
|
|
setProject: (state, action) => {
|
|
state.projects.push(action.payload);
|
|
},
|
|
setToggleTab: (state, action) => {
|
|
state.toggleTab = action.payload;
|
|
},
|
|
deleteProject: (state, action) => {
|
|
state.projects.forEach((project) => {
|
|
if (project.id === action.payload.id) {
|
|
project.status = 10;
|
|
}
|
|
});
|
|
},
|
|
deletePersonOnProject: (state,action) => {
|
|
state.projectBoard.projectUsers = state.projectBoard.projectUsers.filter((person) => person.user_id !== action.payload)
|
|
},
|
|
addPersonToProject: (state, action) => {
|
|
state.projectBoard.projectUsers.push(action.payload)
|
|
},
|
|
activeLoader: (state) => {
|
|
state.boardLoader = true;
|
|
},
|
|
moveProjectTask: (state, action) => {
|
|
state.projectBoard.columns.forEach((column, index) => {
|
|
if (column.id === action.payload.columnId) {
|
|
column.tasks.push(action.payload.startWrapperIndex.task);
|
|
apiRequest(`/task/update-task`, {
|
|
method: "PUT",
|
|
data: {
|
|
task_id: action.payload.startWrapperIndex.task.id,
|
|
column_id: column.id,
|
|
},
|
|
}).then((res) => {});
|
|
}
|
|
if (column.id === action.payload.startWrapperIndex.index) {
|
|
state.projectBoard.columns[index].tasks = column.tasks.filter(
|
|
(task) => task.id !== action.payload.startWrapperIndex.task.id
|
|
);
|
|
}
|
|
});
|
|
},
|
|
setColumnName: (state, action) => {
|
|
state.columnName = action.payload
|
|
},
|
|
setColumnId: (state, action) => {
|
|
state.columnId = action.payload
|
|
},
|
|
editProjectName: (state, action) => {
|
|
state.projects.forEach((project) => {
|
|
if (project.id === action.payload.id) {
|
|
project.name = action.payload.name;
|
|
}
|
|
});
|
|
},
|
|
editColumnName: (state, action) => {
|
|
state.projectBoard.columns.forEach((column) => {
|
|
if (column.id === action.payload.id) {
|
|
column.title = action.payload.title
|
|
}
|
|
})
|
|
},
|
|
modalToggle: (state, action) => {
|
|
state.modalType = action.payload;
|
|
},
|
|
},
|
|
extraReducers: {
|
|
[setProjectBoardFetch.fulfilled]: (state, action) => {
|
|
state.projectBoard = action.payload;
|
|
state.boardLoader = false;
|
|
},
|
|
},
|
|
});
|
|
|
|
export const {
|
|
setProject,
|
|
setColumnName,
|
|
deleteProject,
|
|
setAllProjects,
|
|
moveProjectTask,
|
|
setToggleTab,
|
|
modalToggle,
|
|
activeLoader,
|
|
editProjectName,
|
|
editColumnName,
|
|
setColumnId,
|
|
deletePersonOnProject,
|
|
addPersonToProject
|
|
} = projectsTrackerSlice.actions;
|
|
|
|
export const getProjects = (state) => state.tracker.projects;
|
|
export const getProjectBoard = (state) => state.tracker.projectBoard;
|
|
export const getToggleTab = (state) => state.tracker.toggleTab;
|
|
export const getValueModalType = (state) => state.tracker.modalType;
|
|
export const getBoarderLoader = (state) => state.tracker.boardLoader;
|
|
export const getColumnName = (state) => state.tracker.columnName;
|
|
export const getColumnId = (state) => state.tracker.columnId;
|
|
|
|
export default projectsTrackerSlice.reducer;
|