From 7d4dc3fc377b09f14feb7a299e175a96047b5a99 Mon Sep 17 00:00:00 2001
From: KostyaDanovsky <kostya.danovsky@gmail.com>
Date: Wed, 20 Sep 2017 14:53:40 +0300
Subject: [PATCH] fix(dashboard): fix issue with svg filter for the Firefox

---
 .../rooms/room-selector/room-selector.component.html          | 4 ++--
 .../dashboard/rooms/room-selector/room-selector.component.ts  | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
index 84706b99..8fc0c75a 100644
--- a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
+++ b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
@@ -76,9 +76,9 @@
     </g>
 
     <g [attr.id]="room.id" [class.selected-room]="selectedRoom == room.id" *ngFor="let room of sortedRooms">
-      <path class="room-bg" (click)="selectRoom(room.id)" [attr.d]="room.area.d" [style.filter]="isIE ? 'inherit': ''" />
+      <path class="room-bg" (click)="selectRoom(room.id)" [attr.d]="room.area.d" [style.filter]="isIE || isFirefox ? 'inherit': ''" />
       <path class="room-border" [attr.d]="room.border.d" />
-      <path class="room-border room-border-glow" [attr.d]="room.border.d" [style.filter]="isIE ? 'inherit': ''" />
+      <path class="room-border room-border-glow" [attr.d]="room.border.d" [style.filter]="isIE || isFirefox ? 'inherit': ''" />
       <text class="room-text" (click)="selectRoom(room.id)" text-anchor="middle"
             [attr.x]="room.name.x" [attr.y]="room.name.y">{{room.name.text}}</text>
     </g>
diff --git a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.ts b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.ts
index 9b3e03cf..64906866 100644
--- a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.ts
+++ b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.ts
@@ -12,6 +12,7 @@ export class RoomSelectorComponent {
   sortedRooms = [];
   viewBox = '-20 -20 618.88 407.99';
   isIE = !!(navigator.userAgent.match(/Trident/) || !!navigator.userAgent.match(/MSIE/));
+  isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') >= 0;
   roomSvg = {
     borders: [{
       d: 'M186.21,130.05H216.37V160H186.21Z',