2023-03-16 15:10:53 +03:00
|
|
|
|
import React, {useState} from 'react';
|
|
|
|
|
import {Link} from "react-router-dom";
|
2023-03-23 14:00:34 +03:00
|
|
|
|
import {Navigate} from "react-router-dom";
|
|
|
|
|
import {useDispatch} from "react-redux";
|
2023-03-16 15:10:53 +03:00
|
|
|
|
|
|
|
|
|
import {ProfileHeader} from "../../components/ProfileHeader/ProfileHeader";
|
|
|
|
|
import {ProfileBreadcrumbs} from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs"
|
|
|
|
|
import {Footer} from "../../components/Footer/Footer";
|
|
|
|
|
|
2023-03-23 14:00:34 +03:00
|
|
|
|
import {setPartnerEmployees} from "../../redux/outstaffingSlice";
|
|
|
|
|
|
2023-03-17 14:29:00 +03:00
|
|
|
|
import BackEndImg from "./images/personalBackEnd.png"
|
|
|
|
|
import FrontendImg from "./images/PersonalFrontend.png"
|
|
|
|
|
import ArchitectureImg from "./images/PersonalArchitecture.png"
|
|
|
|
|
import DesignImg from "./images/PersonalDesign.png"
|
|
|
|
|
import TestImg from "./images/PersonalTesters.png"
|
|
|
|
|
import AdminImg from "./images/PersonalAdmin.png"
|
|
|
|
|
import ManageImg from "./images/PersonalMng.png"
|
|
|
|
|
import CopyImg from "./images/PersonalCopy.png"
|
|
|
|
|
import SmmImg from "./images/PersonalSMM.png"
|
2023-03-16 15:10:53 +03:00
|
|
|
|
import rightArrow from "../../images/arrowRight.png"
|
2023-03-23 14:00:34 +03:00
|
|
|
|
import avatarImg from "../PartnerEmployees/avatarMok.png";
|
2023-03-16 15:10:53 +03:00
|
|
|
|
|
2023-03-23 14:00:34 +03:00
|
|
|
|
import "./partnerСategories.scss"
|
2023-04-19 20:22:06 +03:00
|
|
|
|
import { Navigation } from '../../components/Navigation/Navigation';
|
2023-03-16 15:10:53 +03:00
|
|
|
|
|
2023-03-23 14:00:34 +03:00
|
|
|
|
export const PartnerCategories = () => {
|
|
|
|
|
const dispatch = useDispatch();
|
2023-03-16 15:10:53 +03:00
|
|
|
|
if(localStorage.getItem('role_status') !== '18') {
|
|
|
|
|
return <Navigate to="/profile" replace/>
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const [personalInfoItems] = useState([
|
|
|
|
|
{
|
|
|
|
|
title: 'Backend разработчики',
|
2023-03-23 14:00:34 +03:00
|
|
|
|
link: '/profile/categories/employees',
|
2023-03-16 15:10:53 +03:00
|
|
|
|
description: 'Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript',
|
|
|
|
|
available: true,
|
|
|
|
|
img: BackEndImg
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Frontend разработчики',
|
2023-03-23 14:00:34 +03:00
|
|
|
|
link: '/profile/categories/employees',
|
2023-03-16 15:10:53 +03:00
|
|
|
|
description: 'Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript',
|
|
|
|
|
available: true,
|
|
|
|
|
img: FrontendImg
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Архитектура проектов',
|
2023-03-23 14:00:34 +03:00
|
|
|
|
link: '/profile/categories/employees',
|
2023-03-16 15:10:53 +03:00
|
|
|
|
description: 'Потоки данных ER ERP CRM CQRS UML BPMN',
|
|
|
|
|
available: true,
|
|
|
|
|
img: ArchitectureImg
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Дизайн проектов',
|
2023-03-23 14:00:34 +03:00
|
|
|
|
link: '/profile/categories/employees',
|
2023-03-16 15:10:53 +03:00
|
|
|
|
description: 'Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript',
|
|
|
|
|
available: true,
|
|
|
|
|
img: DesignImg
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Тестирование проектов',
|
2023-03-23 14:00:34 +03:00
|
|
|
|
link: '/profile/add-request',
|
2023-03-16 15:10:53 +03:00
|
|
|
|
description: 'SQL Postman TestRail Kibana Ручное тестирование',
|
|
|
|
|
available: false,
|
|
|
|
|
img: TestImg
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Администрирование проектов',
|
2023-03-23 14:00:34 +03:00
|
|
|
|
link: '/profile/add-request',
|
2023-03-16 15:10:53 +03:00
|
|
|
|
description: 'DevOps ELK Kubernetes Docker Bash Apache Oracle Git',
|
|
|
|
|
available: false,
|
|
|
|
|
img: AdminImg
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Управление проектом',
|
2023-03-23 14:00:34 +03:00
|
|
|
|
link: '/profile/add-request',
|
2023-03-16 15:10:53 +03:00
|
|
|
|
description: 'Scrum Kanban Agile Miro CustDev',
|
|
|
|
|
available: false,
|
|
|
|
|
img: ManageImg
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Копирайтинг проектов',
|
2023-03-23 14:00:34 +03:00
|
|
|
|
link: '/profile/add-request',
|
2023-03-16 15:10:53 +03:00
|
|
|
|
description: 'Теги Заголовок H1 Дескриптор Абзац Сценарий',
|
|
|
|
|
available: false,
|
|
|
|
|
img: CopyImg
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'Реклама и SMM',
|
2023-03-23 14:00:34 +03:00
|
|
|
|
link: '/profile/add-request',
|
2023-03-16 15:10:53 +03:00
|
|
|
|
description: 'Java PHP Python C# React Vue.js NodeJs Golang Ruby JavaScript',
|
|
|
|
|
available: false,
|
|
|
|
|
img: SmmImg
|
|
|
|
|
},
|
|
|
|
|
])
|
2023-03-23 14:00:34 +03:00
|
|
|
|
|
|
|
|
|
const [mokPersons] = useState([
|
|
|
|
|
{
|
|
|
|
|
personAvatar: avatarImg,
|
|
|
|
|
name: "Макаренко Дмитрий",
|
|
|
|
|
qualification: "PHP Backend - разработчик",
|
|
|
|
|
level: "Middle",
|
|
|
|
|
project: "Админка НВД Консалтинг",
|
|
|
|
|
tasks_in_progress: 5,
|
|
|
|
|
month_hours: 140,
|
|
|
|
|
id: 1
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
personAvatar: avatarImg,
|
|
|
|
|
name: "Макаренко Дмитрий",
|
|
|
|
|
qualification: "PHP Backend - разработчик",
|
|
|
|
|
level: "Middle",
|
|
|
|
|
project: "Админка НВД Консалтинг",
|
|
|
|
|
tasks_in_progress: 5,
|
|
|
|
|
month_hours: 140,
|
|
|
|
|
id: 2
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
personAvatar: avatarImg,
|
|
|
|
|
name: "Макаренко Дмитрий",
|
|
|
|
|
qualification: "PHP Backend - разработчик",
|
|
|
|
|
level: "Middle",
|
|
|
|
|
project: "Админка НВД Консалтинг",
|
|
|
|
|
tasks_in_progress: 5,
|
|
|
|
|
month_hours: 140,
|
|
|
|
|
id: 3
|
|
|
|
|
},
|
|
|
|
|
])
|
2023-03-16 15:10:53 +03:00
|
|
|
|
return (
|
2023-03-23 14:00:34 +03:00
|
|
|
|
<div className="partnerCategories">
|
2023-03-16 15:10:53 +03:00
|
|
|
|
<ProfileHeader />
|
2023-04-19 20:22:06 +03:00
|
|
|
|
<Navigation />
|
2023-03-16 15:10:53 +03:00
|
|
|
|
<div className="container">
|
|
|
|
|
<ProfileBreadcrumbs links={[
|
|
|
|
|
{name: 'Главная', link: '/profile'},
|
2023-03-23 14:00:34 +03:00
|
|
|
|
{name: 'Данные моего персонала', link: '/profile/categories'},
|
2023-03-16 15:10:53 +03:00
|
|
|
|
]}
|
|
|
|
|
/>
|
2023-03-23 14:00:34 +03:00
|
|
|
|
<h2 className="partnerCategories__title">Данные персонала</h2>
|
|
|
|
|
<div className="partnerCategories__items">
|
2023-03-16 15:10:53 +03:00
|
|
|
|
{personalInfoItems.map((item, index) => {
|
2023-03-23 14:00:34 +03:00
|
|
|
|
return <Link to={item.link} key={index} className={item.available ? "partnerCategories__item item" : "partnerCategories__item item item__disable"}
|
|
|
|
|
onClick={() => {
|
|
|
|
|
dispatch(setPartnerEmployees(mokPersons))
|
|
|
|
|
}}>
|
2023-03-16 15:10:53 +03:00
|
|
|
|
<div className="item__title">
|
|
|
|
|
<img src={item.img} alt={item.title} />
|
|
|
|
|
<h4>{item.title}</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="item__info">
|
|
|
|
|
<p>{item.description}</p>
|
|
|
|
|
<div className='more'>
|
|
|
|
|
<img src={rightArrow} alt="arrow" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{!item.available &&
|
|
|
|
|
<div className="item__disableHover">
|
|
|
|
|
<p>У вас нет персонала из категории</p>
|
|
|
|
|
<button>Подобрать</button>
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
</Link>
|
|
|
|
|
})}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<Footer/>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|