dmn-js-decision-table
Version:
A decision table view for dmn-js
40 lines • 1.2 kB
JavaScript
import { createVNode } from "inferno";
import { Component } from 'inferno';
export default class AddOutput extends Component {
constructor(props, context) {
super(props, context);
this._sheet = context.injector.get('sheet');
this._eventBus = context.injector.get('eventBus');
this._changeSupport = context.changeSupport;
this._translate = context.injector.get('translate');
}
onElementsChanged = () => {
this.forceUpdate();
};
componentWillMount() {
const root = this.getRoot();
this._changeSupport.onElementsChanged(root.id, this.onElementsChanged);
}
componentWillUnmount() {
const root = this.getRoot();
this._changeSupport.offElementsChanged(root.id, this.onElementsChanged);
}
getRoot() {
return this._sheet.getRoot();
}
handleClick = e => {
e.stopPropagation();
this.add();
};
add = () => {
this._eventBus.fire('addOutput');
};
render() {
return createVNode(1, "div", "add-output actionable", createVNode(1, "button", "dmn-icon-plus action-icon", null, 1, {
"title": this._translate('Add output')
}), 2, {
"onClick": this.handleClick
});
}
}
//# sourceMappingURL=AddOutput.js.map