watering
This commit is contained in:
@@ -420,34 +420,35 @@ const Watering = () => {
|
|||||||
},
|
},
|
||||||
click: ()=> onSelectPoint(pt)
|
click: ()=> onSelectPoint(pt)
|
||||||
}}
|
}}
|
||||||
/>
|
>
|
||||||
<Popup>
|
<Popup>
|
||||||
<div className="space-y-2 text-sm">
|
<div className="space-y-2 text-sm">
|
||||||
<div className="font-medium">Adjust Sprinkler</div>
|
<div className="font-medium">Adjust Sprinkler</div>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<span className="text-xs">Heading:</span>
|
<span className="text-xs">Heading:</span>
|
||||||
<button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, -10)}>-10°</button>
|
<button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, -10)}>-10°</button>
|
||||||
<button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, -1)}>-1°</button>
|
<button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, -1)}>-1°</button>
|
||||||
<span className="px-2">{Number(pt.sprinkler_heading_degrees||0)}°</span>
|
<span className="px-2">{Number(pt.sprinkler_heading_degrees||0)}°</span>
|
||||||
<button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, +1)}>+1°</button>
|
<button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, +1)}>+1°</button>
|
||||||
<button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, +10)}>+10°</button>
|
<button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, +10)}>+10°</button>
|
||||||
|
</div>
|
||||||
|
<div className="grid grid-cols-3 gap-2 items-center">
|
||||||
|
<div></div>
|
||||||
|
<button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, 0, +1)}>▲</button>
|
||||||
|
<div></div>
|
||||||
|
<button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, -1, 0)}>◀</button>
|
||||||
|
<div className="text-center text-xs">Move 1 ft</div>
|
||||||
|
<button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, +1, 0)}>▶</button>
|
||||||
|
<div></div>
|
||||||
|
<button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, 0, -1)}>▼</button>
|
||||||
|
<div></div>
|
||||||
|
</div>
|
||||||
|
<div className="flex gap-2 pt-1">
|
||||||
|
<button className="btn-secondary" onClick={async ()=>{ await wateringAPI.deletePoint(pt.id); setPoints(prev=> prev.filter(p=> p.id!==pt.id)); }}>Delete</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-3 gap-2 items-center">
|
</Popup>
|
||||||
<div></div>
|
</Marker>
|
||||||
<button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, 0, +1)}>▲</button>
|
|
||||||
<div></div>
|
|
||||||
<button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, -1, 0)}>◀</button>
|
|
||||||
<div className="text-center text-xs">Move 1 ft</div>
|
|
||||||
<button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, +1, 0)}>▶</button>
|
|
||||||
<div></div>
|
|
||||||
<button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, 0, -1)}>▼</button>
|
|
||||||
<div></div>
|
|
||||||
</div>
|
|
||||||
<div className="flex gap-2 pt-1">
|
|
||||||
<button className="btn-secondary" onClick={async ()=>{ await wateringAPI.deletePoint(pt.id); setPoints(prev=> prev.filter(p=> p.id!==pt.id)); }}>Delete</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Popup>
|
|
||||||
{cov?.kind==='circle' && (
|
{cov?.kind==='circle' && (
|
||||||
cov.degrees && cov.degrees < 360 ? (
|
cov.degrees && cov.degrees < 360 ? (
|
||||||
<Polygon positions={sectorPolygon({lat:Number(pt.lat),lng:Number(pt.lng)}, cov.radius, (pt.sprinkler_heading_degrees||0), (pt.sprinkler_heading_degrees||0)+cov.degrees)} pathOptions={{ color:'#2563eb', fillOpacity:0.2 }} />
|
<Polygon positions={sectorPolygon({lat:Number(pt.lat),lng:Number(pt.lng)}, cov.radius, (pt.sprinkler_heading_degrees||0), (pt.sprinkler_heading_degrees||0)+cov.degrees)} pathOptions={{ color:'#2563eb', fillOpacity:0.2 }} />
|
||||||
|
|||||||
Reference in New Issue
Block a user