Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 6848 Rev 7066
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 EditItem from '../components/EditItem';
 4 
import EditItem from '../components/EditItem';
- 
 
 5 
import StatusModal from '../components/Modals/StatusModal';
Línea 5... Línea 6...
5 
 
 6 
 
Línea -... Línea 7...
- 
 
 7 
const JobsEditView = ({ linkEdit }) => {
6 
const JobsEditView = ({ linkEdit }) => {
 8 
 
7 
 
 9 
    const [modalToShow, setModalToShow] = useState(null);
8 
    const [itemsData, setItemsData] = useState({
 10 
    const [itemsData, setItemsData] = useState({
9 
        title: '',
 11 
        title: '',
10 
        status: '',
 12 
        status: '',
Línea 17... Línea 19...
17 
        salary: '',
 19 
        salary: '',
18 
        degrees: [],
 20 
        degrees: [],
19 
        languages: [],
 21 
        languages: [],
20 
        skills: []
 22 
        skills: []
21 
    });
 23 
    });
- 
 
 24 
    const [itemsRoutes, setItemsRoutes] = useState({
- 
 
 25 
        route_degrees: "",
- 
 
 26 
        route_employment_type: "",
- 
 
 27 
        route_experience: "",
- 
 
 28 
        route_extended: "",
- 
 
 29 
        route_job_category: "",
- 
 
 30 
        route_languages: "",
- 
 
 31 
        route_last_date_of_application: "",
- 
 
 32 
        route_location: "",
- 
 
 33 
        route_salary: "",
- 
 
 34 
        route_skills: "",
- 
 
 35 
        route_status: "",
- 
 
 36 
        route_title: ""
- 
 
 37 
    });
- 
 
 38 
 
- 
 
 39 
    const closeModal = () => setModalToShow(null)
Línea 22... Línea 40...
22 
 
 40 
 
23 
    useEffect(() => {
 41 
    useEffect(() => {
24 
        getData(linkEdit)
 42 
        getData(linkEdit)
25 
            .then(results => {
 43 
            .then(results => {
Línea 35... Línea 53...
35 
                    salary: results.salary,
 53 
                    salary: results.salary,
36 
                    degrees: results.degrees,
 54 
                    degrees: results.degrees,
37 
                    languages: results.languages,
 55 
                    languages: results.languages,
38 
                    skills: results.skills
 56 
                    skills: results.skills
39 
                })
 57 
                })
- 
 
 58 
                setItemsRoutes({
- 
 
 59 
                    route_degrees: results.route_degrees,
- 
 
 60 
                    route_employment_type: results.route_employment_type,
- 
 
 61 
                    route_experience: results.route_experience,
- 
 
 62 
                    route_extended: results.route_extended,
- 
 
 63 
                    route_job_category: results.route_job_category,
- 
 
 64 
                    route_languages: results.route_languages,
- 
 
 65 
                    route_last_date_of_application: results.route_last_date_of_application,
- 
 
 66 
                    route_location: results.route_location,
- 
 
 67 
                    route_salary: results.route_salary,
- 
 
 68 
                    route_skills: results.route_skills,
- 
 
 69 
                    route_status: results.route_status,
- 
 
 70 
                    route_title: results.route_title
- 
 
 71 
                })
40 
            })
 72 
            })
41 
    }, []);
 73 
    }, []);
Línea -... Línea 74...
- 
 
 74 
 
- 
 
 75 
    const ModalOptions = {
- 
 
 76 
        "Estatus": <StatusModal closeModal={closeModal} getLink={itemsRoutes.route_status}/>,
- 
 
 77 
        "Título": "",
- 
 
 78 
        "Visión general": "",
- 
 
 79 
        "Último día de aplicación": "",
- 
 
 80 
        "Tipo de empleo": "",
- 
 
 81 
        "Ubicación": "",
- 
 
 82 
        "Experiencia": "",
- 
 
 83 
        "Salario": "",
- 
 
 84 
        "Categoría": "",
- 
 
 85 
        "Habilidades": "",
- 
 
 86 
        "Idiomas": "",
- 
 
 87 
        "Grados": "",
- 
 
 88 
    }
42 
 
 89 
 
43 
    return (
 90 
    return (
44 
        <>
 91 
        <>
45 
            <section className="content-header">
 92 
            <section className="content-header">
46 
                <div className="container-fluid">
 93 
                <div className="container-fluid">
Línea 61... Línea 108...
61 
                    <div class="row">
 108 
                    <div class="row">
62 
                        <div class="col-lg-3">
 109 
                        <div class="col-lg-3">
63 
                        </div>
 110 
                        </div>
64 
                        <div class="col-lg-6">
 111 
                        <div class="col-lg-6">
65 
                            <div class="main-ws-sec">
 112 
                            <div class="main-ws-sec">
66 
                                <EditItem title='Estatus' data={itemsData.status} action />
 113 
                                <EditItem title='Estatus' data={itemsData.status} showModal={setModalToShow} />
67 
                                <EditItem title='Título' data={itemsData.title} action />
 114 
                                <EditItem title='Título' data={itemsData.title} showModal={setModalToShow} />
68 
                                <EditItem title='Visión general' data={itemsData.description} action />
 115 
                                <EditItem title='Visión general' data={itemsData.description} showModal={setModalToShow} />
69 
                                <EditItem title='Último día de aplicación' data={itemsData.last_date_of_application} action />
 116 
                                <EditItem title='Último día de aplicación' data={itemsData.last_date_of_application} showModal={setModalToShow} />
70 
                                <EditItem title='Tipo de empleo' data={itemsData.employment_type} action />
 117 
                                <EditItem title='Tipo de empleo' data={itemsData.employment_type} showModal={setModalToShow} />
71 
                                <EditItem title='Ubicación' data={itemsData.location} action />
 118 
                                <EditItem title='Ubicación' data={itemsData.location} showModal={setModalToShow} />
72 
                                <EditItem title='Experiencia' data={itemsData.experience} action />
 119 
                                <EditItem title='Experiencia' data={itemsData.experience} showModal={setModalToShow} />
73 
                                <EditItem title='Salario' data={itemsData.salary} action />
 120 
                                <EditItem title='Salario' data={itemsData.salary} showModal={setModalToShow} />
74 
                                <EditItem title='Categoría' data={itemsData.job_category} action />
 121 
                                <EditItem title='Categoría' data={itemsData.job_category} showModal={setModalToShow} />
75 
                                <EditItem title='Habilidades' data={itemsData.skills} action />
 122 
                                <EditItem title='Habilidades' data={itemsData.skills} showModal={setModalToShow} />
76 
                                <EditItem title='Idiomas' data={itemsData.languages} action />
 123 
                                <EditItem title='Idiomas' data={itemsData.languages} showModal={setModalToShow} />
77 
                                <EditItem title='Grados' data={itemsData.degrees} action />
 124 
                                <EditItem title='Grados' data={itemsData.degrees} showModal={setModalToShow} />
- 
 
 125 
                                {
- 
 
 126 
                                    ModalOptions[modalToShow]
- 
 
 127 
                                }
78 
                            </div>
 128 
                            </div>
79 
                        </div>
 129 
                        </div>
80 
                        <div class="col-lg-3">
 130 
                        <div class="col-lg-3">
81 
                        </div>
 131 
                        </div>
82 
                    </div>
 132 
                    </div>