fix(iot): add path to svg urls

https://stackoverflow.com/a/18265336/1400662

src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.ts

@@ -1,6 +1,15 @@
 import {
-  Component, HostListener, ViewChild, ElementRef, Input, Output, EventEmitter, AfterViewInit, OnChanges,
+  Component,
+  HostListener,
+  ViewChild,
+  ElementRef,
+  Input,
+  Output,
+  EventEmitter,
+  AfterViewInit,
+  OnChanges,
 } from '@angular/core';
+import { Location, LocationStrategy } from '@angular/common';
 
 const VIEW_BOX_SIZE = 300;
 
@@ -77,7 +86,10 @@ export class TemperatureDraggerComponent implements AfterViewInit, OnChanges {
   private isMouseDown = false;
   private init = false;
 
-  constructor() {
+  constructor(
+    private location: Location,
+    private locationStrategy: LocationStrategy,
+  ) {
     this.oldValue = this.value;
   }
 
@@ -116,6 +128,16 @@ export class TemperatureDraggerComponent implements AfterViewInit, OnChanges {
     this.invalidatePinPosition();
   }
 
+  getUrlPath(id: string) {
+    let baseHref = this.locationStrategy.getBaseHref();
+    if (baseHref.endsWith('')) {
+      baseHref = baseHref.slice(0, -1);
+    }
+    const path = this.location.path();
+
+    return `url(${baseHref}${path}${id}${this.svgControlId})`;
+  }
+
   private invalidate(): void {
     this.bottomAngleRad = TemperatureDraggerComponent.toRad(this.bottomAngle);
     this.calculateVars();