Signalr working with Font-Awesome

NzbDrone.Web/Scripts/NzbDrone/AutoBind.js

@@ -54,32 +54,48 @@
         });
     });
     
-    $('[data-status]').livequery(function () {
+    $('[data-status="Downloading"]').livequery(function () {
-        var status = $(this).attr('data-status');
-        
         $(this).removeClass(function (index, css) {
             return (css.match(/\bicon-\S+/g) || []).join(' ');
         });
 
-        if (status == 'Downloading') {
+        $(this).addClass('icon-download-alt');
-            $(this).addClass('icon-download-alt');
+    });
-        }
+
-        
+    $('[data-status="Ready"]').livequery(function() {
-        if (status == 'Ready') {
+        $(this).removeClass(function (index, css) {
-            $(this).addClass('icon-play');
+            return (css.match(/\bicon-\S+/g) || []).join(' ');
-        }
+        });
-        
+
-        if (status == 'AirsToday') {
+        $(this).addClass('icon-play');
-            $(this).addClass('icon-time');
-        }
         
-        if (status == 'NotAired') {
+    });
-            $(this).addClass('icon-calendar');
+    
-        }
+    $('[data-status="AirsToday"]').livequery(function () {
+        $(this).removeClass(function (index, css) {
+            return (css.match(/\bicon-\S+/g) || []).join(' ');
+        });
+
+        $(this).addClass('icon-time');
+
+    });
+    
+    $('[data-status="NotAired"]').livequery(function () {
+        $(this).removeClass(function (index, css) {
+            return (css.match(/\bicon-\S+/g) || []).join(' ');
+        });
+
+        $(this).addClass('icon-calendar');
+
+    });
+    
+    $('[data-status="Missing"]').livequery(function () {
+        $(this).removeClass(function (index, css) {
+            return (css.match(/\bicon-\S+/g) || []).join(' ');
+        });
+
+        $(this).addClass('icon-sign-blank');
 
-        if (status == 'Missing') {
-            $(this).addClass('icon-sign-blank');
-        }
     });
     
     $('.infoBox, .successBox, .warningBox, .errorBox, .validationBox').livequery(function () {

NzbDrone.Web/Scripts/NzbDrone/grid.js

@@ -70,23 +70,20 @@ $(function () {
 
     // Declare a function on the chat hub so the server can invoke it
     signalRProvider.updatedStatus = function (data) {
-        var imageSrc = '../../Content/Images/' + data.EpisodeStatus + '.png';
         var row = $('[data-episode-id="' + data.EpisodeId + '"]');
 
         if (row.length == 0)
             return;
 
-        var statusImage = $(row).find('img.statusImage');
+        var statusElement = $(row).find('i.statusImage');
 
-        if (statusImage.length == 0)
+        if (statusElement.length == 0)
             return;
 
-        statusImage.attr('alt', data.EpisodeStatus);
+        statusElement.attr('data-status', data.EpisodeStatus);
-        statusImage.attr('title', data.EpisodeStatus);
-        statusImage.attr('src', imageSrc);
 
         if (data.EpisodeStatus != "Missing") {
-            statusImage.parent('td').removeClass('episodeMissing');
+            statusElement.parent('td').removeClass('episodeMissing');
         }
 
         if (data.Quality != null) {