+
+
Добавьте участника
+ {/*
*/}
+ {/* setEmailWorker(e.target.value)}*/}
+ {/* />*/}
+ {/*
*/}
+
setSelectWorkersOpen(!selectWorkersOpen)}
>
- Добавить
-
-
- )}
- {modalType === "createColumn" && (
-
-
-
Введите название колонки
-
- setValueColumn(e.target.value)}
- />
-
+
+ {selectedWorker
+ ? selectedWorker.employee.fio
+ : "Выберите пользователя"}
+
+
+ {Boolean(selectWorkersOpen) && (
+
+ {Boolean(workers.length) ? (
+ workers.map((worker) => {
+ if (worker === selectedWorker) {
+ return;
+ }
+ return (
+
{
+ setSelectedWorker(worker);
+ }}
+ >
+
{worker.employee.fio}
+
+
+ );
+ })
+ ) : (
+
Нет пользователей
+ )}
+
+ )}
-
+
+
+ Добавить
+
+
+ )}
+ {modalType === "createTiketProject" && (
+
+
+
Введите название и описание задачи
+
+ setValueTiket(e.target.value)}
+ placeholder="Название задачи"
+ />
+
+
+ setDescriptionTicket(e.target.value)}
+ placeholder="Описание задачи"
+ />
+
+
+
+ Создать
+
+
+ )}
+ {modalType === "editProject" && (
+
+
+
Введите новое название
+
+ setProjectName(e.target.value)}
+ />
+
+
+
+
+ Сохранить
+
+
+ )}
+ {modalType === "createProject" && (
+
+
+
{titleProject}
+
+ setNameProject(e.target.value)}
+ />
+
+
Создать
- )}
- {modalType === "editColumn" && (
-
-
-
Введите новое название
-
- dispatch(setColumnName(e.target.value))}
- />
-
-
Приоритет колонки
-
- dispatch(setColumnPriority(e.target.value))}
- />
-
+
+ )}
+ {modalType === "addSubtask" && (
+
+
+
+ Вы добавляете подзадачу{" "}
+
в колонку(id) задачи "{defautlInput}"
+
+
Введите текст
+
+
-
- Сохранить
-
- )}
+
e.preventDefault()}>
+ Добавить
+
+
+ )}
+ {modalType === "createColumn" && (
+
+
+
Введите название колонки
+
+ setValueColumn(e.target.value)}
+ />
+
+
+
+ Создать
+
+
+ )}
+ {modalType === "editColumn" && (
+
+
+
Введите новое название
+
+ dispatch(setColumnName(e.target.value))}
+ />
+
+
Приоритет колонки
+
+ dispatch(setColumnPriority(e.target.value))}
+ />
+
+
+
+ Сохранить
+
+
+ )}
-
setActive(false)}>
-
-
+
setActive(false)}>
+
);
};
diff --git a/src/components/Modal/Tracker/TrackerModal/trackerModal.scss b/src/components/Modal/Tracker/TrackerModal/trackerModal.scss
index c8f6ccc4..0181b6ef 100644
--- a/src/components/Modal/Tracker/TrackerModal/trackerModal.scss
+++ b/src/components/Modal/Tracker/TrackerModal/trackerModal.scss
@@ -1,3 +1,4 @@
+//Удалить при переходе всех модалок в обертку modalLayout
.modal-add {
z-index: 9;
height: 100%;
@@ -23,125 +24,123 @@
align-items: center;
justify-content: center;
}
+}
- .title-project {
+.title-project {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ margin: 0 0 15px 0;
+
+ .input-container {
+ width: 287px;
+ height: 35px;
+ background: #ffffff;
+ border-radius: 8px;
+ margin: 12px 0;
+
+ input::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ }
+ }
+
+ h4 {
+ font-weight: 500;
+ font-size: 22px;
+ line-height: 26px;
+ color: #263238 !important;
+ }
+
+ &__decs {
+ font-weight: 300;
+ font-size: 12px;
+ line-height: 14px;
+ margin: 12px 0 16px 0;
+ }
+
+ &__textarea {
+ resize: none;
+ width: 302px;
+ height: 83px;
+ background: #ffffff;
+ border-radius: 8px;
+ border: none;
+ font-size: 15px;
+ line-height: 18px;
+ }
+
+ .select__worker {
display: flex;
+ justify-content: space-between;
align-items: center;
- flex-direction: column;
- margin: 0 0 15px 0;
+ padding: 5px;
+ background: white;
+ border-radius: 5px;
+ cursor: pointer;
+ width: 100%;
+ position: relative;
- .input-container {
- width: 287px;
- height: 35px;
- background: #ffffff;
- border-radius: 8px;
- margin: 12px 0;
-
- input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- }
+ p {
+ max-width: 150px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ font-size: 14px;
}
- h4 {
- font-weight: 500;
- font-size: 22px;
- line-height: 26px;
- color: #263238 !important;
+ img {
+ transition: all 0.3s ease;
+ width: 16px;
+ height: 16px;
}
- &__decs {
- font-weight: 300;
- font-size: 12px;
- line-height: 14px;
- margin: 12px 0 16px 0;
- }
-
- &__textarea {
- resize: none;
- width: 302px;
- height: 83px;
- background: #ffffff;
- border-radius: 8px;
- border: none;
- font-size: 15px;
- line-height: 18px;
- }
-
- .select__worker {
+ &__dropDown {
display: flex;
- justify-content: space-between;
- align-items: center;
+ flex-direction: column;
+ position: absolute;
+ width: 100%;
padding: 5px;
+ top: 35px;
+ left: 0;
background: white;
border-radius: 5px;
- cursor: pointer;
- width: 100%;
- position: relative;
+ row-gap: 5px;
- p {
- max-width: 150px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- font-size: 14px;
- }
-
- img {
- transition: all 0.3s ease;
- width: 16px;
- height: 16px;
- }
-
- &__dropDown {
+ .worker {
display: flex;
- flex-direction: column;
- position: absolute;
- width: 100%;
- padding: 5px;
- top: 35px;
- left: 0;
- background: white;
- border-radius: 5px;
- row-gap: 5px;
-
- .worker {
- display: flex;
- justify-content: space-between;
- }
- }
- }
-
- .open {
- .arrow {
- transform: rotate(180deg);
+ justify-content: space-between;
}
}
}
- .name-project {
- margin-left: 10px;
- border: none;
- outline: none;
- height: 100%;
- width: 90%;
- font-size: 14px;
+ .open {
+ .arrow {
+ transform: rotate(180deg);
+ }
}
+}
- .button-add {
- width: 130px;
- height: 37px;
- // background: #52b709;
- // border-radius: 44px;
- // border: none;
- font-weight: 400;
- font-size: 15px;
- line-height: 32px;
- // color: #ffffff;
- display: flex;
- align-items: center;
- justify-content: center;
- margin: 0 auto;
- }
+.name-project {
+ margin-left: 10px;
+ border: none;
+ outline: none;
+ height: 100%;
+ width: 90%;
+ font-size: 14px;
+}
+
+.button-add {
+ width: 130px;
+ height: 37px;
+
+ font-weight: 400;
+ font-size: 15px;
+ line-height: 32px;
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto;
}
.modal-add.active {