Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8437 | Rev 8451 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
8428 stevensc 1 
import React, { useState } from 'react'
8437 stevensc 2 
import { useEffect } from 'react';
8428 stevensc 3 
import { useForm } from 'react-hook-form';
8437 stevensc 4 
import { getData } from '../../../helpers/fetchHelpers';
8428 stevensc 5 
import SubmitModal from './SubmitModal'
6 
 
7 
const SalaryModal = ({
8 
    modalData,
9 
    closeModal,
10 
    dataLink
11 
}) => {
12 
 
8449 stevensc 13 
    const currencyOptions = [
14 
        { label: "Pesos mexicanos", value: "MXN" }
15 
    ]
8428 stevensc 16 
    const [isActive, setIsActive] = useState(false)
8449 stevensc 17 
    const [currency, setCurrency] = useState("")
8428 stevensc 18 
    const { register, watch } = useForm()
19 
 
8437 stevensc 20 
    useEffect(() => {
21 
        getData(dataLink)
22 
            .then(res => console.log(res))
23 
    }, [])
24 
 
8428 stevensc 25 
    return (
26 
        <SubmitModal
8449 stevensc 27 
            title='Salario'
8428 stevensc 28 
            closeModal={closeModal}
29 
            submitData={{
8437 stevensc 30 
                salary_visible: isActive ? "y" : "n",
8449 stevensc 31 
                salary_currency: currency,
8437 stevensc 32 
                salary_min: watch("minimo"),
33 
                salary_max: watch("maximo")
8428 stevensc 34 
            }}
35 
            postLink={dataLink}
36 
        >
37 
            <div
8449 stevensc 38 
                className={`toggle btn btn-block btn-primary ${!isActive && "off"}`}
8428 stevensc 39 
                data-toggle="toggle"
40 
                role="button"
41 
                style={{ width: '130px' }}
42 
                onClick={() => setIsActive(!isActive)}
43 
            >
44 
                <input
45 
                    type="checkbox"
46 
                    checked={isActive}
47 
                />
48 
                <div className="toggle-group">
8449 stevensc 49 
                    <label for="status" className="btn btn-primary toggle-on">Mostrar</label>
50 
                    <label for="status" className="btn btn-light toggle-off">No mostrar</label>
8428 stevensc 51 
                    <span className="toggle-handle btn btn-light"></span>
52 
                </div>
53 
            </div>
54 
            <div className='form-group'>
8449 stevensc 55 
                <label className="form-label">Moneda</label>
56 
                <select
57 
                    className='form-control'
58 
                    name="employment_type"
59 
                    onChange={(e) => setCurrency(e.target.value)}
60 
                >
61 
                    {
62 
                        currencyOptions.map(({ value, label }) => (
63 
                            <option key={value} value={value}>{label}</option>
64 
                        ))
65 
                    }
66 
                </select>
67 
 
68 
            </div>
69 
            <div className='form-group'>
8428 stevensc 70 
                <label className="form-label">Minimo</label>
71 
                <input
72 
                    type='text'
73 
                    className='form-control'
8437 stevensc 74 
                    name='salary_min'
8428 stevensc 75 
                    ref={register({
76 
                        required: true,
77 
                        valueAsNumber: true,
78 
                        min: 1
79 
                    })}
80 
                />
81 
            </div>
82 
            <div className='form-group'>
83 
                <label className="form-label">Maximo</label>
84 
                <input
85 
                    type='text'
86 
                    className='form-control'
8437 stevensc 87 
                    name='salary_max'
8428 stevensc 88 
                    ref={register({
89 
                        required: true,
90 
                        valueAsNumber: true,
8437 stevensc 91 
                        validate: value => value > watch("salary_min")
8428 stevensc 92 
                    })}
93 
                />
94 
            </div>
95 
        </SubmitModal>
96 
    )
97 
}
98 
 
99 
export default SalaryModal