From bd7990991e00b48eeedb08e0ec192d035bdf927f Mon Sep 17 00:00:00 2001
From: Marty Oehme <marty.oehme@gmail.com>
Date: Thu, 23 Aug 2018 09:33:15 +0200
Subject: [PATCH] Connect Speed Slider to internal Variable

---
 lib/components/controls_component.dart | 2 ++
 lib/components/controls_component.html | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/lib/components/controls_component.dart b/lib/components/controls_component.dart
index 3f0fa1b..cd18105 100644
--- a/lib/components/controls_component.dart
+++ b/lib/components/controls_component.dart
@@ -12,6 +12,8 @@ import 'package:rules_of_living/src/Engine.dart';
 )
 class ControlsComponent {
   final EngineService engineService;
+  int simSpeed = 5;
+
   Engine get engine => engineService.engine;
   ControlsComponent(this.engineService);
 
diff --git a/lib/components/controls_component.html b/lib/components/controls_component.html
index cc6f600..4d07357 100644
--- a/lib/components/controls_component.html
+++ b/lib/components/controls_component.html
@@ -9,6 +9,6 @@
     <material-button id="random" (click)="onRandomClicked()"><i class="fas fa-random"></i></material-button>
     <material-button id="reset" (click)="onResetClicked()"><i class="fas fa-undo"></i></material-button>
     <material-button id="clear" (click)="onClearClicked()"><i class="fas fa-trash-alt"></i></material-button>
-    <i class="fas fa-clock"> Speed:</i><material-slider [max]="10" [min]="1" [value]="1" ></material-slider>
+    <i class="fas fa-clock">{{simSpeed}}</i> <material-slider [max]="10" [min]="1" [(value)]="simSpeed" ></material-slider>
     <material-button id="edges" (click)="onEdgesClicked()"><i class="fas fa-chess-board"></i> </material-button>
 </div>
\ No newline at end of file