Spiff up the form buttons with type and disabled attributes

This commit is contained in:
Michael Lange
2018-08-17 18:20:15 -07:00
parent a5d6790eba
commit da8a6e4f2b

View File

@@ -50,7 +50,7 @@
</div>
</div>
<div class="content is-associative">
<button class="button is-primary {{if plan.isRunning "is-loading"}}" onclick={{perform plan}} data-test-plan>Plan</button>
<button class="button is-primary {{if plan.isRunning "is-loading"}}" type="button" onclick={{perform plan}} disabled={{or plan.isRunning (not model._newDefinition)}} data-test-plan>Plan</button>
</div>
{{/if}}
@@ -75,8 +75,8 @@
</div>
</div>
<div class="content is-associative">
<button class="button is-primary {{if submit.isRunning "is-loading"}}" onclick={{perform submit}} data-test-run>Run</button>
<button class="button is-light" onclick={{action reset}} data-test-cancel>Cancel</button>
<button class="button is-primary {{if submit.isRunning "is-loading"}}" type="button" onclick={{perform submit}} disabled={{submit.isRunning}} data-test-run>Run</button>
<button class="button is-light" type="button" onclick={{action reset}} data-test-cancel>Cancel</button>
</div>
{{/if}}
</section>