Added empty results feedback, closes #126

index.php

@@ -129,6 +129,11 @@
                           </div>
                       </div>
                     </div>
+                    <div id="empty-results-container">
+                      <div id='empty-results' class='valign-wrapper'>
+                        <span class='valign'>No results found..</span>
+                      </div>
+                    </div>
                 </div>
             </div>
         </nav>

static/css/style.css

@@ -282,6 +282,16 @@ hide mdi-action-visibility mdi-action-visibility-off
   display:none;
 }
 
+#empty-results {
+  text-align:center;
+  height:100px;
+  cursor: default;
+}
+
+#empty-results span {
+  margin:auto;
+}
+
 #donate_form a {
   padding-right:10px;
 }

static/js/listeners.js

@@ -12,6 +12,7 @@ var unseen = false;
 var timer = 0;
 var api_key = "***REMOVED***";
 var result_html = $("#temp-results-container");
+var empty_results_html = $("#empty-results-container").html();
 var searching = false
 var time_regex = /P((([0-9]*\.?[0-9]*)Y)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)W)?(([0-9]*\.?[0-9]*)D)?)?(T(([0-9]*\.?[0-9]*)H)?(([0-9]*\.?[0-9]*)M)?(([0-9]*\.?[0-9]*)S)?)?/
 var tag;

static/js/search.js

@@ -39,7 +39,14 @@ var Search = {
           url: yt_url,
           dataType:"jsonp",
           success: function(response){
-            if(response.items){
+            if(response.items.length == 0)
+            {
+
+              $("<div style='display:none;' id='mock-div'>"+empty_results_html+"</div>").appendTo($("#results")).show("blind", 83.33);
+              if(!Helper.contains($("#search_loader").attr("class").split(" "), "hide"))
+                $("#search_loader").addClass("hide");
+            
+            }else if(response.items){
             //get list of IDs and make new request for video info
               $.each(response.items, function(i,data)
               {