diff --git a/luci-app-ruantiblock/htdocs/luci-static/resources/view/ruantiblock/abstract-log.js b/luci-app-ruantiblock/htdocs/luci-static/resources/view/ruantiblock/abstract-log.js
index 406b06b..e8a5c14 100644
--- a/luci-app-ruantiblock/htdocs/luci-static/resources/view/ruantiblock/abstract-log.js
+++ b/luci-app-ruantiblock/htdocs/luci-static/resources/view/ruantiblock/abstract-log.js
@@ -325,8 +325,8 @@ return baseclass.extend({
},
makeLogArea: function(logdataArray) {
- let lines = `
${_('No entries available...')}
`;
- let logTable = E('div', { 'id': 'logTable', 'class': 'table' });
+ let lines = `| ${_('No entries available...')} |
`;
+ let logTable = E('table', { 'id': 'logTable', 'class': 'table' });
for(let level of Object.keys(this.logLevels)) {
this.logLevelsStat[level] = 0;
@@ -340,25 +340,25 @@ return baseclass.extend({
};
lines.push(
- `${e[0]}
` +
- ((e[1]) ? `
${e[1]}
` : '') +
- ((e[2]) ? `
${e[2]}
` : '') +
- ((e[3]) ? `
${e[3]}
` : '') +
- ((e[4]) ? `
${e[4]}
` : '') +
- ((e[5]) ? `
${e[5]}
` : '') +
- `
`
+ `| ${e[0]} | ` +
+ ((e[1]) ? `${e[1]} | ` : '') +
+ ((e[2]) ? `${e[2]} | ` : '') +
+ ((e[3]) ? `${e[3]} | ` : '') +
+ ((e[4]) ? `${e[4]} | ` : '') +
+ ((e[5]) ? `${e[5]} | ` : '') +
+ `
`
);
});
lines = lines.join('');
logTable.append(
- E('div', { 'class': 'tr table-titles' }, [
- E('div', { 'class': 'th left log-entry-number' }, '#'),
- (logdataArray[0][1]) ? E('div', { 'class': 'th left log-entry-time' }, _('Timestamp')) : '',
- (logdataArray[0][2]) ? E('div', { 'class': 'th left log-entry-host' }, _('Host')) : '',
- (logdataArray[0][3]) ? E('div', { 'class': 'th left log-entry-log-level' }, _('Level')) : '',
- (logdataArray[0][4]) ? E('div', { 'class': 'th left log-entry-facility' }, _('Facility')) : '',
- (logdataArray[0][5]) ? E('div', { 'class': 'th left log-entry-message' }, _('Message')) : '',
+ E('tr', { 'class': 'tr table-titles' }, [
+ E('th', { 'class': 'th left log-entry-number' }, '#'),
+ (logdataArray[0][1]) ? E('th', { 'class': 'th left log-entry-time' }, _('Timestamp')) : '',
+ (logdataArray[0][2]) ? E('th', { 'class': 'th left log-entry-host' }, _('Host')) : '',
+ (logdataArray[0][3]) ? E('th', { 'class': 'th left log-entry-log-level' }, _('Level')) : '',
+ (logdataArray[0][4]) ? E('th', { 'class': 'th left log-entry-facility' }, _('Facility')) : '',
+ (logdataArray[0][5]) ? E('th', { 'class': 'th left log-entry-message' }, _('Message')) : '',
])
);
};