experiments/cellular-automata
1
0
Fork 0
Code Issues 29 Pull requests Projects Releases Wiki Activity

Add FontAwesome Icons to Buttons

Browse source
This commit is contained in:
Marty Oehme 2018-07-07 19:05:56 +02:00
parent 96a5bd0cec
commit 69b680e554
3 changed files with 23 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

16
lib/app_component.html
View file

@ -1,14 +1,20 @@
<h1>Cellular Automata - The Rules of Life</h1>
<div id="rules-input">
Ruleset: <input type="text" title="ruleset" content="S23/B3">
<i class="fas fa-paint-brush"></i>
</div>
<div id="output">
<canvas #caCanvas width="500" height="500"></canvas>
</div>
<div id="controls">
<button id="run" (click)="onStartClicked()">{{buttonRunText}}</button>
<button id="step">Step</button>
<button id="reset">Reset</button>
<button id="random">Random</button>
Speed: <input type="text" title="speed" value="1">
<button id="run" (click)="onStartClicked()">
<span [ngSwitch]="engine.running">
<i *ngSwitchCase="false" class="fas fa-play"></i>
<i *ngSwitchCase="true" class="fas fa-stop"></i>
</span>
</button>
<button id="step" (click)="onStepClicked()"><i class="fas fa-step-forward"></i></button>
<button id="reset" (click)="onResetClicked()"><i class="fas fa-undo"></i></button>
<button id="random" (click)="onRandomClicked()"><i class="fas fa-random"></i></button>
<i class="fas fa-clock"> Speed:</i><input type="text" title="speed" value="1">
</div>