sc-manager/client/log/log.js

97 lines
2.7 KiB
JavaScript
Raw Normal View History

2020-09-08 07:53:42 +00:00
const m = require('mithril')
const socket = require('../socket')
const Module = require('../module')
const Log = Module({
init: function(vnode) {
this.activeAppName = 'service-core'
2020-09-08 07:53:42 +00:00
this.connected = socket.connected
this.loglines = []
2020-09-13 01:01:16 +00:00
this.logUpdated = false
2020-09-08 07:53:42 +00:00
this.on('newlog', data => {
this.loglines.push(this.formatLine(data))
2020-09-13 01:01:16 +00:00
this.logUpdated = true
2020-09-08 07:53:42 +00:00
m.redraw()
})
this.updateActiveApp(vnode.attrs.id)
this._socketOn(() => this.socketOpen())
},
onupdate: function(vnode) {
this.updateActiveApp(vnode.attrs.id)
2020-09-08 07:53:42 +00:00
},
remove: function() {
socket.emit('core.unlistenlogs', { name: this.activeAppName })
},
updateActiveApp(name) {
if (!name) {
name = 'service-core'
}
if (this.activeAppName === name) return
if (this.activeAppName !== name) {
socket.emit('core.unlistenlogs', { name: this.activeAppName })
}
this.activeAppName = name
this.socketOpen()
2020-09-08 07:53:42 +00:00
},
socketOpen: function() {
2020-09-08 07:53:42 +00:00
this.loglines = []
socket.emit('core.listenlogs', { name: this.activeAppName })
socket.emit('core.getlastlogs', { name: this.activeAppName }, (res) => {
2020-09-08 07:53:42 +00:00
this.loglines = res.map(this.formatLine)
2020-09-13 01:01:16 +00:00
this.logUpdated = true
2020-09-08 07:53:42 +00:00
m.redraw()
})
m.redraw()
2020-09-08 07:53:42 +00:00
},
formatLine: function(line) {
return m.trust(line.replace(/\\033\[37m/g, '<span class="white">')
.replace(/\\033\[33m/g, '<span class="yellow">')
.replace(/\\033\[36m/g, '<span class="cyan">')
.replace(/\\033\[35m/g, '<span class="magenta">')
.replace(/\\033\[31m/g, '<span class="red">')
.replace(/\\033\[7m/g, '<span class="inverse">')
.replace(/\\033\[32m/g, '<span class="green">')
.replace(/\\033\[27m/g, '</span>')
.replace(/\\033\[39m/g, '</span>'))
},
view: function() {
return [
m('div.actions', [
m(m.route.Link, {
class: 'button ' + (this.activeAppName === 'service-core' ? 'active' : 'inactive'),
href: '/log',
}, 'service-core'),
this.core.apps.map((app) => {
return m(m.route.Link, {
class: 'button ' + (this.activeAppName === app.name ? 'active' : 'inactive'),
href: '/log/' + app.name,
}, app.name)
}),
]),
2020-09-13 01:01:16 +00:00
m('div#logger', {
onupdate: (vnode) => {
if (this.logUpdated) {
vnode.dom.scrollTop = vnode.dom.scrollHeight
this.logUpdated = false
}
}
}, [
2020-09-08 07:53:42 +00:00
this.loglines.map((line, i) => {
return m('div', { key: i }, line)
}),
m('div.padder'),
]),
]
}
})
module.exports = Log