Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8401 | Rev 8428 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 8401 Rev 8412
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { Link } from 'react-router-dom'
 2 
import { Link } from 'react-router-dom'
3 
import { getData } from '../../helpers/fetchHelpers';
 3 
import { getData } from '../../helpers/fetchHelpers';
- 
 
 4 
import useDataFetching from '../../hooks/useDataFetching';
- 
 
 5 
import Spinner from '../../shared/Spinner';
4 
import EditItem from '../components/EditItem';
 6 
import EditItem from '../components/EditItem';
5 
import CategoryModal from '../components/Modals/CategoryModal';
 7 
import CategoryModal from '../components/Modals/CategoryModal';
6 
import DegreesModal from '../components/Modals/DegreesModal';
 8 
import DegreesModal from '../components/Modals/DegreesModal';
7 
import EmploymentTypeModal from '../components/Modals/EmploymentTypeModal';
 9 
import EmploymentTypeModal from '../components/Modals/EmploymentTypeModal';
8 
import LanguageModal from '../components/Modals/LanguageModal';
 10 
import LanguageModal from '../components/Modals/LanguageModal';
Línea 13... Línea 15...
13 
import StatusModal from '../components/Modals/StatusModal';
 15 
import StatusModal from '../components/Modals/StatusModal';
14 
import TitleModal from '../components/Modals/TitleModal';
 16 
import TitleModal from '../components/Modals/TitleModal';
Línea 15... Línea 17...
15 
 
 17 
 
Línea -... Línea 18...
- 
 
 18 
