jskim/vexplor_dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

polling 및 마커 종류 설정 추가

Browse Source
This commit is contained in:
dohyeons
2025-11-12 17:21:08 +09:00
parent 68184ac49f
commit 54b7cae218
5 changed files with 232 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
frontend/components/admin/dashboard/data-sources/MultiApiConfig.tsx
View File

@@ -530,31 +530,50 @@ export default function MultiApiConfig({ dataSource, onChange, onTestResult }: M
))}
</div>
{/* 자동 새로고침 설정 */}
{/* 마커 polling 간격 설정 (MapTestWidgetV2 전용) */}
<div className="space-y-2">
<Label htmlFor={`refresh-${dataSource.id}`} className="text-xs">
자동 새로고침 간격
<Label htmlFor="marker-refresh-interval" className="text-xs">
마커 새로고침 간격
</Label>
<Select
value={String(dataSource.refreshInterval || 0)}
onValueChange={(value) => onChange({ refreshInterval: Number(value) })}
value={(dataSource.refreshInterval ?? 5).toString()}
onValueChange={(value) => onChange({ refreshInterval: parseInt(value) })}
>
<SelectTrigger className="h-8 text-xs">
<SelectValue placeholder="새로고침 안 함" />
<SelectTrigger id="marker-refresh-interval" className="h-9 text-xs">
<SelectValue placeholder="간격 선택" />
</SelectTrigger>
<SelectContent>
<SelectItem value="0">새로고침 안 함</SelectItem>
<SelectItem value="10">10초마다</SelectItem>
<SelectItem value="30">30초마다</SelectItem>
<SelectItem value="60">1분마다</SelectItem>
<SelectItem value="300">5분마다</SelectItem>
<SelectItem value="600">10분마다</SelectItem>
<SelectItem value="1800">30분마다</SelectItem>
<SelectItem value="3600">1시간마다</SelectItem>
<SelectItem value="0" className="text-xs">없음</SelectItem>
<SelectItem value="5" className="text-xs">5초</SelectItem>
<SelectItem value="10" className="text-xs">10초</SelectItem>
<SelectItem value="30" className="text-xs">30초</SelectItem>
<SelectItem value="60" className="text-xs">1분</SelectItem>
</SelectContent>
</Select>
<p className="text-[10px] text-muted-foreground">
설정한 간격마다 자동으로 데이터를 다시 불러옵니다
마커 데이터를 자동으로 갱신하는 주기를 설정합니다
</p>
</div>
{/* 마커 종류 선택 (MapTestWidgetV2 전용) */}
<div className="space-y-2">
<Label htmlFor="marker-type" className="text-xs">
마커 종류
</Label>
<Select
value={dataSource.markerType || "circle"}
onValueChange={(value) => onChange({ markerType: value })}
>
<SelectTrigger id="marker-type" className="h-9 text-xs">
<SelectValue placeholder="마커 선택" />
</SelectTrigger>
<SelectContent>
<SelectItem value="circle" className="text-xs">동그라미</SelectItem>
<SelectItem value="arrow" className="text-xs">화살표</SelectItem>
</SelectContent>
</Select>
<p className="text-[10px] text-muted-foreground">
지도에 표시할 마커의 모양을 선택합니다
</p>
</div>