feat: 31 languages + disk safety panel + electron auto-updater + VM uninstall
i18n: - Expanded from 6 to 31 languages (no Hebrew per policy) - Added: pt, ru, ja, ko, hi, tr, it, nl, pl, sv, id, uk, th, vi, fa, cs, ms, ro, el, bn, hu, fi, da, no, ur - RTL support for ar, fa, ur - Language selector dropdown wired into dashboard navbar Disk Safety: - New backend route /api/v1/disk-settings (GET/POST/cleanup) - Frontend modal with sliders for health interval, max entries, retention days - Clean Up Now button triggers immediate cleanup - Wired into dashboard navbar Desktop Auto-Updater (from timed-out subagent): - electron-updater installed and configured - Checks get.dashcaddy.net/release/ for updates - Publish config added to package.json VM Uninstall: - Wizard calls vmDestroy before regular uninstall - Cleans up VM/disk sandbox on uninstall Cleanup: - Recursive data nesting guard (nesting-guard.js) - Removed 242MB of data/data/data/ duplicates
This commit is contained in:
Krystie
@@ -0,0 +1,124 @@
|
||||
// Disk Safety Settings Panel
|
||||
(function() {
|
||||
let diskSettings = null;
|
||||
|
||||
async function loadDiskSettings() {
|
||||
try {
|
||||
const res = await secureFetch('/api/v1/disk-settings');
|
||||
if (res.ok) {
|
||||
diskSettings = await res.json();
|
||||
renderDiskSettingsModal();
|
||||
}
|
||||
} catch (e) {
|
||||
console.error('Failed to load disk settings:', e);
|
||||
}
|
||||
}
|
||||
|
||||
function renderDiskSettingsModal() {
|
||||
const existing = document.getElementById('disk-settings-modal');
|
||||
if (existing) existing.remove();
|
||||
|
||||
const c = diskSettings?.current || {};
|
||||
const du = diskSettings?.diskUsage || {};
|
||||
const usedGB = (du.dataDirSize / 1073741824).toFixed(2);
|
||||
const diskFreeGB = (du.free / 1073741824).toFixed(1);
|
||||
const diskTotalGB = (du.total / 1073741824).toFixed(1);
|
||||
const diskPct = du.total > 0 ? ((du.used / du.total) * 100).toFixed(1) : 0;
|
||||
|
||||
const modal = document.createElement('div');
|
||||
modal.id = 'disk-settings-modal';
|
||||
modal.className = 'modal';
|
||||
modal.style.cssText = 'display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10000;align-items:center;justify-content:center;';
|
||||
modal.innerHTML = `
|
||||
<div style="background:var(--bg-card,#1a1a2e);border-radius:12px;padding:28px;max-width:520px;width:90%;max-height:85vh;overflow-y:auto;border:1px solid var(--border,#333);">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">
|
||||
<h2 style="margin:0;font-size:1.3rem;">💾 Disk Safety</h2>
|
||||
<button onclick="document.getElementById('disk-settings-modal').remove()" style="background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted,#888);">×</button>
|
||||
</div>
|
||||
|
||||
<div style="background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.2);border-radius:8px;padding:14px;margin-bottom:20px;">
|
||||
<div style="display:flex;justify-content:space-between;margin-bottom:6px;">
|
||||
<span style="font-size:0.9rem;color:var(--text-muted,#888);">DashCaddy Data Size</span>
|
||||
<span style="font-weight:600;">${usedGB} GB</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;margin-bottom:6px;">
|
||||
<span style="font-size:0.9rem;color:var(--text-muted,#888);">Disk Free</span>
|
||||
<span style="font-weight:600;">${diskFreeGB} GB / ${diskTotalGB} GB (${diskPct}% used)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display:grid;gap:16px;">
|
||||
${settingRow('Health Check Interval', 'healthInterval', c.healthCheckInterval, 'seconds', Math.round((c.healthCheckInterval||30000)/1000), 5, 300)}
|
||||
${settingRow('Max Health Entries/Service', 'healthMaxEntries', c.healthMaxEntries, 'entries', c.healthMaxEntries||500, 50, 5000)}
|
||||
${settingRow('Health Retention', 'healthRetentionDays', c.healthRetentionDays, 'days', c.healthRetentionDays||14, 1, 90)}
|
||||
${settingRow('Max Stats Entries', 'statsMaxEntries', c.statsMaxEntries, 'entries', c.statsMaxEntries||500, 100, 10000)}
|
||||
${settingRow('Max Audit Entries', 'auditMaxEntries', c.auditMaxEntries, 'entries', c.auditMaxEntries||1000, 100, 10000)}
|
||||
</div>
|
||||
|
||||
<div style="display:flex;gap:10px;margin-top:24px;">
|
||||
<button onclick="saveDiskSettings()" style="flex:1;padding:10px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;">Save Settings</button>
|
||||
<button onclick="cleanupDiskNow()" style="flex:1;padding:10px 16px;background:rgba(239,68,68,0.15);color:#f87171;border:1px solid rgba(239,68,68,0.3);border-radius:8px;cursor:pointer;font-weight:600;">Clean Up Now</button>
|
||||
</div>
|
||||
<p style="font-size:0.8rem;color:var(--text-muted,#666);margin-top:12px;text-align:center;">Some changes apply on next container restart.</p>
|
||||
</div>
|
||||
`;
|
||||
document.body.appendChild(modal);
|
||||
}
|
||||
|
||||
function settingRow(label, id, current, unit, displayVal, min, max) {
|
||||
return `
|
||||
<div>
|
||||
<label style="font-size:0.85rem;color:var(--text-muted,#aaa);display:block;margin-bottom:4px;">${label}</label>
|
||||
<div style="display:flex;align-items:center;gap:10px;">
|
||||
<input type="range" id="disk-${id}" min="${min}" max="${max}" value="${displayVal}" oninput="document.getElementById('disk-${id}-val').textContent=this.value"
|
||||
style="flex:1;accent-color:#6366f1;">
|
||||
<span id="disk-${id}-val" style="min-width:50px;text-align:right;font-weight:600;">${displayVal}</span>
|
||||
<span style="font-size:0.8rem;color:var(--text-muted,#666);min-width:60px;">${unit}</span>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
async function saveDiskSettings() {
|
||||
const payload = {
|
||||
healthInterval: parseInt(document.getElementById('disk-healthInterval').value) * 1000,
|
||||
healthMaxEntries: parseInt(document.getElementById('disk-healthMaxEntries').value),
|
||||
healthRetentionDays: parseInt(document.getElementById('disk-healthRetentionDays').value),
|
||||
statsMaxEntries: parseInt(document.getElementById('disk-statsMaxEntries').value),
|
||||
auditMaxEntries: parseInt(document.getElementById('disk-auditMaxEntries').value),
|
||||
};
|
||||
try {
|
||||
const res = await secureFetch('/api/v1/disk-settings', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(payload)
|
||||
});
|
||||
const data = await res.json();
|
||||
if (data.success) {
|
||||
showToast('Disk settings saved', 'success');
|
||||
} else {
|
||||
showToast(data.error || 'Save failed', 'error');
|
||||
}
|
||||
} catch (e) {
|
||||
showToast('Error: ' + e.message, 'error');
|
||||
}
|
||||
}
|
||||
|
||||
async function cleanupDiskNow() {
|
||||
if (!confirm('Clean up old health entries, stats, and audit logs now?')) return;
|
||||
try {
|
||||
const res = await secureFetch('/api/v1/disk-settings/cleanup', { method: 'POST' });
|
||||
const data = await res.json();
|
||||
if (data.success) {
|
||||
const items = Object.entries(data.results.cleaned).map(([k,v]) => `${k}: ${v}`).join('\n');
|
||||
showToast('Cleanup complete', 'success');
|
||||
loadDiskSettings();
|
||||
}
|
||||
} catch (e) {
|
||||
showToast('Error: ' + e.message, 'error');
|
||||
}
|
||||
}
|
||||
|
||||
window.openDiskSettings = function() { loadDiskSettings(); };
|
||||
window.saveDiskSettings = saveDiskSettings;
|
||||
window.cleanupDiskNow = cleanupDiskNow;
|
||||
})();
|
||||
Reference in New Issue
Block a user