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

mowing

Browse Source
This commit is contained in:
Jake Kasper
2025-09-02 13:08:38 -05:00
parent f37b43bf4f
commit 3fcc8bf988
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/Maps/PropertyMap.js
View File

@@ -533,8 +533,8 @@ const PropertyMap = ({
});
return (
<>
<Polyline positions={points} pathOptions={{ color: '#10B981', weight: 3, dashArray: '8,6', opacity: 0.8 }} />
<div className="absolute top-4 left-4 bg-white rounded shadow px-2 py-1 text-xs text-gray-700">Direction: Circular</div>
<Polyline positions={points} pathOptions={{ color: '#A855F7', weight: 3, dashArray: '8,6', opacity: 0.9 }} />
<div className="absolute top-4 left-4 bg-white rounded shadow px-2 py-1 text-xs text-gray-900 border border-purple-200">Direction: Circular</div>
</>
);
}
@@ -570,9 +570,9 @@ const PropertyMap = ({
return (
<>
{parallelLines.map((line, idx) => (
<Polyline key={`dir-${idx}`} positions={line} pathOptions={{ color: '#10B981', weight: idx === 0 ? 4 : 2, dashArray: '8,6', opacity: 0.9 }} />
<Polyline key={`dir-${idx}`} positions={line} pathOptions={{ color: '#A855F7', weight: idx === 0 ? 4 : 2, dashArray: '8,6', opacity: 0.95 }} />
))}
<div className="absolute top-4 left-4 bg-white rounded shadow px-2 py-1 text-xs text-gray-700">Direction: {directionLabelMap[(direction || '').toUpperCase()] || direction}</div>
<div className="absolute top-4 left-4 bg-white rounded shadow px-2 py-1 text-xs text-gray-900 border border-purple-200">Direction: {directionLabelMap[(direction || '').toUpperCase()] || direction}</div>
</>
);
})()}

6
frontend/src/components/Mowing/MowingExecutionModal.js
View File

@@ -151,12 +151,14 @@ const MowingExecutionModal = ({ plan, onClose, onComplete }) => {
<h3 className="text-xl font-semibold">Execute Mowing</h3>
<button onClick={onClose} className="text-gray-500 hover:text-gray-700">✕</button>
</div>
<div className="grid grid-cols-4 gap-4 text-sm mb-4">
<div className="grid grid-cols-5 gap-4 text-sm mb-2">
<div><span className="font-medium">Property:</span> {plan.property_name}</div>
<div><span className="font-medium">Areas:</span> {plan.section_names}</div>
<div><span className="font-medium">Mower:</span> {plan.equipment_name}</div>
<div><span className="font-medium">Cut Height:</span> {plan.cut_height_inches}"</div>
<div><span className="font-medium">Direction:</span> {plan.direction}</div>
</div>
<div className="text-xs text-gray-600 mb-2">Tip: Follow the dashed purple guideline on the map.</div>
<div className="h-80 border rounded mb-4 overflow-hidden">
<PropertyMap
property={null}
@@ -166,7 +168,7 @@ const MowingExecutionModal = ({ plan, onClose, onComplete }) => {
gpsTrack={gpsTrack}
currentLocation={currentLocation}
center={center || [39.8283, -98.5795]}
zoom={center ? 16 : 15}
zoom={center ? 19 : 15}
direction={plan.direction}
className="h-80 w-full"
/>