KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

testing

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2015-05-08 21:40:02 +02:00
parent f176efac1e
commit 3ea894ea68
3 changed files with 63 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
index.php
View File

@@ -34,6 +34,51 @@
</ul> </ul>
<ul class="right control-list"> <ul class="right control-list">
<li id="search_loader" class="valign-wrapper hide">
<div class="valign">
<div class="preloader-wrapper small active">
<div class="spinner-layer spinner-blue">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-red">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-yellow">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
<div class="spinner-layer spinner-green">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
</div>
</li>
<li> <li>
<a class="nav-btn" href="#find" id="search-btn" onclick="showSearch();"> <a class="nav-btn" href="#find" id="search-btn" onclick="showSearch();">
<i class="mdi-action-search"></i> <i class="mdi-action-search"></i>

9
static/css/style.css
View File

@@ -192,6 +192,15 @@ hide mdi-action-visibility mdi-action-visibility-off
/*------------------- Channel page ---------------------------------------------------------------------------- */ /*------------------- Channel page ---------------------------------------------------------------------------- */
#search_loader {
height:64px;
padding: 0 15px;
}
#search_loader:hover {
background-color:rgba(0,0,0,0);
}
#player_overlay{ #player_overlay{
background-color:black; background-color:black;
position: absolute; position: absolute;

10
static/js/search.js
View File

@@ -158,6 +158,9 @@ function search(search_input){
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(contains($("#search_loader").attr("class").split(" "), "hide"))
$("#search_loader").removeClass("hide");
$.ajax({ $.ajax({
type: "GET", type: "GET",
url: yt_url, url: yt_url,
@@ -187,7 +190,7 @@ function search(search_input){
duration = duration.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s") duration = duration.replace("PT","").replace("H","h ").replace("M","m ").replace("S","s")
thumb=song.snippet.thumbnails.medium.url; thumb=song.snippet.thumbnails.medium.url;
$("#results").append(result_html);
var song = $("#result"); var song = $("#result");
song.find(".search-title").text(title); song.find(".search-title").text(title);
song.find(".result_info").text(duration); song.find(".result_info").text(duration);
@@ -198,6 +201,11 @@ function search(search_input){
} }
}); });
$("#results").append(result_html);
if(!contains($("#search_loader").attr("class").split(" "), "hide"))
$("#search_loader").addClass("hide");
$(".add-many").click(function(e) { $(".add-many").click(function(e) {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();