2023-02-23 14:57:26 +03:00
|
|
|
import React, {useState} from 'react';
|
2023-02-27 16:50:32 +03:00
|
|
|
import {Link, Navigate} from "react-router-dom";
|
2023-02-23 14:57:26 +03:00
|
|
|
|
|
|
|
import {ProfileHeader} from "../../components/ProfileHeader/ProfileHeader";
|
2023-02-27 16:50:32 +03:00
|
|
|
import {ProfileBreadcrumbs} from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs"
|
2023-02-23 14:57:26 +03:00
|
|
|
import {Footer} from "../../components/Footer/Footer";
|
|
|
|
|
|
|
|
import arrowSwitchDate from "../../images/arrowViewReport.png";
|
|
|
|
import backEndImg from "../../images/QualificationInfo.png";
|
|
|
|
import middle from "../../images/QualificationInfoMiddle.png";
|
|
|
|
import personImg from "../../images/mokPerson.png"
|
2023-03-16 15:10:53 +03:00
|
|
|
import deleteBtn from "../../images/deleteBtn.png"
|
2023-02-23 14:57:26 +03:00
|
|
|
|
|
|
|
import './partnerBid.scss'
|
2023-04-19 20:22:06 +03:00
|
|
|
import { Navigation } from '../../components/Navigation/Navigation';
|
2023-02-23 14:57:26 +03:00
|
|
|
|
|
|
|
export const PartnerBid = () => {
|
2023-02-27 16:50:32 +03:00
|
|
|
if(localStorage.getItem('role_status') !== '18') {
|
|
|
|
return <Navigate to="/profile" replace/>
|
|
|
|
}
|
2023-02-23 14:57:26 +03:00
|
|
|
const [mokPersons] = useState([
|
|
|
|
{
|
|
|
|
name: 'Дмитрий, PHP Back end - разработчик, Middle',
|
|
|
|
link: '',
|
|
|
|
img: personImg
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: 'Дмитрий, PHP Back end - разработчик, Middle',
|
|
|
|
link: '',
|
|
|
|
img: personImg
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: 'Дмитрий, PHP Back end - разработчик, Middle',
|
|
|
|
link: '',
|
|
|
|
img: personImg
|
|
|
|
}
|
|
|
|
])
|
|
|
|
return (
|
|
|
|
<div className='partnerBid'>
|
|
|
|
<ProfileHeader />
|
2023-04-19 20:22:06 +03:00
|
|
|
<Navigation />
|
2023-02-23 14:57:26 +03:00
|
|
|
<div className='container'>
|
2023-02-27 16:50:32 +03:00
|
|
|
<ProfileBreadcrumbs links={[
|
|
|
|
{name: 'Главная', link: '/profile'},
|
|
|
|
{name: 'Запросы и открытые позиции', link: '/profile/requests'},
|
|
|
|
{name: 'Просмотр заявки - PHP разработчик', link: '/profile/bid'}
|
|
|
|
]}
|
|
|
|
/>
|
2023-02-23 14:57:26 +03:00
|
|
|
<h2 className='partnerBid__title'>Страница заявки </h2>
|
|
|
|
<div className='partnerBid__qualification'>
|
|
|
|
<h3>PHP разработчик</h3>
|
2023-03-16 15:10:53 +03:00
|
|
|
<div className='partnerBid__qualification__buttons'>
|
|
|
|
<button>Редактировать</button>
|
|
|
|
<img src={deleteBtn} alt='delete' />
|
|
|
|
</div>
|
2023-02-23 14:57:26 +03:00
|
|
|
</div>
|
|
|
|
<div className='partnerBid__switcher'>
|
|
|
|
<div className='partnerBid__switcher__prev switchDate'>
|
|
|
|
<img src={arrowSwitchDate} alt='arrow'/>
|
|
|
|
</div>
|
|
|
|
<p>Дата заявки : 19 декабря 2022 года </p>
|
|
|
|
<div className='partnerBid__switcher__next switchDate'>
|
|
|
|
<img src={arrowSwitchDate} alt='arrow'/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className='table__wrapper'>
|
|
|
|
<table>
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th><p>Требования к стеку разработчика</p></th>
|
|
|
|
<th><p>Квалификация</p></th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
<p>
|
|
|
|
PHP приветствуется аккуратность в коде. MySQL - умение писать запросы к MySQL,
|
|
|
|
понимание как происходит запрос. Средний уровень: AJAX, JSON, общее понимание;
|
|
|
|
CSS/CSS3, HTML, Bootstrap;
|
|
|
|
</p>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<div className='qualification__info'>
|
|
|
|
<div className='img__wrapper'>
|
|
|
|
<img src={backEndImg} alt='backEndImg' />
|
|
|
|
</div>
|
|
|
|
<p>Backend разработчик</p>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
<p>
|
|
|
|
Знание современных фреймворков Laravel, Yii 2, FuelPHP, Симфони;
|
|
|
|
Знания по разработке REST API;
|
|
|
|
Знание PHP,HTML,CSS,MySQL,Pyhton,JavaScript.
|
|
|
|
</p>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<div className='qualification__info'>
|
|
|
|
<div className='img__wrapper'>
|
|
|
|
<img src={middle} alt='middleImg' />
|
|
|
|
</div>
|
|
|
|
<p className='middle'>Средний<br/>(Middle)</p>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div className='partnerBid__suitable'>
|
|
|
|
<div className='partnerBid__suitable__title'>
|
|
|
|
<p>Подходящие сотрудники по запросу</p>
|
|
|
|
</div>
|
|
|
|
<div className='partnerBid__suitable__persons'>
|
2023-02-27 16:50:32 +03:00
|
|
|
{mokPersons.map((person, index) => {
|
|
|
|
return <div key={index} className='partnerBid__suitable__person'>
|
2023-02-23 14:57:26 +03:00
|
|
|
<img src={person.img} alt='avatar' />
|
|
|
|
<p>{person.name}</p>
|
|
|
|
<Link className='partnerBid__suitable__person__more' to={person.link}>
|
|
|
|
Подробнее
|
|
|
|
</Link>
|
|
|
|
<div className='partnerBid__suitable__person__info'>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
})
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<Footer/>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
};
|