fuck sales
This commit is contained in:
reza
+127
-127
@@ -1,127 +1,127 @@
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||
import Link from 'next/link'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { Box, Divider, ScaleFade, SimpleGrid } from '@chakra-ui/react'
|
||||
import { AppProduction, VueApi } from '../../lib/api'
|
||||
import axios from 'axios'
|
||||
import { data } from 'autoprefixer'
|
||||
import { Link as LinkChakra } from '@chakra-ui/react'
|
||||
import { ExternalLinkIcon } from '@chakra-ui/icons'
|
||||
|
||||
const Recruitment = dataoccupational => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Directors.jpg`
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||
فرصت های شغلی
|
||||
</h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p
|
||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
فرصت‌هایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||
فرصت های همکاری
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||
ردیف شغلی مورد علاقه خود را انتخاب کنید{' '}
|
||||
</MDBTypography>
|
||||
<LinkChakra as={Link} className='cursor-pointer' href='/recruitment/inquiry'>
|
||||
<div className='border-2 text-sm cursor-pointer'>
|
||||
استعلام وضعیت درخواست استخدام <ExternalLinkIcon mx='2px' />
|
||||
|
||||
</div>
|
||||
</LinkChakra>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||
{dataoccupational.data.data.map(item => (
|
||||
<ScaleFade initialScale={0.9} in={() => setTimeout(() => true, 3000)}>
|
||||
<Box key={item.id}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody className={'flex flex-col align-items-center justify-content-between'}>
|
||||
<div>
|
||||
<FiUsers size={35} />
|
||||
</div>
|
||||
<MDBCardTitle className={'bk-med mt-2 right'}>{item.title} </MDBCardTitle>
|
||||
<Link href={`recruitment/item/${item.id}`}>
|
||||
<MDBBtn rounded size={'sm'} className={'mt-2 flex align-items-center bk-light bg-primary-teal'}>
|
||||
مشاهده
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Box>
|
||||
</ScaleFade>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Recruitment
|
||||
|
||||
export async function getServerSideProps() {
|
||||
// Fetch data from external API
|
||||
const res = await axios
|
||||
.get(`${AppProduction}public/job/occupational/`)
|
||||
.then(res => {
|
||||
return res.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
const data = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { data } }
|
||||
}
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||
import Link from 'next/link'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { Box, Divider, ScaleFade, SimpleGrid } from '@chakra-ui/react'
|
||||
import { AppProduction, VueApi } from '../../lib/api'
|
||||
import axios from 'axios'
|
||||
import { data } from 'autoprefixer'
|
||||
import { Link as LinkChakra } from '@chakra-ui/react'
|
||||
import { ExternalLinkIcon } from '@chakra-ui/icons'
|
||||
|
||||
const Recruitment = dataoccupational => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Directors.jpg`
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||
فرصت های شغلی
|
||||
</h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p
|
||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
فرصت‌هایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||
فرصت های همکاری
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||
ردیف شغلی مورد علاقه خود را انتخاب کنید{' '}
|
||||
</MDBTypography>
|
||||
<LinkChakra as={Link} className='cursor-pointer' href='/recruitment/inquiry'>
|
||||
<div className='border-2 text-sm cursor-pointer'>
|
||||
استعلام وضعیت درخواست استخدام <ExternalLinkIcon mx='2px' />
|
||||
|
||||
</div>
|
||||
</LinkChakra>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||
{dataoccupational.data.data.map(item => (
|
||||
<ScaleFade initialScale={0.9} in={() => setTimeout(() => true, 3000)}>
|
||||
<Box key={item.id}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody className={'flex flex-col align-items-center justify-content-between'}>
|
||||
<div>
|
||||
<FiUsers size={35} />
|
||||
</div>
|
||||
<MDBCardTitle className={'bk-med mt-2 right'}>{item.title} </MDBCardTitle>
|
||||
<Link href={`recruitment/item/${item.id}`}>
|
||||
<MDBBtn rounded size={'sm'} className={'mt-2 flex align-items-center bk-light bg-primary-teal'}>
|
||||
مشاهده
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Box>
|
||||
</ScaleFade>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Recruitment
|
||||
|
||||
export async function getServerSideProps() {
|
||||
// Fetch data from external API
|
||||
const res = await axios
|
||||
.get(`${AppProduction}public/job/occupational/`)
|
||||
.then(res => {
|
||||
return res.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
const data = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { data } }
|
||||
}
|
||||
|
||||
+109
-109
@@ -1,109 +1,109 @@
|
||||
import React, {useState} from 'react'
|
||||
import AppContainer from '../../appContainer'
|
||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBInput} from "mdb-react-ui-kit";
|
||||
import {Input, ListItem, UnorderedList} from "@chakra-ui/react";
|
||||
import {useForm} from "react-hook-form";
|
||||
import axios from "axios";
|
||||
import Link from 'next/link'
|
||||
import {AppProduction} from "../../../lib/api";
|
||||
|
||||
const InquiryJob = () => {
|
||||
const {register, handleSubmit, formState: {errors}} = useForm();
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [result, setResult] = useState(null)
|
||||
const onSubmit = data => {
|
||||
setLoading(true)
|
||||
axios.post(`${AppProduction}public/job-request/inquiry`, data).then(res => {
|
||||
console.log('res', res)
|
||||
if (res.status == 208) {
|
||||
alert(res.data.status.message)
|
||||
}
|
||||
if(res.status == 200) {
|
||||
setResult(res.data)
|
||||
}
|
||||
setLoading(false)
|
||||
}).catch(err => {
|
||||
console.log('err', err)
|
||||
setLoading(false)
|
||||
})
|
||||
};
|
||||
return (
|
||||
<AppContainer title='استعلام وضعیت درخواست استخدام '>
|
||||
<div dir="rtl" className='bk-bold flex inquiry-bg justify-content-center align-items-center'>
|
||||
<MDBCard className="shadow-6-strong lg:w-[40%] my-[10rem]">
|
||||
{!result ? (
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle tag={'h4'} className="text-right my-3 text-primary-teal bk-heavy"> وضعیت درخواست
|
||||
استخدام
|
||||
</MDBCardTitle>
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<MDBCardText className="flex flex-column gap-2">
|
||||
<Input
|
||||
maxLength="10"
|
||||
{...register('national_code', {
|
||||
required: {
|
||||
message: 'کد ملی اجباری است.' ,
|
||||
value: true
|
||||
},
|
||||
minLength: {
|
||||
message: 'کد ملی معتبر نیست ',
|
||||
value: 10
|
||||
},
|
||||
})}
|
||||
variant='filled'
|
||||
placeholder='کد ملی را وارد نمایید.'
|
||||
/>
|
||||
<Input
|
||||
maxLength="11"
|
||||
{...register('phone_number', {
|
||||
required: {
|
||||
message: ' شماره موبایل اجباری است.' ,
|
||||
value: true
|
||||
},
|
||||
minLength: {
|
||||
message: 'شماره موبایل معتبر نیست ',
|
||||
value: 11
|
||||
},
|
||||
})}
|
||||
variant='filled'
|
||||
placeholder=' شماره موبایل را وارد نمایید.'
|
||||
/>
|
||||
</MDBCardText>
|
||||
{errors.national_code && (
|
||||
<p className="text-danger">
|
||||
{errors.national_code.message}
|
||||
</p>
|
||||
)}
|
||||
{errors.phone_number && (
|
||||
<p className="text-danger">
|
||||
{errors.phone_number.message}
|
||||
</p>
|
||||
)}
|
||||
|
||||
<MDBBtn disabled={loading} type="submit" className="left-align left bg-primary-teal">
|
||||
{loading ? 'در حال بررسی' : 'استعلام وضعیت'}
|
||||
</MDBBtn>
|
||||
</form>
|
||||
</MDBCardBody>
|
||||
): (
|
||||
<MDBCardBody className="text-center">
|
||||
<h4 className="text-primary-teal"> {result.status.name} </h4>
|
||||
<hr />
|
||||
<UnorderedList>
|
||||
<ListItem className="text-primary-teal bk"> تعیین وضعیت نشده است.</ListItem>
|
||||
</UnorderedList>
|
||||
<Link href="/recruitment">
|
||||
<MDBBtn onClick={() => {
|
||||
setLoading(false)
|
||||
setLoading(null)
|
||||
}} className="left-align left bg-primary-teal"> بازگشت</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
)}
|
||||
</MDBCard>
|
||||
</div>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default InquiryJob
|
||||
import React, {useState} from 'react'
|
||||
import AppContainer from '../../appContainer'
|
||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBInput} from "mdb-react-ui-kit";
|
||||
import {Input, ListItem, UnorderedList} from "@chakra-ui/react";
|
||||
import {useForm} from "react-hook-form";
|
||||
import axios from "axios";
|
||||
import Link from 'next/link'
|
||||
import {AppProduction} from "../../../lib/api";
|
||||
|
||||
const InquiryJob = () => {
|
||||
const {register, handleSubmit, formState: {errors}} = useForm();
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [result, setResult] = useState(null)
|
||||
const onSubmit = data => {
|
||||
setLoading(true)
|
||||
axios.post(`${AppProduction}public/job-request/inquiry`, data).then(res => {
|
||||
console.log('res', res)
|
||||
if (res.status == 208) {
|
||||
alert(res.data.status.message)
|
||||
}
|
||||
if(res.status == 200) {
|
||||
setResult(res.data)
|
||||
}
|
||||
setLoading(false)
|
||||
}).catch(err => {
|
||||
console.log('err', err)
|
||||
setLoading(false)
|
||||
})
|
||||
};
|
||||
return (
|
||||
<AppContainer title='استعلام وضعیت درخواست استخدام '>
|
||||
<div dir="rtl" className='bk-bold flex inquiry-bg justify-content-center align-items-center'>
|
||||
<MDBCard className="shadow-6-strong lg:w-[40%] my-[10rem]">
|
||||
{!result ? (
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle tag={'h4'} className="text-right my-3 text-primary-teal bk-heavy"> وضعیت درخواست
|
||||
استخدام
|
||||
</MDBCardTitle>
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<MDBCardText className="flex flex-column gap-2">
|
||||
<Input
|
||||
maxLength="10"
|
||||
{...register('national_code', {
|
||||
required: {
|
||||
message: 'کد ملی اجباری است.' ,
|
||||
value: true
|
||||
},
|
||||
minLength: {
|
||||
message: 'کد ملی معتبر نیست ',
|
||||
value: 10
|
||||
},
|
||||
})}
|
||||
variant='filled'
|
||||
placeholder='کد ملی را وارد نمایید.'
|
||||
/>
|
||||
<Input
|
||||
maxLength="11"
|
||||
{...register('phone_number', {
|
||||
required: {
|
||||
message: ' شماره موبایل اجباری است.' ,
|
||||
value: true
|
||||
},
|
||||
minLength: {
|
||||
message: 'شماره موبایل معتبر نیست ',
|
||||
value: 11
|
||||
},
|
||||
})}
|
||||
variant='filled'
|
||||
placeholder=' شماره موبایل را وارد نمایید.'
|
||||
/>
|
||||
</MDBCardText>
|
||||
{errors.national_code && (
|
||||
<p className="text-danger">
|
||||
{errors.national_code.message}
|
||||
</p>
|
||||
)}
|
||||
{errors.phone_number && (
|
||||
<p className="text-danger">
|
||||
{errors.phone_number.message}
|
||||
</p>
|
||||
)}
|
||||
|
||||
<MDBBtn disabled={loading} type="submit" className="left-align left bg-primary-teal">
|
||||
{loading ? 'در حال بررسی' : 'استعلام وضعیت'}
|
||||
</MDBBtn>
|
||||
</form>
|
||||
</MDBCardBody>
|
||||
): (
|
||||
<MDBCardBody className="text-center">
|
||||
<h4 className="text-primary-teal"> {result.status.name} </h4>
|
||||
<hr />
|
||||
<UnorderedList>
|
||||
<ListItem className="text-primary-teal bk"> تعیین وضعیت نشده است.</ListItem>
|
||||
</UnorderedList>
|
||||
<Link href="/recruitment">
|
||||
<MDBBtn onClick={() => {
|
||||
setLoading(false)
|
||||
setLoading(null)
|
||||
}} className="left-align left bg-primary-teal"> بازگشت</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
)}
|
||||
</MDBCard>
|
||||
</div>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default InquiryJob
|
||||
|
||||
@@ -1,133 +1,133 @@
|
||||
import React from 'react'
|
||||
import Image from 'next/image'
|
||||
import Link from 'next/link'
|
||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { Box, Divider, SimpleGrid } from '@chakra-ui/react'
|
||||
import AppContainer from '../../appContainer'
|
||||
import { useRouter } from 'next/router'
|
||||
import axios from 'axios'
|
||||
import { AppProduction } from '../../../lib/api'
|
||||
|
||||
const Recruitment = jobs => {
|
||||
console.log(jobs)
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../../resource/parallax/33012321.jpg`
|
||||
}
|
||||
const router = useRouter()
|
||||
const { category_id } = router.query
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||
|
||||
فرصت های شغلی بیمارستان مهر ایرانیان
|
||||
</h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p
|
||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
فرصت‌هایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt={category_id}
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||
{jobs.jobs.name.title}{' '}
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||
شغل مورد علاقه خود را انتخاب کنید{' '}
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 3]} spacing={3}>
|
||||
{jobs.jobs.data &&
|
||||
jobs.jobs.data.map(item => (
|
||||
<Box key={item.id}>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody
|
||||
className={
|
||||
'flex align-items-center lg:flex-row md:flex-col sm:flex-col justify-content-between'
|
||||
}
|
||||
>
|
||||
<div>
|
||||
<MDBCardTitle title={item.title} className={'bk-med text-summery-2 mt-2 right'}>
|
||||
{item.title}{' '}
|
||||
</MDBCardTitle>
|
||||
</div>
|
||||
<div>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBBtn
|
||||
rounded
|
||||
size={'sm'}
|
||||
className={'mt-2 flex align-items-center bk-light bg-primary-teal'}
|
||||
>
|
||||
درخواست همکاری
|
||||
<FiArrowLeft className={'ml-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</Box>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export async function getServerSideProps(ctx) {
|
||||
// Fetch data from external API
|
||||
const { query } = ctx
|
||||
|
||||
const res = await axios
|
||||
.get(`${AppProduction}public/job/${query.category_id}`)
|
||||
.then(res => {
|
||||
return res.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
const jobs = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { jobs } }
|
||||
}
|
||||
|
||||
export default Recruitment
|
||||
import React from 'react'
|
||||
import Image from 'next/image'
|
||||
import Link from 'next/link'
|
||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { Box, Divider, SimpleGrid } from '@chakra-ui/react'
|
||||
import AppContainer from '../../appContainer'
|
||||
import { useRouter } from 'next/router'
|
||||
import axios from 'axios'
|
||||
import { AppProduction } from '../../../lib/api'
|
||||
|
||||
const Recruitment = jobs => {
|
||||
console.log(jobs)
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../../resource/parallax/33012321.jpg`
|
||||
}
|
||||
const router = useRouter()
|
||||
const { category_id } = router.query
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||
|
||||
فرصت های شغلی بیمارستان مهر ایرانیان
|
||||
</h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p
|
||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
فرصت‌هایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt={category_id}
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||
{jobs.jobs.name.title}{' '}
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||
شغل مورد علاقه خود را انتخاب کنید{' '}
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 3]} spacing={3}>
|
||||
{jobs.jobs.data &&
|
||||
jobs.jobs.data.map(item => (
|
||||
<Box key={item.id}>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody
|
||||
className={
|
||||
'flex align-items-center lg:flex-row md:flex-col sm:flex-col justify-content-between'
|
||||
}
|
||||
>
|
||||
<div>
|
||||
<MDBCardTitle title={item.title} className={'bk-med text-summery-2 mt-2 right'}>
|
||||
{item.title}{' '}
|
||||
</MDBCardTitle>
|
||||
</div>
|
||||
<div>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBBtn
|
||||
rounded
|
||||
size={'sm'}
|
||||
className={'mt-2 flex align-items-center bk-light bg-primary-teal'}
|
||||
>
|
||||
درخواست همکاری
|
||||
<FiArrowLeft className={'ml-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</Box>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export async function getServerSideProps(ctx) {
|
||||
// Fetch data from external API
|
||||
const { query } = ctx
|
||||
|
||||
const res = await axios
|
||||
.get(`${AppProduction}public/job/${query.category_id}`)
|
||||
.then(res => {
|
||||
return res.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
const jobs = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { jobs } }
|
||||
}
|
||||
|
||||
export default Recruitment
|
||||
|
||||
@@ -1,182 +1,182 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const CoursesData = () => {
|
||||
const {setPage, coursesData, setCoursesData, langStatus, setLangStatus} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(coursesData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
courseName: '',
|
||||
courseEdu: '',
|
||||
courseLocal: '',
|
||||
courseTime: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setCoursesData(formValues)
|
||||
console.log(formValues);
|
||||
console.log('coursesData', coursesData);
|
||||
console.log('langStatus', langStatus.status);
|
||||
setPage(4)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex justify-content-between mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column'}>
|
||||
<div>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
میزان آشنایی با زبان انگلیسی :
|
||||
</MDBInputGroupText>
|
||||
</div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<select
|
||||
required
|
||||
onChange={(e) => setLangStatus({status: e.target.value})}
|
||||
dir={'ltr'}
|
||||
defaultValue={langStatus.status}
|
||||
style={{ width: 200 }}
|
||||
placeholder={'سطح زبان خود را مشخص کنید '}
|
||||
>
|
||||
<option value='3'> ضعیف </option>
|
||||
<option value='2'> خوب </option>
|
||||
<option value='1'> عالی </option>
|
||||
</select>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که دوره آموزشی خاصی را گذرانده اید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseName'
|
||||
name="courseName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام دوره آموزشی"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseEdu'
|
||||
name="courseEdu"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseEdu || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام موسسه آموزشی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseLocal'
|
||||
name="courseLocal"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseLocal || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مکان موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseTime'
|
||||
name="courseTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت آموزش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CoursesData;
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const CoursesData = () => {
|
||||
const {setPage, coursesData, setCoursesData, langStatus, setLangStatus} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(coursesData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
courseName: '',
|
||||
courseEdu: '',
|
||||
courseLocal: '',
|
||||
courseTime: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setCoursesData(formValues)
|
||||
console.log(formValues);
|
||||
console.log('coursesData', coursesData);
|
||||
console.log('langStatus', langStatus.status);
|
||||
setPage(4)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex justify-content-between mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column'}>
|
||||
<div>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
میزان آشنایی با زبان انگلیسی :
|
||||
</MDBInputGroupText>
|
||||
</div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<select
|
||||
required
|
||||
onChange={(e) => setLangStatus({status: e.target.value})}
|
||||
dir={'ltr'}
|
||||
defaultValue={langStatus.status}
|
||||
style={{ width: 200 }}
|
||||
placeholder={'سطح زبان خود را مشخص کنید '}
|
||||
>
|
||||
<option value='3'> ضعیف </option>
|
||||
<option value='2'> خوب </option>
|
||||
<option value='1'> عالی </option>
|
||||
</select>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که دوره آموزشی خاصی را گذرانده اید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseName'
|
||||
name="courseName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام دوره آموزشی"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseEdu'
|
||||
name="courseEdu"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseEdu || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام موسسه آموزشی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseLocal'
|
||||
name="courseLocal"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseLocal || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مکان موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseTime'
|
||||
name="courseTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت آموزش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CoursesData;
|
||||
|
||||
@@ -1,170 +1,170 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const EducationalData = () => {
|
||||
const {setPage, educationalData, setEducationalData} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(educationalData)
|
||||
console.log('edd', educationalData)
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
university: '',
|
||||
field : '',
|
||||
trend: '',
|
||||
score: '',
|
||||
dateField: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
console.log(formValues);
|
||||
setEducationalData(formValues)
|
||||
setPage(3)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
required
|
||||
id='university'
|
||||
name="university"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.university || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دانشگاه / موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='field'
|
||||
name="field"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.field || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="رشته تحصیلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='trend'
|
||||
name="trend"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.trend || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="گرایش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='dateField'
|
||||
name="dateField"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.dateField || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="تاریخ اخذ مدرک "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='score'
|
||||
name="score"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.score || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="معدل "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const EducationalData = () => {
|
||||
const {setPage, educationalData, setEducationalData} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(educationalData)
|
||||
console.log('edd', educationalData)
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
university: '',
|
||||
field : '',
|
||||
trend: '',
|
||||
score: '',
|
||||
dateField: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
console.log(formValues);
|
||||
setEducationalData(formValues)
|
||||
setPage(3)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
required
|
||||
id='university'
|
||||
name="university"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.university || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دانشگاه / موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='field'
|
||||
name="field"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.field || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="رشته تحصیلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='trend'
|
||||
name="trend"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.trend || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="گرایش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='dateField'
|
||||
name="dateField"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.dateField || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="تاریخ اخذ مدرک "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='score'
|
||||
name="score"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.score || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="معدل "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default EducationalData;
|
||||
@@ -1,90 +1,90 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Checkbox, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
import NumberFormat from "react-number-format";
|
||||
import log from "tailwindcss/lib/util/log";
|
||||
|
||||
const Furtherinformation = () => {
|
||||
const {setPage, furtherinformation, setFurtherinformation} = useContext(HandleFormReq)
|
||||
const [criminal,setCriminal] = useState(process.browser && furtherinformation.criminal.toString())
|
||||
const [salary, setSalary] = useState(process.browser && furtherinformation.salary)
|
||||
const [Introduced, setIntroduced] = useState(process.browser && furtherinformation.Introduced)
|
||||
|
||||
// let handleSubmit = () => {
|
||||
// setPage(7)
|
||||
// }
|
||||
let handleChange = (e) => {
|
||||
setFurtherinformation({criminal: criminal,salary: salary, Introduced: Introduced})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column '>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column '}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا سابقه کیفری دارید :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup className={'flex align-items-center'} onChange={setCriminal} value={criminal}>
|
||||
<Stack spacing={4} direction='row'>
|
||||
<Radio value='1'> ندارم </Radio>
|
||||
<Radio value='2'> دارم </Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<NumberFormat
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
onValueChange={(values) => {
|
||||
const { formattedValue, value } = values;
|
||||
handleChange()
|
||||
setSalary(formattedValue)
|
||||
console.log('salery', salary)
|
||||
}}
|
||||
className={'form-control'}
|
||||
type={'text'}
|
||||
thousandSeparator={true}
|
||||
defaultValue={furtherinformation.salary}
|
||||
placeholder=" حقوق پیشنهادی(تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<Box dir={'rtl'} className={''}>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={furtherinformation.Introduced}
|
||||
onChange={(e) => {
|
||||
handleChange()
|
||||
setIntroduced(e.target.value)}
|
||||
}
|
||||
placeholder='در صورتی که معرفی دارید نام و شماره تماس آن را وارد کنید '
|
||||
/>
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/*<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >ثبت درخواست </MDBBtn>*/}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Furtherinformation;
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Checkbox, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
import NumberFormat from "react-number-format";
|
||||
import log from "tailwindcss/lib/util/log";
|
||||
|
||||
const Furtherinformation = () => {
|
||||
const {setPage, furtherinformation, setFurtherinformation} = useContext(HandleFormReq)
|
||||
const [criminal,setCriminal] = useState(process.browser && furtherinformation.criminal.toString())
|
||||
const [salary, setSalary] = useState(process.browser && furtherinformation.salary)
|
||||
const [Introduced, setIntroduced] = useState(process.browser && furtherinformation.Introduced)
|
||||
|
||||
// let handleSubmit = () => {
|
||||
// setPage(7)
|
||||
// }
|
||||
let handleChange = (e) => {
|
||||
setFurtherinformation({criminal: criminal,salary: salary, Introduced: Introduced})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column '>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column '}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا سابقه کیفری دارید :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup className={'flex align-items-center'} onChange={setCriminal} value={criminal}>
|
||||
<Stack spacing={4} direction='row'>
|
||||
<Radio value='1'> ندارم </Radio>
|
||||
<Radio value='2'> دارم </Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<NumberFormat
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
onValueChange={(values) => {
|
||||
const { formattedValue, value } = values;
|
||||
handleChange()
|
||||
setSalary(formattedValue)
|
||||
console.log('salery', salary)
|
||||
}}
|
||||
className={'form-control'}
|
||||
type={'text'}
|
||||
thousandSeparator={true}
|
||||
defaultValue={furtherinformation.salary}
|
||||
placeholder=" حقوق پیشنهادی(تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<Box dir={'rtl'} className={''}>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={furtherinformation.Introduced}
|
||||
onChange={(e) => {
|
||||
handleChange()
|
||||
setIntroduced(e.target.value)}
|
||||
}
|
||||
placeholder='در صورتی که معرفی دارید نام و شماره تماس آن را وارد کنید '
|
||||
/>
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/*<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >ثبت درخواست </MDBBtn>*/}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Furtherinformation;
|
||||
|
||||
@@ -1,170 +1,170 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const JobData = () => {
|
||||
const {setPage, jobData, setJob} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(jobData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
companyName: '',
|
||||
position: '',
|
||||
workTime: '',
|
||||
exitReason: '',
|
||||
lastIncome: ''
|
||||
}])
|
||||
console.log('add nf', formValues);
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setJob(formValues)
|
||||
setPage(5)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که سابقه کاری دارید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='companyName'
|
||||
name="companyName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.companyName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام شرکت / موسسه"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='position'
|
||||
name="position"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.position || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="موضعیت شغلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='workTime'
|
||||
name="workTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.workTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت همکاری "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='exitReason'
|
||||
name="exitReason"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.exitReason || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دلیل خروج "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='lastIncome'
|
||||
name="lastIncome"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.lastIncome || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="حقوقی دریافتی (تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const JobData = () => {
|
||||
const {setPage, jobData, setJob} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(jobData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
companyName: '',
|
||||
position: '',
|
||||
workTime: '',
|
||||
exitReason: '',
|
||||
lastIncome: ''
|
||||
}])
|
||||
console.log('add nf', formValues);
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setJob(formValues)
|
||||
setPage(5)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که سابقه کاری دارید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='companyName'
|
||||
name="companyName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.companyName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام شرکت / موسسه"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='position'
|
||||
name="position"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.position || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="موضعیت شغلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='workTime'
|
||||
name="workTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.workTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت همکاری "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='exitReason'
|
||||
name="exitReason"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.exitReason || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دلیل خروج "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='lastIncome'
|
||||
name="lastIncome"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.lastIncome || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="حقوقی دریافتی (تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default JobData;
|
||||
@@ -1,55 +1,55 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const PcSkill = () => {
|
||||
const {setPage, pcSkillData, setPcSkillData} = useContext(HandleFormReq)
|
||||
let icdlStr = process.browser && pcSkillData.icdlLevel.toString()
|
||||
const [icdl, seticdl] = useState(icdlStr)
|
||||
const [text, settext] = useState('')
|
||||
let handleSubmit = () => {
|
||||
setPcSkillData({text:text,icdlLevel: icdl})
|
||||
setPage(7)
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Box dir={'rtl'} >
|
||||
{process.browser && (
|
||||
<div>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column mt-5'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column mt-5 justify-content-start'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا به ICDL (مهارت های هفتگانه آشنا هستید) :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup onChange={seticdl} value={icdl} >
|
||||
<Stack direction='row'>
|
||||
<Radio value='1'>بله </Radio>
|
||||
<Radio value='2'>خیر</Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={pcSkillData.text}
|
||||
onChange={(e) => settext(e.target.value)}
|
||||
placeholder='در صورتی که به نرم افزار خاصی مسلط هستید نام آن را وارد کنید '
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</Box>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PcSkill;
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const PcSkill = () => {
|
||||
const {setPage, pcSkillData, setPcSkillData} = useContext(HandleFormReq)
|
||||
let icdlStr = process.browser && pcSkillData.icdlLevel.toString()
|
||||
const [icdl, seticdl] = useState(icdlStr)
|
||||
const [text, settext] = useState('')
|
||||
let handleSubmit = () => {
|
||||
setPcSkillData({text:text,icdlLevel: icdl})
|
||||
setPage(7)
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Box dir={'rtl'} >
|
||||
{process.browser && (
|
||||
<div>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column mt-5'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column mt-5 justify-content-start'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا به ICDL (مهارت های هفتگانه آشنا هستید) :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup onChange={seticdl} value={icdl} >
|
||||
<Stack direction='row'>
|
||||
<Radio value='1'>بله </Radio>
|
||||
<Radio value='2'>خیر</Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={pcSkillData.text}
|
||||
onChange={(e) => settext(e.target.value)}
|
||||
placeholder='در صورتی که به نرم افزار خاصی مسلط هستید نام آن را وارد کنید '
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</Box>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PcSkill;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,41 +1,41 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const ScientificData = () => {
|
||||
const {setPage, scientificData, setScientificData} = useContext(HandleFormReq)
|
||||
|
||||
|
||||
let handleSubmit = () => {
|
||||
console.log('scientificData', scientificData)
|
||||
setPage(6)
|
||||
}
|
||||
let handleChange = (e) => {
|
||||
setScientificData({text: e.target.value})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<Box className={''}>
|
||||
<br />
|
||||
<br />
|
||||
{process.browser && (
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={scientificData.text}
|
||||
onChange={handleChange}
|
||||
placeholder='در صورتی داشتن مقاله یا دستاورد علمی اطلاعات آن را وارد کنید'
|
||||
/>
|
||||
)}
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ScientificData;
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const ScientificData = () => {
|
||||
const {setPage, scientificData, setScientificData} = useContext(HandleFormReq)
|
||||
|
||||
|
||||
let handleSubmit = () => {
|
||||
console.log('scientificData', scientificData)
|
||||
setPage(6)
|
||||
}
|
||||
let handleChange = (e) => {
|
||||
setScientificData({text: e.target.value})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<Box className={''}>
|
||||
<br />
|
||||
<br />
|
||||
{process.browser && (
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={scientificData.text}
|
||||
onChange={handleChange}
|
||||
placeholder='در صورتی داشتن مقاله یا دستاورد علمی اطلاعات آن را وارد کنید'
|
||||
/>
|
||||
)}
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ScientificData;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user