From 5d8769205cc6a5fe8d98d357b3eccb9c6a75deec Mon Sep 17 00:00:00 2001
From: Vladimir Lugovsky <lugovsky.v@gmail.com>
Date: Thu, 13 Jul 2017 14:10:33 +0300
Subject: [PATCH] feat(temperatureDragger): fix rendering issues

---
 .../temperature-dragger/temperature-dragger.component.html     | 3 ++-
 .../temperature-dragger/temperature-dragger.component.ts       | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.html b/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.html
index d6684ddd..200a0b11 100644
--- a/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.html
+++ b/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.html
@@ -21,7 +21,8 @@
         <g class="toFilter" filter="url(#blurFilter)">
           <path [attr.d]="arc.d" [attr.fill]="arc.color" *ngFor="let arc of styles.gradArcs"></path>
         </g>
-        <path [attr.d]="styles.nonSelectedArc.d" [attr.fill]="styles.nonSelectedArc.color"></path>
+        <!-- ngFor is a quirk fix for webkit rendering issues -->
+        <path [attr.d]="styles.nonSelectedArc.d" [attr.fill]="styles.nonSelectedArc.color" *ngFor="let number of [0,1,2,3,4,5]"></path>
       </g>
 
       <circle [attr.cx]="styles.thumbPosition.x" [attr.cy]="styles.thumbPosition.y" [attr.r]="pinRadius"
diff --git a/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.ts b/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.ts
index 5fd46723..e089240a 100644
--- a/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.ts
+++ b/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.ts
@@ -30,6 +30,7 @@ export class TemperatureDraggerComponent implements AfterViewInit, OnChanges {
 
   @Input() min: number = 0; // min output value
   @Input() max: number = 100; // max output value
+  @Input() step = 0.1;
 
   @Output() power = new EventEmitter<boolean>();
 
@@ -345,7 +346,7 @@ export class TemperatureDraggerComponent implements AfterViewInit, OnChanges {
   }
 
   private toValueNumber(factor) {
-    return factor * (this.max - this.min) + this.min;
+    return Math.round(factor * (this.max - this.min) / this.step) * this.step + this.min;
   }
 
   private static toRad(angle) {