kasperj/turftracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

polygons

Browse Source
This commit is contained in:
Jake Kasper
2025-09-04 07:49:50 -05:00
parent c7e52eacb4
commit 6e8fa900e4
1 changed files with 43 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
frontend/src/pages/Properties/PropertyDetail.js
View File

@@ -353,6 +353,7 @@ const PropertyDetail = () => {
const [gpsDistance, setGpsDistance] = useState(0);
const [gpsAccuracy, setGpsAccuracy] = useState(null);
const [isSnapPreview, setIsSnapPreview] = useState(false);
const [showAddMenu, setShowAddMenu] = useState(false);
const [currentColor, setCurrentColor] = useState(SECTION_COLORS[0]);
const [showNameModal, setShowNameModal] = useState(false);
const [pendingSection, setPendingSection] = useState(null);
@@ -810,40 +811,52 @@ const PropertyDetail = () => {
)}
</div>
</div>
<div className="flex gap-2">
<div className="relative">
<button
onClick={() => setIsDrawing(!isDrawing)}
className={`btn-primary flex items-center gap-2 ${isDrawing ? 'bg-red-600 hover:bg-red-700' : ''}`}
onClick={() => setShowAddMenu(v=>!v)}
className="btn-primary flex items-center gap-2"
title="Add a lawn section"
>
<PlusIcon className="h-5 w-5" />
{isDrawing ? 'Cancel Drawing' : 'Tap-to-Draw'}
Add Lawn Section
</button>
<button
onClick={() => {
// Toggle GPS points mode; ensure trace mode off
setIsGPSTraceMode(false);
setIsTracing(false);
if (gpsWatchId) { navigator.geolocation.clearWatch(gpsWatchId); setGpsWatchId(null); }
setIsGPSPointsMode(v=>!v);
if (!isGPSPointsMode) clearGpsPoints();
}}
className={`btn-secondary flex items-center gap-2 ${isGPSPointsMode ? 'ring-2 ring-blue-300' : ''}`}
>
{isGPSPointsMode ? 'Exit GPS Points' : 'GPS Points'}
</button>
<button
onClick={() => {
// Toggle trace mode; ensure points mode off
setIsGPSPointsMode(false);
if (!isGPSTraceMode) clearGpsPoints();
if (isGPSTraceMode && gpsWatchId) { navigator.geolocation.clearWatch(gpsWatchId); setGpsWatchId(null); setIsTracing(false); }
setIsGPSTraceMode(v=>!v);
}}
className={`btn-secondary flex items-center gap-2 ${isGPSTraceMode ? 'ring-2 ring-blue-300' : ''}`}
>
{isGPSTraceMode ? 'Exit Trace' : 'Trace Boundary'}
</button>
</div>
{showAddMenu && (
<div className="absolute right-0 mt-2 w-56 bg-white border rounded shadow-lg z-10">
<button
className="w-full text-left px-3 py-2 hover:bg-gray-50"
onClick={() => { setShowAddMenu(false); setIsDrawing(true); setIsGPSPointsMode(false); setIsGPSTraceMode(false); }}
>
Tap to Draw (manual)
</button>
<button
className="w-full text-left px-3 py-2 hover:bg-gray-50"
onClick={() => {
setShowAddMenu(false);
// Enable GPS points mode, disable trace
setIsGPSTraceMode(false);
setIsTracing(false);
if (gpsWatchId) { navigator.geolocation.clearWatch(gpsWatchId); setGpsWatchId(null); }
clearGpsPoints();
setIsGPSPointsMode(true);
}}
>
GPS Points (walk and mark)
</button>
<button
className="w-full text-left px-3 py-2 hover:bg-gray-50"
onClick={() => {
setShowAddMenu(false);
// Enable trace mode, disable points mode
setIsGPSPointsMode(false);
clearGpsPoints();
setIsGPSTraceMode(true);
}}
>
Trace Boundary (continuous)
</button>
</div>
)}
</div>
</div>
<div className="grid grid-cols-1 lg:grid-cols-4 gap-6">