Resolve merge conflicts
This commit is contained in:
unknown
parent
549e926493
commit
f470c96f5f
|
|
@ -0,0 +1,293 @@
|
|||
import { useState, useCallback } from 'react'
|
||||
import { Upload, Download, AlertCircle, CheckCircle2 } from 'lucide-react'
|
||||
import { toast } from 'sonner'
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogDescription,
|
||||
DialogFooter,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
} from '@/components/ui/dialog'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import {
|
||||
FileUpload,
|
||||
FileUploadDropzone,
|
||||
FileUploadTrigger,
|
||||
FileUploadList,
|
||||
FileUploadItem,
|
||||
FileUploadItemPreview,
|
||||
FileUploadItemMetadata,
|
||||
FileUploadItemDelete,
|
||||
} from '@/components/ui/file-upload'
|
||||
import { Alert, AlertDescription } from '@/components/ui/alert'
|
||||
import { Progress } from '@/components/ui/progress'
|
||||
|
||||
import { useDevicesContext } from '../context/devices-context'
|
||||
import { useBulkCreateDevices } from '../hooks/use-devices'
|
||||
import { CSVParser, ParsedDevice, ValidationResult } from '../utils/csv-parser'
|
||||
|
||||
export function DeviceBulkCreateDialog() {
|
||||
const { isBulkCreateDialogOpen, setIsBulkCreateDialogOpen } = useDevicesContext()
|
||||
const bulkCreateMutation = useBulkCreateDevices()
|
||||
const [csvFile, setCsvFile] = useState<File | null>(null)
|
||||
const [isProcessing, setIsProcessing] = useState(false)
|
||||
const [validationResult, setValidationResult] = useState<ValidationResult | null>(null)
|
||||
const [uploadProgress, setUploadProgress] = useState(0)
|
||||
|
||||
const handleFileChange = (files: File[]) => {
|
||||
if (files.length > 0) {
|
||||
const file = files[0]
|
||||
if (file.type === 'text/csv' || file.name.endsWith('.csv')) {
|
||||
setCsvFile(file)
|
||||
setValidationResult(null)
|
||||
} else {
|
||||
toast.error('Please select a CSV file')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onFileValidate = useCallback(
|
||||
(file: File) => {
|
||||
if (!file.type.includes('csv') && !file.name.endsWith('.csv')) {
|
||||
return 'Only CSV files are allowed'
|
||||
}
|
||||
if (file.size > 5 * 1024 * 1024) { // 5MB limit
|
||||
return 'File size must be less than 5MB'
|
||||
}
|
||||
return null
|
||||
},
|
||||
[]
|
||||
)
|
||||
|
||||
const parseCSV = async (file: File): Promise<ParsedDevice[]> => {
|
||||
return new Promise((resolve, reject) => {
|
||||
const reader = new FileReader()
|
||||
reader.onload = (e) => {
|
||||
try {
|
||||
const csv = e.target?.result as string
|
||||
const devices = CSVParser.parseCSV(csv)
|
||||
resolve(devices)
|
||||
} catch (error) {
|
||||
reject(error)
|
||||
}
|
||||
}
|
||||
reader.onerror = () => reject(new Error('Failed to read file'))
|
||||
reader.readAsText(file)
|
||||
})
|
||||
}
|
||||
|
||||
const validateDevices = async () => {
|
||||
if (!csvFile) return
|
||||
|
||||
setIsProcessing(true)
|
||||
try {
|
||||
const devices = await parseCSV(csvFile)
|
||||
const validationResult = CSVParser.validateDevices(devices)
|
||||
|
||||
setValidationResult(validationResult)
|
||||
|
||||
if (validationResult.invalid.length > 0) {
|
||||
toast.warning(`${validationResult.invalid.length} rows have validation errors`)
|
||||
} else {
|
||||
toast.success('All rows are valid!')
|
||||
}
|
||||
} catch (error) {
|
||||
toast.error(error instanceof Error ? error.message : 'Failed to parse CSV file')
|
||||
} finally {
|
||||
setIsProcessing(false)
|
||||
}
|
||||
}
|
||||
|
||||
const handleBulkCreate = async () => {
|
||||
if (!validationResult?.valid.length) return
|
||||
|
||||
setIsProcessing(true)
|
||||
setUploadProgress(0)
|
||||
|
||||
try {
|
||||
const devices = validationResult.valid.map(device => ({
|
||||
device_code: device.device_code,
|
||||
device_type: device.device_type,
|
||||
longitude: device.longitude,
|
||||
latitude: device.latitude,
|
||||
port_amount: device.port_amount,
|
||||
status: device.status,
|
||||
province: device.province,
|
||||
city: device.city,
|
||||
district: device.district,
|
||||
tower_id: device.tower_id,
|
||||
olt: device.olt
|
||||
}))
|
||||
|
||||
await bulkCreateMutation.mutateAsync(devices)
|
||||
setUploadProgress(100)
|
||||
handleClose()
|
||||
} catch (_error) {
|
||||
// Error is handled by the mutation
|
||||
} finally {
|
||||
setIsProcessing(false)
|
||||
setUploadProgress(0)
|
||||
}
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
setCsvFile(null)
|
||||
setValidationResult(null)
|
||||
setUploadProgress(0)
|
||||
setIsProcessing(false)
|
||||
setIsBulkCreateDialogOpen(false)
|
||||
}
|
||||
|
||||
const downloadTemplate = () => {
|
||||
const csvContent = CSVParser.generateTemplate()
|
||||
const blob = new Blob([csvContent], { type: 'text/csv' })
|
||||
const url = window.URL.createObjectURL(blob)
|
||||
const a = document.createElement('a')
|
||||
a.href = url
|
||||
a.download = 'device-template.csv'
|
||||
a.click()
|
||||
window.URL.revokeObjectURL(url)
|
||||
}
|
||||
|
||||
return (
|
||||
<Dialog open={isBulkCreateDialogOpen} onOpenChange={setIsBulkCreateDialogOpen}>
|
||||
<DialogContent className="max-w-4xl max-h-[80vh] overflow-y-auto">
|
||||
<DialogHeader>
|
||||
<DialogTitle>Bulk Create Devices</DialogTitle>
|
||||
<DialogDescription>
|
||||
Upload a CSV file to create multiple devices at once.
|
||||
</DialogDescription>
|
||||
</DialogHeader>
|
||||
|
||||
<div className="space-y-6">
|
||||
{/* Template Download */}
|
||||
<div className="flex items-center justify-between p-4 bg-muted rounded-lg">
|
||||
<div>
|
||||
<h4 className="font-medium">Download Template</h4>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Download the CSV template to see the required format
|
||||
</p>
|
||||
</div>
|
||||
<Button variant="outline" onClick={downloadTemplate}>
|
||||
<Download className="w-4 h-4 mr-2" />
|
||||
Download Template
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
{/* File Upload */}
|
||||
<div>
|
||||
<h4 className="font-medium mb-2">Upload CSV File</h4>
|
||||
<FileUpload
|
||||
value={csvFile ? [csvFile] : []}
|
||||
onValueChange={handleFileChange}
|
||||
accept=".csv"
|
||||
maxFiles={1}
|
||||
onFileValidate={onFileValidate}
|
||||
>
|
||||
<FileUploadDropzone>
|
||||
<div className="flex flex-col items-center justify-center py-8">
|
||||
<Upload className="w-8 h-8 mb-2 text-muted-foreground" />
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Drop your CSV file here or click to browse
|
||||
</p>
|
||||
</div>
|
||||
</FileUploadDropzone>
|
||||
<FileUploadTrigger asChild>
|
||||
<Button variant="outline">
|
||||
<Upload className="w-4 h-4 mr-2" />
|
||||
Select CSV File
|
||||
</Button>
|
||||
</FileUploadTrigger>
|
||||
<FileUploadList>
|
||||
{csvFile && (
|
||||
<FileUploadItem value={csvFile}>
|
||||
<FileUploadItemPreview />
|
||||
<FileUploadItemMetadata />
|
||||
<FileUploadItemDelete />
|
||||
</FileUploadItem>
|
||||
)}
|
||||
</FileUploadList>
|
||||
</FileUpload>
|
||||
</div>
|
||||
|
||||
{/* Validation Button */}
|
||||
{csvFile && !validationResult && (
|
||||
<Button
|
||||
onClick={validateDevices}
|
||||
disabled={isProcessing}
|
||||
className="w-full"
|
||||
>
|
||||
{isProcessing ? 'Validating...' : 'Validate CSV Data'}
|
||||
</Button>
|
||||
)}
|
||||
|
||||
{/* Validation Results */}
|
||||
{validationResult && (
|
||||
<div className="space-y-4">
|
||||
<div className="grid grid-cols-3 gap-4">
|
||||
<div className="text-center p-4 bg-green-50 rounded-lg">
|
||||
<CheckCircle2 className="w-8 h-8 mx-auto mb-2 text-green-600" />
|
||||
<p className="font-medium text-green-900">{validationResult.valid.length}</p>
|
||||
<p className="text-sm text-green-700">Valid Rows</p>
|
||||
</div>
|
||||
<div className="text-center p-4 bg-red-50 rounded-lg">
|
||||
<AlertCircle className="w-8 h-8 mx-auto mb-2 text-red-600" />
|
||||
<p className="font-medium text-red-900">{validationResult.invalid.length}</p>
|
||||
<p className="text-sm text-red-700">Invalid Rows</p>
|
||||
</div>
|
||||
<div className="text-center p-4 bg-blue-50 rounded-lg">
|
||||
<p className="font-medium text-blue-900">{validationResult.totalRows}</p>
|
||||
<p className="text-sm text-blue-700">Total Rows</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Invalid Rows Details */}
|
||||
{validationResult.invalid.length > 0 && (
|
||||
<div>
|
||||
<h4 className="font-medium mb-2 text-red-900">Validation Errors</h4>
|
||||
<div className="max-h-40 overflow-y-auto space-y-2">
|
||||
{validationResult.invalid.map((device, index) => (
|
||||
<Alert key={index} variant="destructive">
|
||||
<AlertCircle className="h-4 w-4" />
|
||||
<AlertDescription>
|
||||
<strong>Row {device.row}:</strong> {device.errors.join(', ')}
|
||||
</AlertDescription>
|
||||
</Alert>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Upload Progress */}
|
||||
{isProcessing && uploadProgress > 0 && (
|
||||
<div className="space-y-2">
|
||||
<div className="flex justify-between text-sm">
|
||||
<span>Creating devices...</span>
|
||||
<span>{Math.round(uploadProgress)}%</span>
|
||||
</div>
|
||||
<Progress value={uploadProgress} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<DialogFooter>
|
||||
<Button variant="outline" onClick={handleClose} disabled={isProcessing}>
|
||||
Cancel
|
||||
</Button>
|
||||
{validationResult && validationResult.valid.length > 0 && (
|
||||
<Button
|
||||
onClick={handleBulkCreate}
|
||||
disabled={isProcessing || validationResult.invalid.length > 0}
|
||||
className="w-full"
|
||||
>
|
||||
{isProcessing ? 'Creating...' : `Create ${validationResult.valid.length} Devices`}
|
||||
</Button>
|
||||
)}
|
||||
</DialogFooter>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,138 @@
|
|||
import { useDevicesContext } from '../context/devices-context'
|
||||
import { useProvinces, useRegencies, useDistricts } from '@/services/indonesia-regions'
|
||||
import { InputSelect, InputSelectTrigger } from '@/components/ui/input-select'
|
||||
import { Label } from '@/components/ui/label'
|
||||
|
||||
export function DevicesRegionFilter() {
|
||||
const {
|
||||
filters,
|
||||
selectedProvince,
|
||||
selectedCity,
|
||||
selectedDistrict,
|
||||
handleProvinceChange,
|
||||
handleCityChange,
|
||||
handleDistrictChange,
|
||||
} = useDevicesContext()
|
||||
|
||||
const { data: provinces } = useProvinces()
|
||||
const { data: regencies, isLoading: isLoadingRegencies } = useRegencies(
|
||||
selectedProvince
|
||||
)
|
||||
const { data: districts, isLoading: isLoadingDistricts } = useDistricts(
|
||||
selectedCity
|
||||
)
|
||||
|
||||
const provinceOptions = provinces?.map((province) => ({
|
||||
value: province.id,
|
||||
label: province.name,
|
||||
})) ?? []
|
||||
|
||||
|
||||
|
||||
const cityOptions = regencies?.map((city) => ({
|
||||
value: city.id,
|
||||
label: city.name,
|
||||
})) ?? []
|
||||
|
||||
const districtOptions = districts?.map((district) => ({
|
||||
value: district.id,
|
||||
label: district.name,
|
||||
})) ?? []
|
||||
|
||||
return (
|
||||
<div className="grid grid-cols-1 gap-4 md:grid-cols-3">
|
||||
{/* Province Filter */}
|
||||
<div className="space-y-2">
|
||||
<Label>Provinsi</Label>
|
||||
<InputSelect
|
||||
options={[
|
||||
{ value: '', label: 'Semua Provinsi' },
|
||||
...provinceOptions,
|
||||
]}
|
||||
value={selectedProvince || ''}
|
||||
onValueChange={(value) => {
|
||||
const selectedOption = provinceOptions.find(opt => opt.value === value);
|
||||
const provinceName = selectedOption?.label || value;
|
||||
const provinceId = selectedOption?.value || value;
|
||||
// Send both ID (for API) and name (for filtering)
|
||||
handleProvinceChange(provinceId, provinceName);
|
||||
}}
|
||||
placeholder="Pilih provinsi"
|
||||
>
|
||||
{(provided) => (
|
||||
<InputSelectTrigger
|
||||
{...provided}
|
||||
className="w-full"
|
||||
/>
|
||||
)}
|
||||
</InputSelect>
|
||||
</div>
|
||||
|
||||
{/* City Filter */}
|
||||
<div className="space-y-2">
|
||||
<Label>Kota/Kabupaten</Label>
|
||||
<InputSelect
|
||||
options={[
|
||||
{ value: '', label: 'Semua Kota/Kabupaten' },
|
||||
...cityOptions,
|
||||
]}
|
||||
disabled={!selectedProvince || isLoadingRegencies}
|
||||
value={selectedCity || ''}
|
||||
onValueChange={(value) => {
|
||||
const selectedOption = cityOptions.find(opt => opt.value === value);
|
||||
const cityName = selectedOption?.label || value;
|
||||
const cityId = selectedOption?.value || value;
|
||||
handleCityChange(cityId, cityName);
|
||||
}}
|
||||
placeholder={
|
||||
!filters.province
|
||||
? 'Pilih provinsi dulu'
|
||||
: isLoadingRegencies
|
||||
? 'Loading...'
|
||||
: 'Pilih kota/kabupaten'
|
||||
}
|
||||
>
|
||||
{(provided) => (
|
||||
<InputSelectTrigger
|
||||
{...provided}
|
||||
className="w-full"
|
||||
/>
|
||||
)}
|
||||
</InputSelect>
|
||||
</div>
|
||||
|
||||
{/* District Filter */}
|
||||
<div className="space-y-2">
|
||||
<Label>Kecamatan</Label>
|
||||
<InputSelect
|
||||
options={[
|
||||
{ value: '', label: 'Semua Kecamatan' },
|
||||
...districtOptions,
|
||||
]}
|
||||
disabled={!selectedCity || isLoadingDistricts}
|
||||
value={selectedDistrict || ''}
|
||||
onValueChange={(value) => {
|
||||
const selectedOption = districtOptions.find(opt => opt.value === value);
|
||||
const districtName = selectedOption?.label || value;
|
||||
const districtId = selectedOption?.value || value;
|
||||
handleDistrictChange(districtId, districtName);
|
||||
}}
|
||||
placeholder={
|
||||
!filters.city
|
||||
? 'Pilih kota/kabupaten dulu'
|
||||
: isLoadingDistricts
|
||||
? 'Loading...'
|
||||
: 'Pilih kecamatan'
|
||||
}
|
||||
>
|
||||
{(provided) => (
|
||||
<InputSelectTrigger
|
||||
{...provided}
|
||||
className="w-full"
|
||||
/>
|
||||
)}
|
||||
</InputSelect>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,241 @@
|
|||
export interface ParsedDevice {
|
||||
device_code: string
|
||||
device_type: string
|
||||
longitude: number
|
||||
latitude: number
|
||||
port_amount?: number
|
||||
status: 'active' | 'inactive' | 'maintenance'
|
||||
province?: string
|
||||
city?: string
|
||||
district?: string
|
||||
tower_id?: string
|
||||
olt?: string
|
||||
row: number
|
||||
errors: string[]
|
||||
}
|
||||
|
||||
export interface ValidationResult {
|
||||
valid: ParsedDevice[]
|
||||
invalid: ParsedDevice[]
|
||||
totalRows: number
|
||||
}
|
||||
|
||||
const REQUIRED_HEADERS = ['device_code', 'device_type', 'longitude', 'latitude']
|
||||
const VALID_DEVICE_TYPES = ['OTB', 'CLOSURE', 'ODP']
|
||||
const VALID_STATUSES = ['active', 'inactive', 'maintenance']
|
||||
|
||||
export class CSVParser {
|
||||
static parseCSV(csvContent: string): ParsedDevice[] {
|
||||
const lines = csvContent.split('\n').filter(line => line.trim())
|
||||
|
||||
if (lines.length < 2) {
|
||||
throw new Error('CSV file must contain at least a header row and one data row')
|
||||
}
|
||||
|
||||
const headers = lines[0].split(',').map(h => h.trim().toLowerCase())
|
||||
|
||||
// Validate required headers
|
||||
const missingHeaders = REQUIRED_HEADERS.filter(required =>
|
||||
!headers.includes(required.toLowerCase())
|
||||
)
|
||||
|
||||
if (missingHeaders.length > 0) {
|
||||
throw new Error(`Missing required headers: ${missingHeaders.join(', ')}`)
|
||||
}
|
||||
|
||||
const devices: ParsedDevice[] = []
|
||||
|
||||
for (let i = 1; i < lines.length; i++) {
|
||||
const values = CSVParser.parseCSVLine(lines[i])
|
||||
const device = CSVParser.parseDeviceRow(headers, values, i + 1)
|
||||
devices.push(device)
|
||||
}
|
||||
|
||||
return devices
|
||||
}
|
||||
|
||||
private static parseCSVLine(line: string): string[] {
|
||||
const result: string[] = []
|
||||
let current = ''
|
||||
let inQuotes = false
|
||||
|
||||
for (let i = 0; i < line.length; i++) {
|
||||
const char = line[i]
|
||||
|
||||
if (char === '"') {
|
||||
inQuotes = !inQuotes
|
||||
} else if (char === ',' && !inQuotes) {
|
||||
result.push(current.trim())
|
||||
current = ''
|
||||
} else {
|
||||
current += char
|
||||
}
|
||||
}
|
||||
|
||||
result.push(current.trim())
|
||||
return result
|
||||
}
|
||||
|
||||
private static parseDeviceRow(headers: string[], values: string[], rowNumber: number): ParsedDevice {
|
||||
const device: ParsedDevice = {
|
||||
device_code: '',
|
||||
device_type: '',
|
||||
longitude: 0,
|
||||
latitude: 0,
|
||||
status: 'active',
|
||||
row: rowNumber,
|
||||
errors: []
|
||||
}
|
||||
|
||||
headers.forEach((header, index) => {
|
||||
const value = values[index]?.replace(/^"|"$/g, '') || '' // Remove surrounding quotes
|
||||
|
||||
switch (header) {
|
||||
case 'device_code':
|
||||
device.device_code = value
|
||||
if (!value) {
|
||||
device.errors.push('Device code is required')
|
||||
} else if (value.length < 3) {
|
||||
device.errors.push('Device code must be at least 3 characters')
|
||||
}
|
||||
break
|
||||
|
||||
case 'device_type':
|
||||
device.device_type = value.toUpperCase()
|
||||
if (!value) {
|
||||
device.errors.push('Device type is required')
|
||||
} else if (!VALID_DEVICE_TYPES.includes(value.toUpperCase())) {
|
||||
device.errors.push(`Device type must be one of: ${VALID_DEVICE_TYPES.join(', ')}`)
|
||||
}
|
||||
break
|
||||
|
||||
case 'longitude':
|
||||
const longitude = parseFloat(value)
|
||||
if (!value || isNaN(longitude)) {
|
||||
device.errors.push('Longitude is required and must be a valid number')
|
||||
} else if (longitude < -180 || longitude > 180) {
|
||||
device.errors.push('Longitude must be between -180 and 180')
|
||||
} else {
|
||||
device.longitude = longitude
|
||||
}
|
||||
break
|
||||
|
||||
case 'latitude':
|
||||
const latitude = parseFloat(value)
|
||||
if (!value || isNaN(latitude)) {
|
||||
device.errors.push('Latitude is required and must be a valid number')
|
||||
} else if (latitude < -90 || latitude > 90) {
|
||||
device.errors.push('Latitude must be between -90 and 90')
|
||||
} else {
|
||||
device.latitude = latitude
|
||||
}
|
||||
break
|
||||
|
||||
case 'port_amount':
|
||||
if (value) {
|
||||
const portAmount = parseInt(value)
|
||||
if (isNaN(portAmount) || portAmount < 0) {
|
||||
device.errors.push('Port amount must be a non-negative number')
|
||||
} else {
|
||||
device.port_amount = portAmount
|
||||
}
|
||||
}
|
||||
break
|
||||
|
||||
case 'status':
|
||||
if (value) {
|
||||
const status = value.toLowerCase()
|
||||
if (VALID_STATUSES.includes(status)) {
|
||||
device.status = status as 'active' | 'inactive' | 'maintenance'
|
||||
} else {
|
||||
device.errors.push(`Status must be one of: ${VALID_STATUSES.join(', ')}`)
|
||||
}
|
||||
}
|
||||
break
|
||||
|
||||
case 'province':
|
||||
device.province = value
|
||||
break
|
||||
|
||||
case 'city':
|
||||
device.city = value
|
||||
break
|
||||
|
||||
case 'district':
|
||||
device.district = value
|
||||
break
|
||||
|
||||
case 'tower_id':
|
||||
device.tower_id = value
|
||||
break
|
||||
|
||||
case 'olt':
|
||||
case 'olt_id':
|
||||
device.olt = value
|
||||
break
|
||||
}
|
||||
})
|
||||
|
||||
// Additional validation rules
|
||||
if (device.device_type === 'CLOSURE' && device.port_amount && device.port_amount > 0) {
|
||||
device.errors.push('CLOSURE devices should not have ports (port_amount should be 0 or empty)')
|
||||
}
|
||||
|
||||
return device
|
||||
}
|
||||
|
||||
static validateDevices(devices: ParsedDevice[]): ValidationResult {
|
||||
// Check for duplicate device codes
|
||||
const deviceCodes = new Set<string>()
|
||||
const duplicates = new Set<string>()
|
||||
|
||||
devices.forEach(device => {
|
||||
if (device.device_code) {
|
||||
if (deviceCodes.has(device.device_code)) {
|
||||
duplicates.add(device.device_code)
|
||||
} else {
|
||||
deviceCodes.add(device.device_code)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
// Mark devices with duplicate codes as invalid
|
||||
if (duplicates.size > 0) {
|
||||
devices.forEach(device => {
|
||||
if (duplicates.has(device.device_code)) {
|
||||
device.errors.push(`Duplicate device code: ${device.device_code}`)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
return {
|
||||
valid: devices.filter(d => d.errors.length === 0),
|
||||
invalid: devices.filter(d => d.errors.length > 0),
|
||||
totalRows: devices.length
|
||||
}
|
||||
}
|
||||
|
||||
static generateTemplate(): string {
|
||||
const headers = [
|
||||
'device_code',
|
||||
'device_type',
|
||||
'longitude',
|
||||
'latitude',
|
||||
'port_amount',
|
||||
'status',
|
||||
'province',
|
||||
'city',
|
||||
'district',
|
||||
'tower_id',
|
||||
'olt'
|
||||
]
|
||||
|
||||
const sampleData = [
|
||||
'DEV001,OTB,106.8456,-6.2088,8,active,DKI Jakarta,Jakarta Selatan,Kebayoran Baru,,',
|
||||
'DEV002,CLOSURE,106.8500,-6.2100,,active,DKI Jakarta,Jakarta Selatan,Kebayoran Baru,,',
|
||||
'DEV003,ODP,106.8600,-6.2200,4,active,DKI Jakarta,Jakarta Selatan,Kebayoran Baru,,'
|
||||
]
|
||||
|
||||
return [headers.join(','), ...sampleData].join('\n')
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue