{$_LANG['Overview']['RAM']}
+ +{$_LANG['Overview']['Bandwidth']}
+ +{$_LANG['Overview']['Disk']}
+ +{$_LANG['Overview']['CPU']}
+ +{$_LANG['Graphs']['Loading']}
+{$_LANG['Graphs']['Loading']}
+{$_LANG['Graphs']['Loading']}
+{$_LANG['Graphs']['Loading']}
+| {$_LANG['Backups']['Date']} | +{$_LANG['Backups']['Size']} | +{$_LANG['Backups']['Type']} | +{$_LANG['Backups']['Status']} | +{$_LANG['Backups']['Actions']} | +
|---|---|---|---|---|
| Loading backup data... | +||||
No CPU graph available
'; + if ($_('ram-graph')) $_('ram-graph').innerHTML = data.mem_img ? data.mem_img : 'No RAM graph available
'; + if ($_('disk-graph')) $_('disk-graph').innerHTML = data.disk_img ? data.disk_img : 'No Disk graph available
'; + if ($_('network-graph')) $_('network-graph').innerHTML = data.net_img ? data.net_img : 'No Network graph available
'; + + // Add graphs class for styling + if ($_('cpu-graph')) $_('cpu-graph').classList.add('graphs'); + if ($_('ram-graph')) $_('ram-graph').classList.add('graphs'); + if ($_('disk-graph')) $_('disk-graph').classList.add('graphs'); + if ($_('network-graph')) $_('network-graph').classList.add('graphs'); + + break; + + case 'Reinstall': + window.location.reload(); + break; + + case 'List backups': + const backupTable = $_('backupTable').getElementsByTagName('tbody')[0]; + + delete data.result; + $('#backupTable tbody').find('tr').remove(); + + for (let i = 0; i < Object.keys(data).length; i++) { + const backup = data[Object.keys(data)[i]]; + + const row = backupTable.insertRow(); + const date = row.insertCell(0); + const size = row.insertCell(1); + const type = row.insertCell(2); + const status = row.insertCell(3); + const actions = row.insertCell(4); + + date.innerHTML = new Date(backup.date).toLocaleString(); + size.innerHTML = (backup.size !== '' ? backup.size : '0.00GB'); + type.innerHTML = backup.type; + + if (backup.status === 'ok') { + status.innerHTML = 'No CPU graph available
'; + if ($_('ram-graph')) $_('ram-graph').innerHTML = data.mem_img ? data.mem_img : 'No RAM graph available
'; + if ($_('disk-graph')) $_('disk-graph').innerHTML = data.disk_img ? data.disk_img : 'No Disk graph available
'; + if ($_('network-graph')) $_('network-graph').innerHTML = data.net_img ? data.net_img : 'No Network graph available
'; + + // Add graphs class for styling + if ($_('cpu-graph')) $_('cpu-graph').classList.add('graphs'); + if ($_('ram-graph')) $_('ram-graph').classList.add('graphs'); + if ($_('disk-graph')) $_('disk-graph').classList.add('graphs'); + if ($_('network-graph')) $_('network-graph').classList.add('graphs'); + + break; + + case 'Reinstall': + window.location.reload(); + break; + + case 'List backups': + const backupTable = $_('backupTable').getElementsByTagName('tbody')[0]; + + delete data.result; + $('#backupTable tbody').find('tr').remove(); + + for (let i = 0; i < Object.keys(data).length; i++) { + const backup = data[Object.keys(data)[i]]; + + const row = backupTable.insertRow(); + const date = row.insertCell(0); + const size = row.insertCell(1); + const type = row.insertCell(2); + const status = row.insertCell(3); + const actions = row.insertCell(4); + + date.innerHTML = new Date(backup.date).toLocaleString(); + size.innerHTML = (backup.size !== '' ? backup.size : '0.00GB'); + type.innerHTML = backup.type; + + if (backup.status === 'ok') { + status.innerHTML = '