CC-2959: Stream Setting: Status box design for each stream

- integration with new status box design

airtime_mvc/public/js/airtime/preferences/streamsetting.js

@@ -86,7 +86,15 @@ function checkLiquidsoapStatus(){
                     status = obj[key];
                 }
             }
-            $("#s"+id+"Liquidsoap-error-msg-element").html(status);
+            var html
+            if(status == "OK"){
+                html = '<div class="stream-status status-good"><h3>Streaming server connection is working</h3></div>'
+            }else if(status == "N/A"){
+                html = '<div class="stream-status status-error"><h3>Cannot connect to the streaming server</h3><p>This stream is disabled</p></div>'
+            }else{
+                html = '<div class="stream-status status-error"><h3>Can not connect to the streaming server</h3><p>'+status+'</p></div>'
+            }
+            $("#s"+id+"Liquidsoap-error-msg-element").html(html);
         }
     });
 }
@@ -150,6 +158,6 @@ $(document).ready(function() {
     })
     
     showErrorSections()
-    setInterval('checkLiquidsoapStatus()', 5000)
+    setInterval('checkLiquidsoapStatus()', 7000)
     
 });