Commit eafabf99 authored by Ibadullina Inabat's avatar Ibadullina Inabat

реализовано удаление проекта

parent 81461d91
...@@ -80,7 +80,7 @@ export const authAuthorOrExecutorOfDateTimeTask = async(req: Request,res: Respon ...@@ -80,7 +80,7 @@ export const authAuthorOrExecutorOfDateTimeTask = async(req: Request,res: Respon
req.body={...req.body,executorStatus:false} req.body={...req.body,executorStatus:false}
req.body={...req.body,authorStatus:false} req.body={...req.body,authorStatus:false}
dateTimeTaskId = req.body.dateTimeTaskId dateTimeTaskId = req.body.dateTimeTaskId
if (req.body?.dateTimeTaskId) { if (req.body?.dateTimeTaskId) {
dateTimeTaskId = req.body.dateTimeTaskId dateTimeTaskId = req.body.dateTimeTaskId
} else if (req.params?.dateTimeTaskId){ } else if (req.params?.dateTimeTaskId){
dateTimeTaskId = req.params.dateTimeTaskId dateTimeTaskId = req.params.dateTimeTaskId
......
...@@ -92,8 +92,8 @@ router.get("/:id",async (req:Request, res:Response): Promise<Response> => { ...@@ -92,8 +92,8 @@ router.get("/:id",async (req:Request, res:Response): Promise<Response> => {
}) })
/** Delete project by project ID*/ /** Delete project by project ID*/
router.delete('/:projectId',authAdminProject,async (req: Request, res: Response):Promise<Response>=>{ router.delete('/',authAdminProject,async (req: Request, res: Response):Promise<Response>=>{
const projectId = req.params.projectId; const {projectId} = req.body;
await myDataSource await myDataSource
.createQueryBuilder() .createQueryBuilder()
.delete() .delete()
......
...@@ -5,14 +5,15 @@ import { useDispatch, useSelector } from "react-redux"; ...@@ -5,14 +5,15 @@ import { useDispatch, useSelector } from "react-redux";
import DeleteIcon from "@mui/icons-material/Delete"; import DeleteIcon from "@mui/icons-material/Delete";
import { deleteProject } from "../../../store/actions/projectsActions"; import { deleteProject } from "../../../store/actions/projectsActions";
const ProjectItem = ({ title, tasks, id }) => { const ProjectItem = ({ title, tasks, projectId }) => {
const user = useSelector(state => state.users.user); const user = useSelector(state => state.users.user);
const dispatch = useDispatch(); const dispatch = useDispatch();
console.log(id)
console.log(user) console.log(user)
const deleteHandle = (id) => { const deleteHandle = (projectId) => {
dispatch(deleteProject(id)) console.log("project id", projectId)
dispatch(deleteProject(projectId))
}; };
return <> return <>
...@@ -29,15 +30,15 @@ const ProjectItem = ({ title, tasks, id }) => { ...@@ -29,15 +30,15 @@ const ProjectItem = ({ title, tasks, id }) => {
</strong> </strong>
</CardContent> </CardContent>
<CardActions> <CardActions>
{<Button onClick={(id) => { {(title !== "Личные дела") ? <Button onClick={() => {
deleteHandle(id); deleteHandle(projectId);
}} variant="outlined" startIcon={<DeleteIcon />}> }} variant="outlined" startIcon={<DeleteIcon />}>
Delete Delete
</Button>} </Button> : null}
<IconButton component={Link} to={"/projects/" + id}> <IconButton component={Link} to={"/projects/" + projectId}>
<ArrowForwardIcon /> <ArrowForwardIcon />
</IconButton> </IconButton>
</CardActions> </CardActions>
</Card> </Card>
</Grid> </Grid>
......
import { Card, CardActions, CardContent, Grid, IconButton, Tooltip } from "@mui/material"; import { Card, CardContent, Grid, IconButton, Tooltip } from "@mui/material";
import { Link, useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import ArrowForwardIcon from "@mui/icons-material/ArrowForward"; import { useDispatch } from "react-redux";
import { useDispatch, useSelector } from "react-redux";
import DeleteIcon from "@mui/icons-material/Delete"; import DeleteIcon from "@mui/icons-material/Delete";
import { deleteMember } from "../../../store/actions/projectsActions"; import { deleteMember } from "../../../store/actions/projectsActions";
const ProjectMembersItem = ({ displayName, roleProject, id, roleProjectOfAuthor, userId, members, authorOfProject }) => { const ProjectMembersItem = ({ displayName, roleProject, id, roleProjectOfAuthor, userId, members, authorOfProject }) => {
console.log(displayName) console.log(displayName)
const dispatch = useDispatch(); const dispatch = useDispatch();
const user = useSelector(state => state.users)
let params = useParams() let params = useParams()
console.log(members) console.log(members)
console.log(userId) console.log(userId)
const { projects, project } = useSelector(state => state.projects);
const deleteHandle = (userId, projectId) => { const deleteHandle = (userId, projectId) => {
dispatch(deleteMember(userId, params.id)) dispatch(deleteMember(userId, params.id))
}; };
return <> return <>
<Grid item xs={12} sm={12} md={6} lg={4}> <Grid item xs={12} sm={12} md={6} lg={4}>
...@@ -39,7 +36,7 @@ const ProjectMembersItem = ({ displayName, roleProject, id, roleProjectOfAuthor, ...@@ -39,7 +36,7 @@ const ProjectMembersItem = ({ displayName, roleProject, id, roleProjectOfAuthor,
onClick={(id) => { onClick={(id) => {
deleteHandle(userId); deleteHandle(userId);
}} }}
> {(displayName !== authorOfProject) ? <DeleteIcon style={{ marginTop: "-5px" }} /> : null} > {(displayName !== authorOfProject) ? <DeleteIcon style={{ marginTop: "-5px" }} /> : null}
</IconButton> </IconButton>
</Tooltip> </Tooltip>
</strong>) : null} </strong>) : null}
......
...@@ -13,7 +13,7 @@ const ProjectsList = ({projects}) => { ...@@ -13,7 +13,7 @@ const ProjectsList = ({projects}) => {
createdAt={project.createdAt} createdAt={project.createdAt}
dateDue={project.dateDue} dateDue={project.dateDue}
admin={project.admin} admin={project.admin}
id={project.id} projectId={project.id}
key={project.id} key={project.id}
/> />
})} })}
......
import { Button, Card, CardActions, CardContent, Grid, IconButton } from "@mui/material"; import { Card, CardActions, CardContent, Grid } from "@mui/material";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import { useSelector, useDispatch } from "react-redux"; import { useSelector, useDispatch } from "react-redux";
import { useEffect } from "react"; import { useEffect } from "react";
......
import axios from "../../axiosPlanner"; import axios from "../../axiosPlanner";
import { CREATE_MEMBER_SUCCESS, CREATE_PROJECT_SUCCESS, DELETE_MEMBER_FAILURE, DELETE_MEMBER_REQUEST, DELETE_MEMBER_SUCCESS, DELETE_PROJECT_FAILURE, DELETE_PROJECT_REQUEST, DELETE_PROJECT_SUCCESS, FETCH_ALL_USER_PROJECTS_SUCCESS, FETCH_MEMBERS_ERROR, FETCH_MEMBERS_REQUEST, FETCH_MEMBERS_SUCCESS, FETCH_PROJECTS_ERROR, FETCH_PROJECTS_REQUEST, FETCH_PROJECTS_SUCCESS, FETCH_PROJECT_SUCCESS } from "../actionTypes/projectsActionTypes"; import { CREATE_MEMBER_SUCCESS, CREATE_PROJECT_SUCCESS, DELETE_MEMBER_FAILURE, DELETE_MEMBER_REQUEST, DELETE_MEMBER_SUCCESS, DELETE_PROJECT_FAILURE, DELETE_PROJECT_REQUEST, DELETE_PROJECT_SUCCESS, FETCH_ALL_USER_PROJECTS_SUCCESS, FETCH_PROJECTS_ERROR, FETCH_PROJECTS_REQUEST, FETCH_PROJECTS_SUCCESS, FETCH_PROJECT_SUCCESS } from "../actionTypes/projectsActionTypes";
import { showNotification } from "./commonActions"; import { showNotification } from "./commonActions";
const fetchProjectsRequest = () => { const fetchProjectsRequest = () => {
return {type: FETCH_PROJECTS_REQUEST} return { type: FETCH_PROJECTS_REQUEST }
}; };
const fetchProjectsSuccess = (projects) => { const fetchProjectsSuccess = (projects) => {
return {type: FETCH_PROJECTS_SUCCESS, projects}; return { type: FETCH_PROJECTS_SUCCESS, projects };
}; };
const fetchProjectsError = (error) => { const fetchProjectsError = (error) => {
return {type: FETCH_PROJECTS_ERROR, error}; return { type: FETCH_PROJECTS_ERROR, error };
} }
const fetchProjectSuccess = (project) => { const fetchProjectSuccess = (project) => {
return {type: FETCH_PROJECT_SUCCESS, project}; return { type: FETCH_PROJECT_SUCCESS, project };
}; };
const createProjectSuccess = () => { const createProjectSuccess = () => {
return {type: CREATE_PROJECT_SUCCESS}; return { type: CREATE_PROJECT_SUCCESS };
}; };
const createMemberSuccess = (member) => { const createMemberSuccess = (member) => {
return {type: CREATE_MEMBER_SUCCESS, member}; return { type: CREATE_MEMBER_SUCCESS, member };
}; };
const deleteMemberRequest = () => { const deleteMemberRequest = () => {
return {type: DELETE_MEMBER_REQUEST} return { type: DELETE_MEMBER_REQUEST }
}; };
const deleteMemberSuccess = () => { const deleteMemberSuccess = () => {
return {type: DELETE_MEMBER_SUCCESS} return { type: DELETE_MEMBER_SUCCESS }
}; };
const deleteMemberFailure = (error) => { const deleteMemberFailure = (error) => {
return {type: DELETE_MEMBER_FAILURE, error} return { type: DELETE_MEMBER_FAILURE, error }
}; };
const deleteProjectRequest = () => { const deleteProjectRequest = () => {
return {type: DELETE_PROJECT_REQUEST} return { type: DELETE_PROJECT_REQUEST }
}; };
const deleteProjectSuccess = () => { const deleteProjectSuccess = () => {
return {type: DELETE_PROJECT_SUCCESS} return { type: DELETE_PROJECT_SUCCESS }
}; };
const deleteProjectFailure = (error) => { const deleteProjectFailure = (error) => {
return {type: DELETE_PROJECT_FAILURE, error} return { type: DELETE_PROJECT_FAILURE, error }
}; };
export const deleteMember = (memberId, projectId) => { export const deleteMember = (memberId, projectId) => {
return async (dispatch) => { return async (dispatch) => {
dispatch(deleteMemberRequest()); dispatch(deleteMemberRequest());
try { try {
const response = await axios.delete(`/projects/remove-user/${memberId}`, { data: { projectId: projectId}}); const response = await axios.delete(`/projects/remove-user/${memberId}`, { data: { projectId: projectId } });
console.log("deleteMember ", response.data) console.log("deleteMember ", response.data)
dispatch(deleteMemberSuccess()) dispatch(deleteMemberSuccess())
dispatch(fetchProject(projectId)) dispatch(fetchProject(projectId))
} catch (error) { } catch (error) {
dispatch(deleteMemberFailure(error.response.data)); dispatch(deleteMemberFailure(error.response.data));
} }
} }
} }
export const deleteProject = (projectId, projects) => { export const deleteProject = (projectId, projects) => {
return async (dispatch) => { return async (dispatch) => {
dispatch(deleteProjectRequest()); dispatch(deleteProjectRequest());
try { try {
const response = await axios.delete(`/projects/${projectId}`); const response = await axios.delete('/projects', { data: { projectId: projectId } });
console.log("deleteMember ", response.data) console.log("deleteMember ", response.data)
dispatch(deleteProjectSuccess()) dispatch(deleteProjectSuccess())
dispatch(fetchProjects(projects)) dispatch(fetchProjects(projects))
} catch (error) { } catch (error) {
dispatch(deleteProjectFailure(error.response.data)); dispatch(deleteProjectFailure(error.response.data));
} }
} }
} }
export const fetchProjects = () => { export const fetchProjects = () => {
return async dispatch => { return async dispatch => {
dispatch(fetchProjectsRequest()); dispatch(fetchProjectsRequest());
try { try {
const response = await axios.get("/projects/my"); const response = await axios.get("/projects/my");
dispatch(fetchProjectsSuccess(response.data)); dispatch(fetchProjectsSuccess(response.data));
} catch(e) { } catch (e) {
dispatch(fetchProjectsError(e)); dispatch(fetchProjectsError(e));
} }
}; };
...@@ -102,10 +102,10 @@ export const fetchProject = (id) => { ...@@ -102,10 +102,10 @@ export const fetchProject = (id) => {
export const createProject = (projectData, navigate) => { export const createProject = (projectData, navigate) => {
return async (dispatch) => { return async (dispatch) => {
try { try {
const response = await axios.post("/projects", projectData); const response = await axios.post("/projects", projectData);
dispatch(createProjectSuccess()); dispatch(createProjectSuccess());
console.log(response.data) console.log(response.data)
navigate("/projects/" + response.data.project.id) navigate("/projects/" + response.data.project.id)
dispatch(showNotification("Проект успешно создан")) dispatch(showNotification("Проект успешно создан"))
} catch (e) { } catch (e) {
console.log(e); console.log(e);
...@@ -118,10 +118,10 @@ export const createMember = (memberData, navigate) => { ...@@ -118,10 +118,10 @@ export const createMember = (memberData, navigate) => {
return async (dispatch) => { return async (dispatch) => {
try { try {
console.log(memberData) console.log(memberData)
const response = await axios.post("/projects/add-user", memberData); await axios.post("/projects/add-user", memberData);
dispatch(createMemberSuccess()); dispatch(createMemberSuccess());
console.log(memberData) console.log(memberData)
navigate("/projects/") navigate("/projects/")
dispatch(showNotification("Участник успешно добавлен")) dispatch(showNotification("Участник успешно добавлен"))
} catch (e) { } catch (e) {
console.log(e); console.log(e);
...@@ -131,7 +131,7 @@ export const createMember = (memberData, navigate) => { ...@@ -131,7 +131,7 @@ export const createMember = (memberData, navigate) => {
} }
const fetchAllUserProjectsSuccess = (projects) => { const fetchAllUserProjectsSuccess = (projects) => {
return {type: FETCH_ALL_USER_PROJECTS_SUCCESS, projects}; return { type: FETCH_ALL_USER_PROJECTS_SUCCESS, projects };
}; };
export const fetchAllUserProjects = () => { export const fetchAllUserProjects = () => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment