Línea 13... |
Línea 13... |
13 |
import SalaryModal from '../components/Modals/SalaryModal'
|
13 |
import SalaryModal from '../components/Modals/SalaryModal'
|
14 |
import SkillsModal from '../components/Modals/SkillsModal'
|
14 |
import SkillsModal from '../components/Modals/SkillsModal'
|
15 |
import StatusModal from '../components/Modals/StatusModal'
|
15 |
import StatusModal from '../components/Modals/StatusModal'
|
16 |
import TitleModal from '../components/Modals/TitleModal'
|
16 |
import TitleModal from '../components/Modals/TitleModal'
|
Línea 17... |
Línea 17... |
17 |
|
17 |
|
Línea 18... |
Línea 18... |
18 |
const JobsEditView = ({ linkEdit, googleApi }) => {
|
18 |
const JobsEditView = ({ linkEdit, googleApi, labels }) => {
|
19 |
|
19 |
|
20 |
const [modalToShow, setModalToShow] = useState(null)
|
20 |
const [modalToShow, setModalToShow] = useState(null)
|
21 |
const [itemsData, setItemsData] = useState({
|
21 |
const [itemsData, setItemsData] = useState({
|
Línea 83... |
Línea 83... |
83 |
})
|
83 |
})
|
84 |
})
|
84 |
})
|
85 |
}, [modalToShow])
|
85 |
}, [modalToShow])
|
Línea 86... |
Línea 86... |
86 |
|
86 |
|
87 |
const ModalOptions = {
|
87 |
const ModalOptions = {
|
88 |
'Estatus': <StatusModal closeModal={closeModal} modalData={itemsData.status} dataLink={itemsRoutes.route_status} />,
|
88 |
'Estatus': <StatusModal title={labels.STATUS} closeModal={closeModal} modalData={itemsData.status} dataLink={itemsRoutes.route_status} />,
|
89 |
'Título': <TitleModal closeModal={closeModal} modalData={itemsData.title} dataLink={itemsRoutes.route_title} />,
|
89 |
'Título': <TitleModal title={labels.TITLE} closeModal={closeModal} modalData={itemsData.title} dataLink={itemsRoutes.route_title} />,
|
90 |
'Visión general': <OverviewModal closeModal={closeModal} modalData={itemsData.description} dataLink={itemsRoutes.route_extended} />,
|
90 |
'Visión general': <OverviewModal title={labels.OVERVIEW} closeModal={closeModal} modalData={itemsData.description} dataLink={itemsRoutes.route_extended} />,
|
91 |
'Último día de aplicación': <LastAplicationDayModal closeModal={closeModal} modalData={itemsData.last_date_of_application} dataLink={itemsRoutes.route_last_date_of_application} />,
|
91 |
'Último día de aplicación': <LastAplicationDayModal title={labels.LAST_DATE_OF_APPLICATION} closeModal={closeModal} modalData={itemsData.last_date_of_application} dataLink={itemsRoutes.route_last_date_of_application} />,
|
92 |
'Tipo de empleo': <EmploymentTypeModal closeModal={closeModal} modalData={itemsData.employment_type} dataLink={itemsRoutes.route_employment_type} />,
|
92 |
'Tipo de empleo': <EmploymentTypeModal title={labels.EMPLOYMENT_TYPE} closeModal={closeModal} modalData={itemsData.employment_type} dataLink={itemsRoutes.route_employment_type} />,
|
93 |
'Ubicación': <LocationModal closeModal={closeModal} modalData={itemsData.location} dataLink={itemsRoutes.route_location} googleApiKey={googleApi} />,
|
93 |
'Ubicación': <LocationModal title={labels.LOCATION} closeModal={closeModal} modalData={itemsData.location} dataLink={itemsRoutes.route_location} googleApiKey={googleApi} />,
|
94 |
'Idiomas': <LanguageModal closeModal={closeModal} dataLink={itemsRoutes.route_languages} />,
|
94 |
'Idiomas': <LanguageModal title={labels.LANGUAGES} closeModal={closeModal} dataLink={itemsRoutes.route_languages} />,
|
95 |
'Habilidades': <SkillsModal closeModal={closeModal} dataLink={itemsRoutes.route_skills} />,
|
95 |
'Habilidades': <SkillsModal title={labels.SKILLS} closeModal={closeModal} dataLink={itemsRoutes.route_skills} />,
|
96 |
'Grados': <DegreesModal closeModal={closeModal} dataLink={itemsRoutes.route_degrees} />,
|
96 |
'Grados': <DegreesModal title={labels.DEGREES} closeModal={closeModal} dataLink={itemsRoutes.route_degrees} />,
|
97 |
'Categoría': <CategoryModal closeModal={closeModal} dataLink={itemsRoutes.route_job_category} />,
|
97 |
'Categoría': <CategoryModal title={labels.CATEGORIE} closeModal={closeModal} dataLink={itemsRoutes.route_job_category} />,
|
98 |
'Experiencia': <ExperienceModal closeModal={closeModal} dataLink={itemsRoutes.route_experience} />,
|
98 |
'Experiencia': <ExperienceModal title={labels.EXPERIENCE} closeModal={closeModal} dataLink={itemsRoutes.route_experience} />,
|
99 |
'Salario': <SalaryModal closeModal={closeModal} dataLink={itemsRoutes.route_salary} />,
|
99 |
'Salario': <SalaryModal title={labels.SALARY} closeModal={closeModal} dataLink={itemsRoutes.route_salary} />,
|
Línea 100... |
Línea 100... |
100 |
}
|
100 |
}
|
101 |
|
101 |
|
102 |
return (
|
102 |
return (
|
Línea 106... |
Línea 106... |
106 |
<div className="row mb-2">
|
106 |
<div className="row mb-2">
|
107 |
<div className="col-sm-12">
|
107 |
<div className="col-sm-12">
|
108 |
<Link to='/jobs' className='text-decoration-none text-body'>
|
108 |
<Link to='/jobs' className='text-decoration-none text-body'>
|
109 |
<h1>
|
109 |
<h1>
|
110 |
<i className='fa fa-angle-left fw-bold mr-2' />
|
110 |
<i className='fa fa-angle-left fw-bold mr-2' />
|
111 |
Editar empleo
|
111 |
{labels.EDIT_JOB}
|
112 |
</h1>
|
112 |
</h1>
|
113 |
</Link>
|
113 |
</Link>
|
114 |
</div>
|
114 |
</div>
|
115 |
</div>
|
115 |
</div>
|
116 |
</div>
|
116 |
</div>
|
Línea 120... |
Línea 120... |
120 |
<div className="row">
|
120 |
<div className="row">
|
121 |
<div className="col-lg-3">
|
121 |
<div className="col-lg-3">
|
122 |
</div>
|
122 |
</div>
|
123 |
<div className="col-lg-6">
|
123 |
<div className="col-lg-6">
|
124 |
<div className="main-ws-sec">
|
124 |
<div className="main-ws-sec">
|
125 |
<EditItem title='Estatus' data={itemsData.status} showModal={setModalToShow} />
|
125 |
<EditItem title={labels.STATUS} data={itemsData.status} showModal={setModalToShow} />
|
126 |
<EditItem title='Título' data={itemsData.title} showModal={setModalToShow} />
|
126 |
<EditItem title={labels.TITLE} data={itemsData.title} showModal={setModalToShow} />
|
127 |
<EditItem title='Visión general' data={itemsData.description} showModal={setModalToShow} />
|
127 |
<EditItem title={labels.OVERVIEW} data={itemsData.description} showModal={setModalToShow} />
|
128 |
<EditItem title='Último día de aplicación' data={itemsData.last_date_of_application} showModal={setModalToShow} />
|
128 |
<EditItem title={labels.LAST_DATE_OF_APPLICATION} data={itemsData.last_date_of_application} showModal={setModalToShow} />
|
129 |
<EditItem title='Tipo de empleo' data={itemsData.employment_type} showModal={setModalToShow} />
|
129 |
<EditItem title={labels.EMPLOYMENT_TYPE} data={itemsData.employment_type} showModal={setModalToShow} />
|
130 |
<EditItem title='Ubicación' data={itemsData.location} showModal={setModalToShow} />
|
130 |
<EditItem title={labels.LOCATION} data={itemsData.location} showModal={setModalToShow} />
|
131 |
<EditItem title='Experiencia' data={itemsData.experience} showModal={setModalToShow} />
|
131 |
<EditItem title={labels.EXPERIENCE} data={itemsData.experience} showModal={setModalToShow} />
|
132 |
<EditItem title='Salario' data={itemsData.salary} showModal={setModalToShow} />
|
132 |
<EditItem title={labels.SALARY} data={itemsData.salary} showModal={setModalToShow} />
|
133 |
<EditItem title='Categoría' data={itemsData.job_category} showModal={setModalToShow} />
|
133 |
<EditItem title={labels.CATEGORIE} data={itemsData.job_category} showModal={setModalToShow} />
|
134 |
<EditItem title='Habilidades' data={itemsData.skills} showModal={setModalToShow} />
|
134 |
<EditItem title={labels.SKILLS} data={itemsData.skills} showModal={setModalToShow} />
|
135 |
<EditItem title='Idiomas' data={itemsData.languages} showModal={setModalToShow} />
|
135 |
<EditItem title={labels.LANGUAGES} data={itemsData.languages} showModal={setModalToShow} />
|
136 |
<EditItem title='Grados' data={itemsData.degrees} showModal={setModalToShow} />
|
136 |
<EditItem title={labels.DEGREES} data={itemsData.degrees} showModal={setModalToShow} />
|
137 |
</div>
|
137 |
</div>
|
138 |
{
|
138 |
{
|
139 |
ModalOptions[modalToShow]
|
139 |
ModalOptions[modalToShow]
|
140 |
}
|
140 |
}
|
141 |
</div>
|
141 |
</div>
|