apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Удаление таски с колонки

Browse Source
This commit is contained in:
Дмитрий Савенко 2023-04-28 16:15:46 +03:00
parent eeca39671a
commit 879a42f3b4
2 changed files with 3 additions and 153 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

151
src/pages/Tracker/Tracker.js
View File

@ -31,114 +31,6 @@ import "./tracker.scss";
export const Tracker = () => {
const dispatch = useDispatch();
const [toggleTab, setToggleTab] = useState(1);
const [tabTaskMok, setTabTaskMok] = useState([
{
name: "Открытые",
open: false,
tasks: [
{
task: "PR - 2245",
description: "Сверстать часть таблицы. Сверстать часть таблицы",
comments: 12,
files: 0,
avatarCreated: avatarTest,
avatarDo: avatarTest,
id: 1,
},
{
task: "PR - 2245",
description: "Сверстать часть таблицы. Сверстать часть таблицы",
comments: 12,
files: 0,
avatarCreated: avatarTest,
avatarDo: avatarTest,
id: 2,
},
],
},
{
name: "В процессе",
open: false,
tasks: [
{
task: "PR - 2245",
description: "Сверстать часть таблицы. Сверстать часть таблицы",
comments: 12,
files: 0,
avatarCreated: avatarTest,
avatarDo: avatarTest,
id: 3,
},
],
},
{
name: "На проверке",
open: false,
tasks: [
{
task: "PR - 2245",
description: "Сверстать часть таблицы. Сверстать часть таблицы",
comments: 12,
files: 0,
avatarCreated: avatarTest,
avatarDo: avatarTest,
id: 4,
},
{
task: "PR - 2245",
description: "Сверстать часть таблицы. Сверстать часть таблицы",
comments: 12,
files: 0,
avatarCreated: avatarTest,
avatarDo: avatarTest,
id: 5,
},
{
task: "PR - 2245",
description: "Сверстать часть таблицы. Сверстать часть таблицы",
comments: 12,
files: 0,
avatarCreated: avatarTest,
avatarDo: avatarTest,
id: 6,
},
{
task: "PR - 2245",
description: "Сверстать часть таблицы. Сверстать часть таблицы",
comments: 12,
files: 0,
avatarCreated: avatarTest,
avatarDo: avatarTest,
id: 9,
},
],
},
{
name: "Готово",
open: false,
tasks: [
{
task: "PR - 2245",
description: "Сверстать часть таблицы. Сверстать часть таблицы",
comments: 12,
files: 0,
avatarCreated: avatarTest,
avatarDo: avatarTest,
id: 7,
},
{
task: "PR - 2245",
description: "Сверстать часть таблицы. Сверстать часть таблицы",
comments: 12,
files: 0,
avatarCreated: avatarTest,
avatarDo: avatarTest,
id: 8,
},
],
},
]);
const [allTasks] = useState([
{
name: "PR - 2245",
@ -377,7 +269,6 @@ export const Tracker = () => {
const [selectedTab, setSelectedTab] = useState(0);
const [startWrapperIndex, setStartWrapperIndex] = useState(null);
const startWrapperIndexTest = useRef({})
const [wrapperHover, setWrapperHover] = useState([
false,
@ -415,7 +306,6 @@ export const Tracker = () => {
}
function dragStartHandler(e, task, columnId) {
// setStartWrapperIndex({ task: task, index: columnId });
startWrapperIndexTest.current = { task: task, index: columnId };
setTimeout(() => {
e.target.classList.add("tasks__board__item__hide");
@ -449,7 +339,6 @@ export const Tracker = () => {
})
);
}
function dragDropHandler(e, columnId) {
e.preventDefault();
if (startWrapperIndexTest.current.index === columnId) {
@ -462,25 +351,8 @@ export const Tracker = () => {
);
if (columnId !== startWrapperIndexTest.current.index) {
dispatch(moveProjectTask({startWrapperIndex:startWrapperIndexTest.current, columnId}))
dispatch(moveProjectTask({startWrapperIndex: startWrapperIndexTest.current, columnId}))
}
// setTabTaskMok((prevArray) =>
// prevArray.map((elem, index) => {
// if (index === columnId) {
// return { ...elem, tasks: [...elem.tasks, startWrapperIndex.task] };
// } else if (index === startWrapperIndex.index) {
// return {
// ...elem,
// tasks: elem.tasks.filter((item) => {
// return item.id !== startWrapperIndex.task.id;
// }),
// };
// } else {
// return elem;
// }
// })
// );
}
function filterArchiveTasks(e) {
@ -533,27 +405,6 @@ export const Tracker = () => {
setModalCreateTiket(false);
setValueTiket("");
setDescriptionTicket("")
// tabTaskMok.filter((item) => {
// if (item.name == selectedTab.name) {
// let idItem = 0;
//
// item.tasks.forEach((item) => {
// idItem = item.id;
// });
//
// let newTiket = {
// task: valueTiket,
// description: descriptionTicket,
// comments: 0,
// files: 0,
// avatarCreated: avatarTest,
// avatarDo: avatarTest,
// id: idItem + 1,
// };
//
// item.tasks.push(newTiket);
// }
// });
}
function createTab() {

5
src/redux/projectsTrackerSlice.js
View File

@ -1,6 +1,5 @@
import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
import {apiRequest} from "../api/request";
import {act} from "@testing-library/react";
const initialState = {
projects: [],
@ -24,12 +23,12 @@ export const projectsTrackerSlice = createSlice({
state.projects.push(action.payload);
},
moveProjectTask: (state, action) => {
state.projectBoard.columns.forEach((column) => {
state.projectBoard.columns.forEach((column, index) => {
if (column.id === action.payload.columnId) {
column.tasks.push(action.payload.startWrapperIndex.task)
}
if (column.id === action.payload.startWrapperIndex.index) {
column.tasks.splice(column.tasks.indexOf(action.payload.startWrapperIndex.task), 1)
state.projectBoard.columns[index].tasks = column.tasks.filter((task)=> task.id !== action.payload.startWrapperIndex.task.id);
}
})
}