2018-08-22 18:16:31 +00:00
< div id = "controls" >
2018-08-23 09:34:08 +00:00
< material-button id = "reset" ( click ) = " onResetClicked ( ) " > < material-icon icon = "replay" baseline > < / material-icon > < / material-button >
2018-08-22 18:16:31 +00:00
< material-button id = "run" ( click ) = " onStartClicked ( ) " >
< span [ ngSwitch ] = " engine . running " >
2018-08-23 09:34:08 +00:00
< material-icon * ngSwitchCase = "false" icon = "play_arrow" baseline > < / material-icon >
< material-icon * ngSwitchCase = "true" icon = "pause" baseline > < / material-icon >
2018-08-22 18:16:31 +00:00
< / span >
< / material-button >
2018-08-23 10:07:43 +00:00
< material-button id = "step" ( click ) = " onStepClicked ( ) " materialTooltip = "Step Forward" > < material-icon icon = "skip_next" baseline > < / material-icon > < / material-button >
2018-08-23 09:34:08 +00:00
< material-button id = "random" ( click ) = " onRandomClicked ( ) " materialTooltip = "Add Random Pattern" > < material-icon icon = "add" baseline > < / material-icon > < / material-button >
< material-button id = "clear" ( click ) = " onClearClicked ( ) " materialTooltip = "Clear" > < material-icon icon = "clear" baseline > < / material-icon > < / material-button >
2018-08-22 18:16:31 +00:00
< / div >