mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-24 14:04:19 +00:00
75 lines
2 KiB
JavaScript
75 lines
2 KiB
JavaScript
import React from "react"
|
|
import FormInline from "../base/FormInline"
|
|
import InputWithIcon from "../base/InputWithIcon"
|
|
import { faCircle, faPlus, faRulerHorizontal, faRulerVertical } from "@fortawesome/free-solid-svg-icons"
|
|
import ButtonIconOnly from "../base/ButtonIconOnly"
|
|
import Style from "./FormInlineLocation.module.css"
|
|
|
|
|
|
/**
|
|
* @deprecated to be refactored
|
|
* @param mapViewHook
|
|
* @param radIcon
|
|
* @param latIcon
|
|
* @param lngIcon
|
|
* @param buttonIcon
|
|
* @param buttonColor
|
|
* @param placeholder
|
|
* @param validate
|
|
* @param submit
|
|
* @param props
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
export default function FormInlineLocation(
|
|
{
|
|
mapViewHook,
|
|
radIcon = faCircle,
|
|
latIcon = faRulerHorizontal,
|
|
lngIcon = faRulerVertical,
|
|
buttonIcon = faPlus,
|
|
buttonColor = "Green",
|
|
placeholder = new Date().toISOString(),
|
|
validate = value => value,
|
|
submit,
|
|
...props
|
|
},
|
|
) {
|
|
|
|
const _onSubmit = event => {
|
|
event.preventDefault()
|
|
submit()
|
|
}
|
|
|
|
return (
|
|
<FormInline onSubmit={_onSubmit} {...props}>
|
|
<InputWithIcon
|
|
className={Style.Radius}
|
|
type={"text"}
|
|
icon={radIcon}
|
|
value={`${Math.round(mapViewHook.mapArea.radius / 1000)} km`}
|
|
disabled={true}
|
|
/>
|
|
<InputWithIcon
|
|
className={Style.Latitude}
|
|
type={"text"}
|
|
icon={latIcon}
|
|
value={mapViewHook.mapArea.center.lat.toFixed(3)}
|
|
disabled={true}
|
|
/>
|
|
<InputWithIcon
|
|
className={Style.Longitude}
|
|
type={"text"}
|
|
icon={lngIcon}
|
|
value={mapViewHook.mapArea.center.lng.toFixed(3)}
|
|
disabled={true}
|
|
/>
|
|
<ButtonIconOnly
|
|
className={Style.Button}
|
|
icon={buttonIcon}
|
|
color={buttonColor}
|
|
onClick={_onSubmit}
|
|
/>
|
|
</FormInline>
|
|
)
|
|
}
|