fix no favorites screen

js/main.js

@@ -85,6 +85,29 @@ $(function(){
     };
   });
 
+  /* Playbutton click */
+  $('#playbutton').click(function() {
+    var music = document.getElementById('player');
+    if (music.paused && $("#player").attr("src") != "") {
+      music.play();
+    } else {
+      music.pause();
+    }
+  });
+
+  /* Click on menus */
+  $('a.nav-icon-files').click(function() {
+    switch_menu(0);
+  });
+
+  $('a.nav-icon-recent').click(function() {
+    switch_menu(1);
+  });
+
+  $('a.nav-icon-favorites').click(function() {
+    switch_menu(2);
+  });
+
   /* ==============
   //   ACTIONS    //
   /===============*/
@@ -201,7 +224,12 @@ $(function(){
         for (var station in data) {
           stations.push(data[station]["stationid"]);
         };
+        if (stations.length == 0) {
+          $('#filestable').hide();
+          $('#emptycontent').removeClass('hidden');
+        } else {
           query_stations(stations);
+        };
       });
   };
 
@@ -268,19 +296,7 @@ $(function(){
             break;
         }
       }, 500);
-  }
-
-  $('a.nav-icon-files').click(function() {
-    switch_menu(0);
-  });
-
-  $('a.nav-icon-recent').click(function() {
-    switch_menu(1);
-  });
-
-  $('a.nav-icon-favorites').click(function() {
-    switch_menu(2);
-  });
+  };
 
   function mySearch(query){
     if (query != "") {
@@ -299,15 +315,6 @@ $(function(){
       }
   });
 
-  $('#playbutton').click(function() {
-    var music = document.getElementById('player');
-    if (music.paused && $("#player").attr("src") != "") {
-      music.play();
-    } else {
-      music.pause();
-    }
-  });
-
   $('#volumeslider').slider({
     orientation: "horizontal",
     value: player.volume,

templates/main.php

@@ -33,6 +33,13 @@
     <div id="app-content">
         <div id="app-content-files" class="viewcontainer">
             <!-- <div class="mask transparent icon-loading"></div> -->
+
+            <div id="emptycontent" class="hidden">
+            	<div class="icon-starred"></div>
+            	<h2><?php p($l->t('No favorites yet')); ?></h2>
+            	<p><?php p($l->t('Stations you mark as favorite will show up here')); ?></p>
+            </div>
+
             <table id="filestable" data-preview-x="32" data-preview-y="32">
                 <thead>
                     <tr>