Charts require internet connection
'; + bootHistoryCanvas.parentNode.appendChild(placeholder); return; } @@ -549,7 +554,12 @@ const DashboardController = { // Check if Chart.js is loaded if (typeof Chart === 'undefined') { - console.error('Chart.js is not loaded, skipping backup size chart'); + console.error('Chart.js is not loaded, showing placeholder instead'); + backupSizeCanvas.style.display = 'none'; + const placeholder = document.createElement('div'); + placeholder.className = 'chart-placeholder'; + placeholder.innerHTML = 'Charts require internet connection
'; + backupSizeCanvas.parentNode.appendChild(placeholder); return; } @@ -1313,14 +1323,28 @@ const DashboardController = { // Initialize dashboard when document is loaded document.addEventListener('DOMContentLoaded', () => { - // Add Chart.js script dynamically - const chartScript = document.createElement('script'); - chartScript.src = 'https://cdn.jsdelivr.net/npm/chart.js'; - chartScript.onload = () => { - console.log('Chart.js loaded'); + // Check if Chart.js is already loaded + if (typeof Chart !== 'undefined') { + console.log('Chart.js already loaded'); DashboardController.init(); - }; - document.head.appendChild(chartScript); + } else { + // Add Chart.js script dynamically + const chartScript = document.createElement('script'); + chartScript.src = 'https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.js'; + chartScript.onload = () => { + console.log('Chart.js loaded successfully'); + // Wait a bit for Chart.js to initialize + setTimeout(() => { + DashboardController.init(); + }, 100); + }; + chartScript.onerror = (error) => { + console.error('Failed to load Chart.js:', error); + // Initialize without charts + DashboardController.init(); + }; + document.head.appendChild(chartScript); + } // Expose dashboard controller globally window.Dashboard = DashboardController; diff --git a/kernelsu_antibootloop_backup/webroot/js/main.js b/kernelsu_antibootloop_backup/webroot/js/main.js index ed47a22..07c912d 100644 --- a/kernelsu_antibootloop_backup/webroot/js/main.js +++ b/kernelsu_antibootloop_backup/webroot/js/main.js @@ -55,17 +55,14 @@ const AppState = { */ document.addEventListener('DOMContentLoaded', () => { // Initialize UI components - UI.initTheme(); - UI.initRipple(); - UI.initNavigation(); - UI.initBottomNav(); - UI.initModals(); - UI.initFab(); - UI.initSwitches(); - UI.initSliders(); + if (typeof UI !== 'undefined') { + UI.init(); // Use the main init function + } // Initialize Dashboard - Dashboard.init(); + if (typeof Dashboard !== 'undefined') { + Dashboard.init(); + } // Initialize WebUIX API connection initWebUIX(); @@ -83,7 +80,9 @@ document.addEventListener('DOMContentLoaded', () => { refreshData(); // Show toast to indicate app is ready - UI.showToast('Application initialized'); + if (typeof UI !== 'undefined' && UI.showNotification) { + UI.showNotification('Application initialized', 'info'); + } console.log('KernelSU Anti-Bootloop Backup WebUI initialized'); }); @@ -2038,4 +2037,320 @@ function formatSize(bytes) { const i = Math.floor(Math.log(bytes) / Math.log(k)); return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]; -} \ No newline at end of file +} + +/** + * Update system info in UI + */ +function updateSystemInfo() { + const { systemInfo } = AppState; + + // Update system overview + const deviceModel = document.getElementById('device-model'); + const androidVersion = document.getElementById('android-version'); + const kernelsuVersion = document.getElementById('kernelsu-version'); + const moduleVersion = document.getElementById('module-version'); + + if (deviceModel) deviceModel.textContent = systemInfo.deviceModel || 'Unknown'; + if (androidVersion) androidVersion.textContent = systemInfo.androidVersion || 'Unknown'; + if (kernelsuVersion) kernelsuVersion.textContent = systemInfo.kernelSUVersion || 'Unknown'; + if (moduleVersion) moduleVersion.textContent = systemInfo.moduleVersion || 'v1.0.0'; +} + +/** + * Parse size string to bytes for comparison + * @param {string} sizeStr - Size string (e.g., "1.2G") + * @returns {number} Size in bytes + */ +function parseSize(sizeStr) { + const units = { 'B': 1, 'KB': 1024, 'MB': 1024**2, 'GB': 1024**3, 'TB': 1024**4 }; + const match = sizeStr.match(/([\d.]+)\s*(\w+)/); + if (!match) return 0; + const [, value, unit] = match; + return parseFloat(value) * (units[unit] || 1); +} + +/** + * Show offline details dialog + */ +function showOfflineDetails() { + const content = ` +The application is currently running in offline mode. Some features may be limited:
+To restore full functionality, ensure:
+No activity to display
'; + } else { + content += '${logContent}
+ Version: ${APP_CONFIG.version}
+Author: Wiktor/overspend1
+Built: ${new Date().getFullYear()}
+Advanced KernelSU module that combines anti-bootloop protection with comprehensive backup and restoration capabilities.
+Device: ${AppState.systemInfo.deviceModel}
+Android: ${AppState.systemInfo.androidVersion}
+KernelSU: ${AppState.systemInfo.kernelSUVersion}
+Kernel: ${AppState.systemInfo.kernelVersion}
+