This commit is contained in:
Jake Kasper
2025-09-05 09:58:40 -04:00
parent 808e4a8a96
commit af10a60e17

View File

@@ -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 }} />