test-app/app/templates/calculator.hbs
<div class="calculator">
<div class="screen">
{{input value=this.expression}}
<div class="result">
{{this.result}}
</div>
{{#if this.loading}}
<div class="loading">
loading...
</div>
{{/if}}
</div>
<div class="keyboard">
<div class="numbers">
<button type="button" {{action "keyPress" "1"}}>1</button>
<button type="button" {{action "keyPress" "2"}}>2</button>
<button type="button" {{action "keyPress" "3"}}>3</button>
<button type="button" {{action "keyPress" "4"}}>4</button>
<button type="button" {{action "keyPress" "5"}}>5</button>
<button type="button" {{action "keyPress" "6"}}>6</button>
<button type="button" {{action "keyPress" "7"}}>7</button>
<button type="button" {{action "keyPress" "8"}}>8</button>
<button type="button" {{action "keyPress" "9"}}>9</button>
<button type="button" {{action "keyPress" "0"}}>0</button>
</div>
<div class="operators">
<button type="button" {{action "keyPress" "+"}}>+</button>
<button type="button" {{action "keyPress" "-"}}>-</button>
<button type="button" {{action "keyPress" "="}}>=</button>
<button type="button" {{action "keyPress" "=" true}}>async=</button>
</div>
</div>
</div>