2019-03-27 15:26:20 +01:00
|
|
|
export class Counter extends owl.core.Component {
|
2019-03-18 14:34:35 +01:00
|
|
|
inlineTemplate = `
|
2019-03-18 11:35:03 +01:00
|
|
|
<div>
|
|
|
|
|
<button t-on-click="increment(-1)">-</button>
|
|
|
|
|
<span style="font-weight:bold">Value: <t t-esc="state.counter"/></span>
|
|
|
|
|
<button t-on-click="increment(1)">+</button>
|
|
|
|
|
</div>`;
|
|
|
|
|
constructor(parent, props) {
|
|
|
|
|
super(parent, props);
|
|
|
|
|
this.state = {
|
|
|
|
|
counter: props.initialState || 0
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
increment(delta) {
|
2019-03-19 10:05:46 +01:00
|
|
|
this.updateState({ counter: this.state.counter + delta });
|
2019-03-18 11:35:03 +01:00
|
|
|
}
|
|
|
|
|
}
|