70 lines
1.7 KiB
JavaScript
70 lines
1.7 KiB
JavaScript
const m = require('mithril')
|
|
const createModule = require('../common/module')
|
|
const Module = require('../module')
|
|
const components = require('../common/components')
|
|
const socket = require('../../shared/socket')
|
|
const store = require('../store')
|
|
|
|
const Add = Module({
|
|
init: function() {
|
|
this.engines = []
|
|
this.graphic = { }
|
|
this._socketOn(() => this.socketOpen())
|
|
},
|
|
|
|
socketOpen: function() {
|
|
socket.on('engine.all', (res) => {
|
|
this.engines = res
|
|
m.redraw()
|
|
})
|
|
|
|
socket.on('graphic.created', (res) => {
|
|
if (res.name === this.graphic.name) {
|
|
m.route.set(`/graphic/${res.id}`)
|
|
}
|
|
})
|
|
|
|
socket.emit('engine.all', {})
|
|
},
|
|
|
|
updated: function(name, control) {
|
|
this.graphic[name] = control.target.value
|
|
},
|
|
|
|
create: function() {
|
|
if (!this.graphic.engine) {
|
|
this.graphic.engine = this.engines[0]
|
|
}
|
|
if (!this.graphic.name) {
|
|
this.error = 'Name cannot be empty'
|
|
return
|
|
}
|
|
|
|
socket.emit('graphic.create', this.graphic)
|
|
},
|
|
|
|
removing: function() {
|
|
store.unlisten('graphic.single')
|
|
},
|
|
view: function() {
|
|
return [
|
|
m('h4.header', 'Add graphic'),
|
|
components.error(this.error),
|
|
m('label', { for: 'create-name' }, 'Name'),
|
|
m('input#create-name[type=text]', {
|
|
oninput: (control) => this.updated('name', control),
|
|
}),
|
|
m('label', { for: 'create-engine' }, 'Engine'),
|
|
m('select', {
|
|
onchange: (control) => this.updated('engine', control),
|
|
}, this.engines.map(engine =>
|
|
m('option', { key: engine, value: engine }, engine)
|
|
)),
|
|
m('input[type=submit]', {
|
|
value: 'Create',
|
|
onclick: () => this.create(),
|
|
}),
|
|
]
|
|
},
|
|
})
|
|
module.exports = Add
|