Compare commits

..

No commits in common. "65ca1c32ffdee6eb81663649234e88fd1d7d1e99" and "8525445e1848be2576bb01418fb0d611e79ab431" have entirely different histories.

36 changed files with 135 additions and 178 deletions

View File

@ -1,6 +1,6 @@
import React from "react"; import React from "react";
import { getCorrectDate } from "@utils/calendarHelper"; import { getCorrectDate } from "@components/Calendar/calendarHelper";
import "./archiveTasksItem.scss"; import "./archiveTasksItem.scss";

View File

@ -13,7 +13,7 @@ import rectangle from "assets/images/rectangle_secondPage.png";
import CalendarComponent from "./CalendarComponent"; import CalendarComponent from "./CalendarComponent";
import "./calendar.scss"; import "./calendar.scss";
import { currentMonth } from "../../utils/calendarHelper"; import { currentMonth } from "./calendarHelper";
const Calendar = () => { const Calendar = () => {
if (localStorage.getItem("role_status") !== "18") { if (localStorage.getItem("role_status") !== "18") {

View File

@ -7,7 +7,7 @@ import ellipse from "assets/icons/ellipse.png";
import rectangle from "assets/images/rectangle__calendar.png"; import rectangle from "assets/images/rectangle__calendar.png";
import "./calendarComponent.scss"; import "./calendarComponent.scss";
import { calendarHelper, currentMonthAndDay } from "../../utils/calendarHelper"; import { calendarHelper, currentMonthAndDay } from "./calendarHelper";
const CalendarComponent = ({ onSelect }) => { const CalendarComponent = ({ onSelect }) => {
const [value, setValue] = useState(moment()); const [value, setValue] = useState(moment());

View File

@ -43,7 +43,7 @@ import send from "assets/icons/send.svg";
import watch from "assets/icons/watch.svg"; import watch from "assets/icons/watch.svg";
import avatarMok from "assets/images/avatarMok.png"; import avatarMok from "assets/images/avatarMok.png";
import { getCorrectDate } from "../../../../utils/calendarHelper"; import { getCorrectDate } from "../../../Calendar/calendarHelper";
import "./modalTicket.scss"; import "./modalTicket.scss";
registerLocale("ru", ru); registerLocale("ru", ru);

View File

@ -21,7 +21,7 @@ import { apiRequest } from "@api/request";
import { useNotification } from "@hooks/useNotification"; import { useNotification } from "@hooks/useNotification";
import { getCorrectDate } from "@utils/calendarHelper"; import { getCorrectDate } from "@components/Calendar/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import FileTracker from "@components/FileTracker/FileTracker"; import FileTracker from "@components/FileTracker/FileTracker";

View File

@ -28,7 +28,7 @@ import { apiRequest } from "@api/request";
import { useNotification } from "@hooks/useNotification"; import { useNotification } from "@hooks/useNotification";
import { getCorrectDate } from "@utils/calendarHelper"; import { getCorrectDate } from "@components/Calendar/calendarHelper";
import BaseButton from "@components/Common/BaseButton/BaseButton"; import BaseButton from "@components/Common/BaseButton/BaseButton";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import ModalLayout from "@components/Common/ModalLayout/ModalLayout"; import ModalLayout from "@components/Common/ModalLayout/ModalLayout";

View File

@ -16,7 +16,7 @@ import { urlForLocal } from "@utils/helper";
import { apiRequest } from "@api/request"; import { apiRequest } from "@api/request";
import { getReports } from "@utils/calendarHelper"; import { getReports } from "@components/Calendar/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";

View File

@ -23,7 +23,7 @@ import {
getCorrectDate, getCorrectDate,
getReports, getReports,
hourOfNum hourOfNum
} from "@utils/calendarHelper"; } from "@components/Calendar/calendarHelper";
import BaseButton from "@components/Common/BaseButton/BaseButton"; import BaseButton from "@components/Common/BaseButton/BaseButton";
import arrow from "assets/icons/arrows/arrowCalendar.png"; import arrow from "assets/icons/arrows/arrowCalendar.png";

View File

@ -26,7 +26,7 @@ import {
getCorrectDate, getCorrectDate,
getCreatedDate, getCreatedDate,
hourOfNum hourOfNum
} from "../../utils/calendarHelper"; } from "../Calendar/calendarHelper";
import "./reportForm.scss"; import "./reportForm.scss";
registerLocale("ru", ru); registerLocale("ru", ru);

View File

@ -1,13 +1,8 @@
.report-form { .report-form {
background: #f1f1f1; background: #f1f1f1;
min-height: 100vh; min-height: 100vh;
display: flex;
flex-direction: column;
.container { .container {
display: flex;
flex-direction: column;
flex: 1;
max-width: 1160px; max-width: 1160px;
margin-top: 23px; margin-top: 23px;

View File

@ -14,7 +14,7 @@ import {
getCorrectDate, getCorrectDate,
getCreatedDate, getCreatedDate,
hourOfNum hourOfNum
} from "@utils/calendarHelper"; } from "@components/Calendar/calendarHelper";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import "./shortReport.scss"; import "./shortReport.scss";

View File

@ -6,7 +6,7 @@ import { urlForLocal } from "@utils/helper";
import { apiRequest } from "@api/request"; import { apiRequest } from "@api/request";
import { getCorrectDate } from "@utils/calendarHelper"; import { getCorrectDate } from "@components/Calendar/calendarHelper";
import TrackerTaskSubComment from "@components/TrackerTaskComment/TrackerTaskComment"; import TrackerTaskSubComment from "@components/TrackerTaskComment/TrackerTaskComment";
import del from "assets/icons/delete.svg"; import del from "assets/icons/delete.svg";

View File

@ -13,7 +13,7 @@ import { urlForLocal } from "@utils/helper";
import { apiRequest } from "@api/request"; import { apiRequest } from "@api/request";
import { getCorrectDate } from "@utils/calendarHelper"; import { getCorrectDate } from "@components/Calendar/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import ModalLayout from "@components/Common/ModalLayout/ModalLayout"; import ModalLayout from "@components/Common/ModalLayout/ModalLayout";

View File

@ -5,7 +5,6 @@
min-height: 100vh; min-height: 100vh;
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -7,7 +7,7 @@ import { getRequestDates, setRequestDate } from "@redux/reportSlice";
import { apiRequest } from "@api/request"; import { apiRequest } from "@api/request";
import { getReports } from "@utils/calendarHelper"; import { getReports } from "@components/Calendar/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";

View File

@ -5,7 +5,6 @@
min-height: 100vh; min-height: 100vh;
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -167,7 +167,6 @@
} }
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -5,7 +5,6 @@
min-height: 100vh; min-height: 100vh;
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -378,7 +378,6 @@
} }
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -144,7 +144,6 @@
} }
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -2,9 +2,7 @@ import React from "react";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader"; import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/common/Footer/Footer";
import "./payouts.scss";
export const Payouts = () => { export const Payouts = () => {
return ( return (

View File

@ -1,13 +0,0 @@
.payouts {
display: flex;
flex-direction: column;
min-height: 100vh;
background: #f1f1f1;
.container {
max-width: 1160px;
display: flex;
flex-direction: column;
flex: 1;
}
}

View File

@ -4,7 +4,6 @@
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
&__container { &__container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0 auto 42px auto; margin: 0 auto 42px auto;

View File

@ -58,7 +58,7 @@ import accept from "assets/images/accept.png";
import archive from "assets/images/archiveIcon.png"; import archive from "assets/images/archiveIcon.png";
import avatarMok from "assets/images/avatarMok.png"; import avatarMok from "assets/images/avatarMok.png";
import { getCorrectDate } from "../../utils/calendarHelper"; import { getCorrectDate } from "../../components/Calendar/calendarHelper";
export const ProjectTracker = () => { export const ProjectTracker = () => {
const dispatch = useDispatch(); const dispatch = useDispatch();

View File

@ -5,7 +5,6 @@
flex-direction: column; flex-direction: column;
&__container { &__container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
@ -77,7 +76,6 @@
} }
&__container { &__container {
max-width: 1160px;
display: flex; display: flex;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
flex: 1 1 auto; flex: 1 1 auto;
@ -100,8 +98,6 @@
flex-direction: column; flex-direction: column;
&__container { &__container {
max-width: 1160px;
flex-direction: column;
display: flex; display: flex;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
flex: 1 1 auto; flex: 1 1 auto;
@ -140,7 +136,6 @@
flex-direction: column; flex-direction: column;
&__container { &__container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;

View File

@ -9,7 +9,6 @@ import { copyProjectLink } from "@utils/helper";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";
import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs"; import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader"; import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
import { Footer } from "@components/Common/Footer/Footer";
import arrow from "assets/icons/arrows/arrowCalendar.png"; import arrow from "assets/icons/arrows/arrowCalendar.png";
import emailImg from "assets/icons/emailStatistics.svg"; import emailImg from "assets/icons/emailStatistics.svg";
@ -72,137 +71,136 @@ const Statistics = () => {
/> />
<h2 className="tracker__title">Управление проектами с трекером</h2> <h2 className="tracker__title">Управление проектами с трекером</h2>
</div> </div>
<div className="tracker__tabs"> </div>
<div className="tracker__tabs__head"> <div className="tracker__tabs">
<Link <div className="tracker__tabs__head">
to="/profile/tracker" <Link
className="tab active-tab" to="/profile/tracker"
onClick={() => toggleTabs(1)} className="tab active-tab"
> onClick={() => toggleTabs(1)}
<img src={project} alt="img" /> >
<p>Проекты </p> <img src={project} alt="img" />
</Link> <p>Проекты </p>
<Link </Link>
to="/profile/tracker" <Link
className="tab" to="/profile/tracker"
onClick={() => toggleTabs(2)} className="tab"
> onClick={() => toggleTabs(2)}
<img src={tasks} alt="img" /> >
<p>Все мои задачи</p> <img src={tasks} alt="img" />
</Link> <p>Все мои задачи</p>
<Link </Link>
to="/profile/tracker" <Link
className="tab" to="/profile/tracker"
onClick={() => toggleTabs(3)} className="tab"
> onClick={() => toggleTabs(3)}
<img src={archive} alt="img" /> >
<p>Архив</p> <img src={archive} alt="img" />
</Link> <p>Архив</p>
</div> </Link>
<div className="tracker__tabs__content"> </div>
<div className="tracker__tabs__content__wrapper statistics-body"> <div className="tracker__tabs__content">
<div className="statistics-header"> <div className="tracker__tabs__content__wrapper statistics-body">
<div className="statistics-header__menu"> <div className="statistics-header">
<h1>Статистика проекта</h1> <div className="statistics-header__menu">
<img src={link} alt="#" /> <h1>Статистика проекта</h1>
<span <img src={link} alt="#" />
className="return-text" <span
onClick={() => copyProjectLink("62")} className="return-text"
> onClick={() => copyProjectLink("62")}
ссылка на проект >
</span> ссылка на проект
</div> </span>
<div className="statistics-header__return">
<img src={arrow} alt="#" />
<Link to={`/profile/tracker`} className="return-text">
К списку проектов
</Link>
</div>
</div> </div>
<div className="statistics-info">
<div className="statistics-info__head"> <div className="statistics-header__return">
<p>Проект: </p> <img src={arrow} alt="#" />
<h1>{"Разработка трекера"}</h1>
<Link to={`/profile/tracker`} className="return-text">
К списку проектов
</Link>
</div>
</div>
<div className="statistics-info">
<div className="statistics-info__head">
<p>Проект: </p>
<h1>{"Разработка трекера"}</h1>
</div>
<div className="statistics-info__team">
<div className="project-info">
<div className="project-info__creator">
<span className="return-text">Создатель проекта:</span>
<div>
<p>{"Василий Тарасов"}</p>{" "}
<img src={mockAvatar} alt="#" />
</div>
</div>
<div className="project-info__tasks">
<div className="task-quantity">
<p>Открытые задачи</p>
<span className="task-quantity_open">{4}</span>
</div>
<div className="task-quantity">
<p>Задач в работе</p>
<span className="task-quantity_work">{5}</span>
</div>
<div className="task-quantity">
<p>Закрыто задач</p>
<span className="task-quantity_closed">{434}</span>
</div>
</div>
</div> </div>
<div className="statistics-info__team"> <div className="list-team">
<div className="project-info"> <div className="list-team__title">
<div className="project-info__creator"> <span className="return-text">Участники проекта:</span>
<span className="return-text">Создатель проекта:</span>
<div>
<p>{"Василий Тарасов"}</p>{" "}
<img src={mockAvatar} alt="#" />
</div>
</div>
<div className="project-info__tasks">
<div className="task-quantity">
<p>Открытые задачи</p>
<span className="task-quantity_open">{4}</span>
</div>
<div className="task-quantity">
<p>Задач в работе</p>
<span className="task-quantity_work">{5}</span>
</div>
<div className="task-quantity">
<p>Закрыто задач</p>
<span className="task-quantity_closed">{434}</span>
</div>
</div>
</div> </div>
<div className="list-team"> <div className="list-team__head">
<div className="list-team__title"> <p>Имя</p>
<span className="return-text">Участники проекта:</span> <p>Почта</p>
</div> <p>Роль</p>
<div className="list-team__head"> <p>Статус</p>
<p>Имя</p> </div>
<p>Почта</p> <div className="list-team__body">
<p>Роль</p> {teams.map((item) => {
<p>Статус</p> return (
</div> <>
<div className="list-team__body"> <div className="list-team__item">
{teams.map((item) => { <div className="person-name">
return ( <img src={item.avatar} alt="#" />
<> <p>{item.name}</p>
<div className="list-team__item">
<div className="person-name">
<img src={item.avatar} alt="#" />
<p>{item.name}</p>
</div>
<div className="person-email">
<img src={emailImg} alt="#" />
<p>{item.email}</p>
</div>
<p className="person-type">{item.role}</p>
{/* <span className="status status-active"> */}
<span
className={
item.status
? "status status-active"
: "status status-none"
}
>
{item.status ? "Активно" : "Не активно"}
</span>
</div> </div>
</> <div className="person-email">
); <img src={emailImg} alt="#" />
})} <p>{item.email}</p>
</div> </div>
</div>
<div className="add-person"> <p className="person-type">{item.role}</p>
<span className="add-person__button">+</span> {/* <span className="status status-active"> */}
<p>Добавить участника</p>
<span
className={
item.status
? "status status-active"
: "status status-none"
}
>
{item.status ? "Активно" : "Не активно"}
</span>
</div>
</>
);
})}
</div> </div>
</div> </div>
<div className="add-person">
<span className="add-person__button">+</span>
<p>Добавить участника</p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<Footer />
</div> </div>
); );
}; };

View File

@ -4,13 +4,6 @@
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
.container {
max-width: 1160px;
display: flex;
flex-direction: column;
flex: 1;
}
&-header { &-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

View File

@ -510,7 +510,6 @@
} }
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

View File

@ -10,7 +10,7 @@ import {
getCorrectDate, getCorrectDate,
getCreatedDate, getCreatedDate,
hourOfNum hourOfNum
} from "@utils/calendarHelper"; } from "@components/Calendar/calendarHelper";
import { Footer } from "@components/Common/Footer/Footer"; import { Footer } from "@components/Common/Footer/Footer";
import { Loader } from "@components/Common/Loader/Loader"; import { Loader } from "@components/Common/Loader/Loader";
import { Navigation } from "@components/Navigation/Navigation"; import { Navigation } from "@components/Navigation/Navigation";

View File

@ -5,7 +5,6 @@
min-height: 100vh; min-height: 100vh;
.container { .container {
max-width: 1160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;