14 lines
1.3 KiB
HTML
14 lines
1.3 KiB
HTML
<div id="controls">
|
|
<material-button id="reset" (click)="onResetClicked()"><material-icon icon="replay" baseline></material-icon></material-button>
|
|
<material-button id="run" (click)="onStartClicked()">
|
|
<span [ngSwitch]="engine.running">
|
|
<material-icon *ngSwitchCase="false" icon="play_arrow" baseline></material-icon>
|
|
<material-icon *ngSwitchCase="true" icon="pause" baseline></material-icon>
|
|
</span>
|
|
</material-button>
|
|
<material-button id="step" (click)="onStepClicked()" materialTooltip="Step Forward"><material-icon icon="arrow_right" baseline></material-icon></material-button>
|
|
<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>
|
|
<span [materialTooltip]="simSpeed.toString()"><material-icon icon="alarm" baseline></material-icon><material-slider [max]="10" [min]="1" [(value)]="simSpeed"></material-slider></span>
|
|
<material-button id="edges" (click)="onEdgesClicked()"><material-icon icon="border_all" baseline></material-icon></material-button>
|
|
</div> |