107 lines
3.0 KiB
JavaScript
107 lines
3.0 KiB
JavaScript
'use strict';
|
|
'require view';
|
|
'require secubox-admin.api as API';
|
|
'require poll';
|
|
|
|
return view.extend({
|
|
selectedService: 'system',
|
|
|
|
load: function() {
|
|
return L.resolveDefault(API.getLogs(this.selectedService, 100), { logs: '' });
|
|
},
|
|
|
|
render: function(logsData) {
|
|
var self = this;
|
|
var logs = logsData.logs || '';
|
|
|
|
var container = E('div', { 'class': 'cyberpunk-mode secubox-logs' }, [
|
|
E('link', { 'rel': 'stylesheet', 'type': 'text/css',
|
|
'href': L.resource('secubox-admin/cyberpunk.css') + '?v=' + Date.now() }),
|
|
E('link', { 'rel': 'stylesheet',
|
|
'href': L.resource('secubox-admin/common.css') }),
|
|
E('link', { 'rel': 'stylesheet',
|
|
'href': L.resource('secubox-admin/admin.css') }),
|
|
|
|
E('div', { 'class': 'cyber-header' }, [
|
|
E('div', { 'class': 'cyber-header-title' }, '📋 SYSTEM LOGS'),
|
|
E('div', { 'class': 'cyber-header-subtitle' }, 'View logs from system services and applications')
|
|
]),
|
|
|
|
E('div', { 'class': 'logs-controls' }, [
|
|
E('select', {
|
|
'class': 'service-selector',
|
|
'change': function(ev) {
|
|
self.changeService(ev.target.value);
|
|
}
|
|
}, [
|
|
E('option', { 'value': 'system' }, 'System'),
|
|
E('option', { 'value': 'kernel' }, 'Kernel'),
|
|
E('option', { 'value': 'dockerd' }, 'Docker'),
|
|
E('option', { 'value': 'dnsmasq' }, 'DNS'),
|
|
E('option', { 'value': 'firewall' }, 'Firewall')
|
|
]),
|
|
E('button', {
|
|
'class': 'btn btn-primary',
|
|
'click': function() { self.refreshLogs(); }
|
|
}, 'Refresh'),
|
|
E('button', {
|
|
'class': 'btn',
|
|
'click': function() { self.downloadLogs(); }
|
|
}, 'Download')
|
|
]),
|
|
|
|
E('div', { 'class': 'logs-viewer card' }, [
|
|
E('pre', { 'id': 'log-content', 'class': 'log-content' }, logs || 'No logs available')
|
|
])
|
|
]);
|
|
|
|
// Auto-refresh every 10 seconds
|
|
poll.add(L.bind(this.pollLogs, this), 10);
|
|
|
|
return container;
|
|
},
|
|
|
|
changeService: function(service) {
|
|
this.selectedService = service;
|
|
this.refreshLogs();
|
|
},
|
|
|
|
refreshLogs: function() {
|
|
var self = this;
|
|
API.getLogs(this.selectedService, 100).then(function(logsData) {
|
|
var logContent = document.getElementById('log-content');
|
|
if (logContent) {
|
|
logContent.textContent = logsData.logs || 'No logs available';
|
|
// Scroll to bottom
|
|
logContent.scrollTop = logContent.scrollHeight;
|
|
}
|
|
});
|
|
},
|
|
|
|
pollLogs: function() {
|
|
return API.getLogs(this.selectedService, 100).then(L.bind(function(logsData) {
|
|
var logContent = document.getElementById('log-content');
|
|
if (logContent) {
|
|
logContent.textContent = logsData.logs || 'No logs available';
|
|
}
|
|
}, this));
|
|
},
|
|
|
|
downloadLogs: function() {
|
|
var logContent = document.getElementById('log-content');
|
|
if (logContent) {
|
|
var blob = new Blob([logContent.textContent], { type: 'text/plain' });
|
|
var url = URL.createObjectURL(blob);
|
|
var a = document.createElement('a');
|
|
a.href = url;
|
|
a.download = this.selectedService + '-logs.txt';
|
|
a.click();
|
|
URL.revokeObjectURL(url);
|
|
}
|
|
},
|
|
|
|
handleSaveApply: null,
|
|
handleSave: null,
|
|
handleReset: null
|
|
});
|