From abd2c3ac238a104cffb22a9842ff79563884355c Mon Sep 17 00:00:00 2001
From: Marty Oehme <marty.oehme@gmail.com>
Date: Thu, 23 Aug 2018 12:07:54 +0200
Subject: [PATCH] Add Speed Slider Tooltip

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

diff --git a/lib/components/controls_component.dart b/lib/components/controls_component.dart
index b2c09e3..02cbe1a 100644
--- a/lib/components/controls_component.dart
+++ b/lib/components/controls_component.dart
@@ -13,6 +13,7 @@ import 'package:rules_of_living/src/Engine.dart';
 class ControlsComponent {
   final EngineService engineService;
   int simSpeed = 5;
+  String get speedSliderTooltip => "Simulation Speed: $simSpeed";
 
   Engine get engine => engineService.engine;
   ControlsComponent(this.engineService);
diff --git a/lib/components/controls_component.html b/lib/components/controls_component.html
index 76a64e3..b5ab389 100644
--- a/lib/components/controls_component.html
+++ b/lib/components/controls_component.html
@@ -9,6 +9,6 @@
     <material-button id="step" (click)="onStepClicked()" materialTooltip="Step Forward"><material-icon icon="skip_next" 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>
+    <span [materialTooltip]="speedSliderTooltip"><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>
\ No newline at end of file