Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
7774 stevensc 1 
import React, { useState } from 'react'
2 
import LocationModal from './LocationModal'
6002 stevensc 3 
 
7774 stevensc 4 
const Location = ({ locations = [], googleApiKey, locationsAddUrl }) => {
6002 stevensc 5 
 
7774 stevensc 6 
    const [actionUrl, setActionUrl] = useState(locationsAddUrl)
7776 stevensc 7 
    const [defaultData, setDefaultData] = useState('')
7774 stevensc 8 
    const [showModal, setShowModal] = useState(false)
6002 stevensc 9 
 
7775 stevensc 10 
    const addLocation = (url) => {
11 
        setShowModal(true)
12 
        setActionUrl(url)
13 
    }
14 
 
7776 stevensc 15 
    const editLocation = (url, item) => {
7774 stevensc 16 
        setShowModal(true)
17 
        setActionUrl(url)
7776 stevensc 18 
        setDefaultData(item)
7774 stevensc 19 
    }
20 
 
21 
    const closeModal = () => setShowModal(false)
22 
 
6002 stevensc 23 
    const deleteLocation = (url) => { }
24 
 
25 
    return (
7774 stevensc 26 
        <>
27 
            <div className="user-profile-extended-ov st2">
28 
                <h3>
29 
                    Ubicaciones
7775 stevensc 30 
                    <button
31 
                        className="btn btn-location-add"
32 
                        onClick={() => addLocation(locationsAddUrl)}
33 
                    >
7774 stevensc 34 
                        <i className="fa fa-plus-square" />
35 
                    </button>
36 
                </h3>
37 
                <span id="locations-records">
38 
                    {
39 
                        locations.map((location, index) => (
40 
                            <>
41 
                                <p key={index}>
42 
                                    {location.formatted_address}
43 
                                    {location.is_main === 'y' ? " (Principal)" : ""}
44 
                                    <button
7776 stevensc 45 
                                        onClick={() => editLocation(location.link_edit, location.formatted_address)}
7774 stevensc 46 
                                        className="btn btn-location-edit"
47 
                                        style={{ padding: '.3rem' }}
48 
                                    >
49 
                                        <i className="fa fa-pencil" />
50 
                                    </button>
51 
                                    <button
52 
                                        onClick={() => deleteLocation(location.link_delete)}
53 
                                        className="btn btn-location-delete"
54 
                                        style={{ padding: '.3rem' }}
55 
                                    >
56 
                                        <i className="fa fa-trash" />
57 
                                    </button>
58 
                                </p>
59 
                                {
60 
                                    locations[index + 1] && <hr />
61 
                                }
62 
                            </>
63 
                        ))
64 
                    }
65 
                </span>
66 
            </div >
67 
            {
68 
                showModal
69 
                &&
70 
                <LocationModal
71 
                    closeModal={closeModal}
72 
                    dataLink={actionUrl}
73 
                    googleApiKey={googleApiKey}
7776 stevensc 74 
                    defaultData={defaultData}
7774 stevensc 75 
                />
76 
            }
77 
        </>
6002 stevensc 78 
    )
79 
}
80 
 
81 
export default Location