const JobsEditView = ({ linkEdit, googleApi }) => {
16 
const JobsEditView = ({ linkEdit, googleApi }) => {
 19 
 
17 
 
 20 
    const { results, loading, error } = useDataFetching(linkEdit)
18 
    const [modalToShow, setModalToShow] = useState(null);
 21 
    const [modalToShow, setModalToShow] = useState(null);
19 
    const [itemsData, setItemsData] = useState({
 22 
    const [itemsData, setItemsData] = useState({
20 
        title: '',
 23 
        title: '',
Línea 46... Línea 49...
46 
    });
 49 
    });
Línea 47... Línea 50...
47 
 
 50 
 
Línea 48... Línea 51...
48 
    const closeModal = () => setModalToShow(null)
 51 
    const closeModal = () => setModalToShow(null)
49 
 
 - 
 
50 
    useEffect(() => {
 52 
 
51 
        getData(linkEdit)
 53 
    useEffect(() => {
52 
            .then(results => {
 54 
        if (results) {
53 
                setItemsData({
 55 
            setItemsData({
54 
                    ...itemsData,
 56 
                ...itemsData,
55 
                    title: results.title,
 57 
                title: results.title,
56 
                    status: results.status,
 58 
                status: results.status,
57 
                    description: results.description,
 59 
                description: results.description,
58 
                    location: results.location,
 60 
                location: results.location,
59 
                    employment_type: results.employment_type,
 61 
                employment_type: results.employment_type,
60 
                    last_date_of_application: results.last_date_of_application,
 62 
                last_date_of_application: results.last_date_of_application,
61 
                    job_category: results.job_category,
 63 
                job_category: results.job_category,
62 
                    experience: results.experience,
 64 
                experience: results.experience,
63 
                    salary: results.salary,
 65 
                salary: results.salary,
64 
                    degrees: results.degrees,
 66 
                degrees: results.degrees,
65 
                    languages: results.languages,
 - 
 
66 
                    skills: results.skills
 - 
 
67 
                })
 - 
 
68 
                setItemsRoutes({
 - 
 
69 
                    route_degrees: results.route_degrees,
 - 
 
70 
                    route_employment_type: results.route_employment_type,
 - 
 
71 
                    route_experience: results.route_experience,
 - 
 
72 
                    route_extended: results.route_extended,
 - 
 
73 
                    route_job_category: results.route_job_category,
 - 
 
74 
                    route_languages: results.route_languages,
 - 
 
75 
                    route_last_date_of_application: results.route_last_date_of_application,
 - 
 
76 
                    route_location: results.route_location,
 - 
 
77 
                    route_salary: results.route_salary,
 - 
 
78 
                    route_skills: results.route_skills,
 - 
 
79 
                    route_status: results.route_status,
 - 
 
80 
                    route_title: results.route_title
 67 
                languages: results.languages,
- 
 
 68 
                skills: results.skills
- 
 
 69 
            })
- 
 
 70 
            setItemsRoutes({
- 
 
 71 
                route_degrees: results.route_degrees,
- 
 
 72 
                route_employment_type: results.route_employment_type,
- 
 
 73 
                route_experience: results.route_experience,
- 
 
 74 
                route_extended: results.route_extended,
- 
 
 75 
                route_job_category: results.route_job_category,
- 
 
 76 
                route_languages: results.route_languages,
- 
 
 77 
                route_last_date_of_application: results.route_last_date_of_application,
- 
 
 78 
                route_location: results.route_location,
- 
 
 79 
                route_salary: results.route_salary,
- 
 
 80 
                route_skills: results.route_skills,
- 
 
 81 
                route_status: results.route_status,
- 
 
 82 
                route_title: results.route_title
81 
                })
 83 
            })
Línea 82... Línea 84...
82 
            })
 84 
        }
83 
    }, [modalToShow]);
 85 
    }, [modalToShow])
84 
 
 86 
 
85 
    const ModalOptions = {
 87 
    const ModalOptions = {
Línea 117... Línea 119...
117 
                <div class="container-fluid">
 119 
                <div class="container-fluid">
118 
                    <div class="row">
 120 
                    <div class="row">
119 
                        <div class="col-lg-3">
 121 
                        <div class="col-lg-3">
120 
                        </div>
 122 
                        </div>
121 
                        <div class="col-lg-6">
 123 
                        <div class="col-lg-6">
- 
 
 124 
                            {
- 
 
 125 
                                loading
- 
 
 126 
                                    ? <Spinner />
- 
 
 127 
                                    :
122 
                            <div class="main-ws-sec">
 128 
                                    <div class="main-ws-sec">
123 
                                <EditItem title='Estatus' data={itemsData.status} showModal={setModalToShow} />
 129 
                                        <EditItem title='Estatus' data={itemsData.status} showModal={setModalToShow} />
124 
                                <EditItem title='Título' data={itemsData.title} showModal={setModalToShow} />
 130 
                                        <EditItem title='Título' data={itemsData.title} showModal={setModalToShow} />
125 
                                <EditItem title='Visión general' data={itemsData.description} showModal={setModalToShow} />
 131 
                                        <EditItem title='Visión general' data={itemsData.description} showModal={setModalToShow} />
126 
                                <EditItem title='Último día de aplicación' data={itemsData.last_date_of_application} showModal={setModalToShow} />
 132 
                                        <EditItem title='Último día de aplicación' data={itemsData.last_date_of_application} showModal={setModalToShow} />
127 
                                <EditItem title='Tipo de empleo' data={itemsData.employment_type} showModal={setModalToShow} />
 133 
                                        <EditItem title='Tipo de empleo' data={itemsData.employment_type} showModal={setModalToShow} />
128 
                                <EditItem title='Ubicación' data={itemsData.location} showModal={setModalToShow} />
 134 
                                        <EditItem title='Ubicación' data={itemsData.location} showModal={setModalToShow} />
129 
                                <EditItem title='Experiencia' data={itemsData.experience} showModal={setModalToShow} />
 135 
                                        <EditItem title='Experiencia' data={itemsData.experience} showModal={setModalToShow} />
130 
                                <EditItem title='Salario' data={itemsData.salary} showModal={setModalToShow} />
 136 
                                        <EditItem title='Salario' data={itemsData.salary} showModal={setModalToShow} />
131 
                                <EditItem title='Categoría' data={itemsData.job_category} showModal={setModalToShow} />
 137 
                                        <EditItem title='Categoría' data={itemsData.job_category} showModal={setModalToShow} />
132 
                                <EditItem title='Habilidades' data={itemsData.skills} showModal={setModalToShow} />
 138 
                                        <EditItem title='Habilidades' data={itemsData.skills} showModal={setModalToShow} />
133 
                                <EditItem title='Idiomas' data={itemsData.languages} showModal={setModalToShow} />
 139 
                                        <EditItem title='Idiomas' data={itemsData.languages} showModal={setModalToShow} />
134 
                                <EditItem title='Grados' data={itemsData.degrees} showModal={setModalToShow} />
 140 
                                        <EditItem title='Grados' data={itemsData.degrees} showModal={setModalToShow} />
- 
 
 141 
                                    </div>
135 
                            </div>
 142 
                            }
136 
                            {
 143 
                            {
137 
                                ModalOptions[modalToShow]
 144 
                                ModalOptions[modalToShow]
138 
                            }
 145 
                            }
139 
                        </div>
 146 
                        </div>
140 
                        <div class="col-lg-3">
 147 
                        <div class="col-lg-3">