Improved performance for showing searchloader

This commit is contained in:
Kasper Rynning-Tønnesen
2017-02-09 15:24:33 +01:00
parent 9b7a8a00e3
commit d0b6553251
3 changed files with 9 additions and 9 deletions

File diff suppressed because one or more lines are too long

View File

@@ -38,8 +38,8 @@ var Search = {
var vid_url = "https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+api_key+"&id="; var vid_url = "https://www.googleapis.com/youtube/v3/videos?part=contentDetails,snippet,id&key="+api_key+"&id=";
if(Helper.contains($("#search_loader").attr("class").split(" "), "hide")) if(!Helper.contains($(".search_loader_spinner").attr("class").split(" "), "active"))
$("#search_loader").removeClass("hide"); $(".search_loader_spinner").addClass("active");
if(Helper.contains($("#results").attr("class").split(" "), "hide")) if(Helper.contains($("#results").attr("class").split(" "), "hide"))
$("#results").removeClass("hide"); $("#results").removeClass("hide");
@@ -53,8 +53,8 @@ var Search = {
{ {
$("<div style='display:none;' id='mock-div'>"+empty_results_html+"</div>").appendTo($("#results")).show("blind", 83.33); $("<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")) if(Helper.contains($(".search_loader_spinner").attr("class").split(" "), "active"))
$("#search_loader").addClass("hide"); $(".search_loader_spinner").removeClass("active");
}else if(response.items){ }else if(response.items){
//get list of IDs and make new request for video info //get list of IDs and make new request for video info
@@ -109,8 +109,8 @@ var Search = {
//setTimeout(function(){$(".thumb").lazyload({container: $("#results")});}, 250); //setTimeout(function(){$(".thumb").lazyload({container: $("#results")});}, 250);
if(!Helper.contains($("#search_loader").attr("class").split(" "), "hide")) if(Helper.contains($(".search_loader_spinner").attr("class").split(" "), "active"))
$("#search_loader").addClass("hide"); $(".search_loader_spinner").removeClass("active");
$(".add-many").click(function(e) { $(".add-many").click(function(e) {
e.preventDefault(); e.preventDefault();

View File

@@ -28,9 +28,9 @@
</ul> </ul>
<ul class="right control-list noselect"> <ul class="right control-list noselect">
<li id="search_loader" class="valign-wrapper hide"> <li id="search_loader" class="valign-wrapper">
<div class="valign"> <div class="valign">
<div class="preloader-wrapper small active"> <div class="preloader-wrapper small search_loader_spinner">
<div class="spinner-layer spinner-white-only"> <div class="spinner-layer spinner-white-only">
<div class="circle-clipper left"> <div class="circle-clipper left">
<div class="circle"></div> <div class="circle"></div>