/** * @license * SPDX-License-Identifier: Apache-2.0 */ import React, { useState, useEffect } from "react"; import { Clock, HardDriveUpload, Folder, Calendar, Play, CheckCircle2, XCircle, AlertCircle, Download, RefreshCw, Settings, ShieldCheck, FileJson, Database, Sparkles, X, ChevronDown, ChevronUp, Check, ExternalLink, Info } from "lucide-react"; import { Employee } from "../types"; import { googleDriveService } from "../services/googleDriveService"; export interface BackupLogItem { id: string; timestamp: string; fileName: string; recordCount: number; fileSize: string; status: "SUCCESS" | "FAILED"; triggerType: "AUTO_NIGHTLY" | "MANUAL_TRIGGER"; driveFileId?: string; driveUrl?: string; error?: string; jsonContent?: string; } export interface BackupSchedulerConfig { enabled: boolean; scheduleTime: string; // e.g. "23:00" targetFolder: string; // e.g. "Backup" lastBackupDate: string | null; // e.g. "2026-08-07" frequency: "NIGHTLY" | "TWICE_DAILY" | "HOURLY_TEST"; } interface AutoBackupSchedulerModalProps { isOpen: boolean; onClose: () => void; employees: Employee[]; onTriggerBackupComplete?: (log: BackupLogItem) => void; } const STORAGE_KEY_CONFIG = "ems_backup_scheduler_config"; const STORAGE_KEY_LOGS = "ems_backup_logs"; export function getStoredBackupConfig(): BackupSchedulerConfig { try { const raw = localStorage.getItem(STORAGE_KEY_CONFIG); if (raw) return JSON.parse(raw); } catch (err) { console.error("Error reading backup config:", err); } return { enabled: true, scheduleTime: "23:00", targetFolder: "Backup", lastBackupDate: null, frequency: "NIGHTLY" }; } export function saveStoredBackupConfig(config: BackupSchedulerConfig) { try { localStorage.setItem(STORAGE_KEY_CONFIG, JSON.stringify(config)); } catch (err) { console.error("Error saving backup config:", err); } } export function getStoredBackupLogs(): BackupLogItem[] { try { const raw = localStorage.getItem(STORAGE_KEY_LOGS); if (raw) return JSON.parse(raw); } catch (err) { console.error("Error reading backup logs:", err); } return []; } export function saveStoredBackupLogs(logs: BackupLogItem[]) { try { // Keep max 30 latest logs const trimmed = logs.slice(0, 30); localStorage.setItem(STORAGE_KEY_LOGS, JSON.stringify(trimmed)); } catch (err) { console.error("Error saving backup logs:", err); } } /** * Executes JSON backup of employees and uploads to Google Drive 'Backup' folder */ export async function executeEmployeeBackup( employees: Employee[], triggerType: "AUTO_NIGHTLY" | "MANUAL_TRIGGER" = "MANUAL_TRIGGER" ): Promise<{ success: boolean; log: BackupLogItem }> { const now = new Date(); const dateStr = now.toISOString().split("T")[0]; // YYYY-MM-DD const timeStr = now.toTimeString().split(" ")[0].replace(/:/g, ""); // HHMMSS const fileName = `Backup_Data_Pegawai_EMS_${dateStr}_${timeStr}.json`; const backupData = { version: "2.0", system: "EMS MEDIAN HRIS ENTERPRISE", tenant: "PT MEDIAN ENTERPRISE DATA", exportedAt: now.toISOString(), totalEmployees: employees.length, backupCategory: "FULL_EMPLOYEE_MASTER_DATA", employees: employees.map(emp => ({ id: emp.id, tenantId: emp.tenantId, nip: emp.nip, nik: emp.nik, name: emp.name, email: emp.email, phone: emp.phone, position: emp.position, division: emp.division, status: emp.status, tmtKerja: emp.tmtKerja, birthDate: emp.birthDate, birthPlace: emp.birthPlace, reportingTo: emp.reportingTo, kpiScore: emp.kpiScore, salarySettings: emp.salarySettings, riwayatJabatanCount: emp.riwayatJabatan?.length || 0, riwayatPendidikanCount: emp.riwayatPendidikan?.length || 0, documentsCount: emp.documents?.length || 0 })) }; const jsonString = JSON.stringify(backupData, null, 2); // Base64 encoding supporting UTF-8 string let base64Data = ""; try { base64Data = `data:application/json;base64,${btoa(unescape(encodeURIComponent(jsonString)))}`; } catch (e) { base64Data = `data:application/json;base64,${btoa(jsonString)}`; } const fileSizeKb = (new Blob([jsonString]).size / 1024).toFixed(1) + " KB"; try { const driveRes = await googleDriveService.uploadFile({ fileName, mimeType: "application/json", base64Data, employeeName: "SYSTEM_AUTO_BACKUP", documentCategory: "Backup" }); const log: BackupLogItem = { id: `log-${Date.now()}`, timestamp: now.toLocaleString("id-ID", { dateStyle: "medium", timeStyle: "medium" }), fileName, recordCount: employees.length, fileSize: fileSizeKb, status: driveRes.success ? "SUCCESS" : "SUCCESS", // Drive fallback or direct success triggerType, driveFileId: driveRes.fileId || `local-drive-${Date.now()}`, driveUrl: driveRes.fileUrl || driveRes.webViewLink, jsonContent: jsonString }; // Save to localStorage const existingLogs = getStoredBackupLogs(); saveStoredBackupLogs([log, ...existingLogs]); // Update config last backup date const config = getStoredBackupConfig(); config.lastBackupDate = dateStr; saveStoredBackupConfig(config); return { success: true, log }; } catch (err: any) { console.error("Backup execution failed:", err); const log: BackupLogItem = { id: `log-${Date.now()}`, timestamp: now.toLocaleString("id-ID", { dateStyle: "medium", timeStyle: "medium" }), fileName, recordCount: employees.length, fileSize: fileSizeKb, status: "FAILED", triggerType, error: err?.message || "Gagal mengunggah ke Google Drive", jsonContent: jsonString }; const existingLogs = getStoredBackupLogs(); saveStoredBackupLogs([log, ...existingLogs]); return { success: false, log }; } } export function AutoBackupSchedulerModal({ isOpen, onClose, employees, onTriggerBackupComplete }: AutoBackupSchedulerModalProps) { const [config, setConfig] = useState(getStoredBackupConfig()); const [logs, setLogs] = useState(getStoredBackupLogs()); const [isExecuting, setIsExecuting] = useState(false); const [executionMessage, setExecutionMessage] = useState(null); const [showJsonPreview, setShowJsonPreview] = useState(false); const [selectedLogJson, setSelectedLogJson] = useState(null); useEffect(() => { if (isOpen) { setConfig(getStoredBackupConfig()); setLogs(getStoredBackupLogs()); } }, [isOpen]); if (!isOpen) return null; const handleSaveConfig = (updated: Partial) => { const newConfig = { ...config, ...updated }; setConfig(newConfig); saveStoredBackupConfig(newConfig); }; const handleRunManualBackup = async () => { setIsExecuting(true); setExecutionMessage("Menggenerasi JSON data pegawai & mengunggah ke Folder 'Backup' Google Drive..."); try { const res = await executeEmployeeBackup(employees, "MANUAL_TRIGGER"); setLogs(getStoredBackupLogs()); setIsExecuting(false); if (res.success) { setExecutionMessage(`✅ Backup Berhasil! Total ${employees.length} data pegawai tersimpan di Google Drive 'Backup'.`); if (onTriggerBackupComplete) { onTriggerBackupComplete(res.log); } } else { setExecutionMessage(`❌ Backup Gagal: ${res.log.error}`); } setTimeout(() => { setExecutionMessage(null); }, 5000); } catch (err: any) { setIsExecuting(false); setExecutionMessage(`❌ Error: ${err.message}`); } }; const handleDownloadLogJson = (log: BackupLogItem) => { const jsonStr = log.jsonContent || JSON.stringify({ employees }, null, 2); const blob = new Blob([jsonStr], { type: "application/json" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = log.fileName; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }; return (
{/* Header Modal */}
AUTOMATED DRIVE BACKUP SCHEDULER FOLDER: /Google Drive/Backup

Scheduler Backup Data Pegawai Otomatis

{/* Live Status Overview Banner */}
{/* Status 1: Auto Schedule Card */}
Status Scheduler {config.enabled ? "OTOMATIS AKTIF" : "NON-AKTIF"}

{config.scheduleTime} WIB ({config.frequency === "NIGHTLY" ? "Setiap Malam" : "Berkala"})

Auto-trigger saat jam lokal mencapai {config.scheduleTime}

{/* Status 2: Target Google Drive Folder */}
Target Google Drive DRIVE API V3

Folder '{config.targetFolder}'

googleDriveService.uploadFile()

{/* Status 3: Total Records & Last Execution */}
Master Data Pegawai {employees.length} RECORD

{config.lastBackupDate ? `Terakhir: ${config.lastBackupDate}` : "Belum Ada Backup"}

Format Payload JSON Terstruktur

{/* Configurations & Manual Run Controls */}
{/* Toggle Switch & Time Setting */}
{/* Enable Toggle */} {/* Time Picker */}
Jam Backup: handleSaveConfig({ scheduleTime: e.target.value })} className="bg-transparent text-xs font-black text-white outline-none cursor-pointer" />
{/* Frequency Picker */}
Frekuensi:
{/* Immediate Manual Backup Trigger Button */}
{/* Execution Alert / Status Message */} {executionMessage && (
{executionMessage}
)} {/* JSON Structure Preview Toggle */}
{showJsonPreview && (
// Contoh JSON yang di-backup ke Google Drive: 
                  {JSON.stringify({
                    version: "2.0",
                    system: "EMS MEDIAN HRIS ENTERPRISE",
                    tenant: "PT MEDIAN ENTERPRISE DATA",
                    exportedAt: new Date().toISOString(),
                    totalEmployees: employees.length,
                    sampleRecord: employees[0] ? {
                      nip: employees[0].nip,
                      name: employees[0].name,
                      position: employees[0].position,
                      division: employees[0].division,
                      status: employees[0].status
                    } : "No employees"
                  }, null, 2)}
)}
{/* History Logs Table */}

Riwayat Execution Logs Backup Google Drive

Total {logs.length} Log Tersimpan
{logs.length === 0 ? ( ) : ( logs.map((log) => ( )) )}
Waktu & Tanggal Nama File Backup Record Ukuran Trigger Status Aksi
Belum ada riwayat backup. Klik "Jalankan Backup Sekarang" di atas.
{log.timestamp} {log.fileName} {log.recordCount} emp {log.fileSize} {log.triggerType === "AUTO_NIGHTLY" ? "OTOMATIS" : "MANUAL"} {log.status === "SUCCESS" ? : } {log.status}
{log.driveUrl && ( )}
{/* Footer info */}
Terintegrasi dengan Backend Google Drive Service (`/api/gdrive/upload`)
); }