JamBreadUI/script.js at master · Dev-Akash/JamBreadUI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
let status = false;
let front = document.getElementById("frontdrop");
let menuButton = document.getElementById("menu_btn");

function open_dash(){
	if (!status) {
		front.style.marginTop = "60px";
		front.style.marginLeft = "250px";
		let width = front.clientWidth;
		let height = front.clientHeight;
		front.style.height = height- 60+"px";
		front.style.width = width - 250+"px";
		front.style.borderRadius = "15px 0px 0px 0px";
		menuButton.style.backgroundImage = "url('Images/arrow_back-white-18dp.svg')";
		status = true;
	}
	else{
		front.style.marginTop = "0px";
		front.style.marginLeft = "0px";
		let width = front.clientWidth;
		let height = front.clientHeight;
		front.style.height = height+ 60+"px";
		front.style.width = width + 250+"px";
		front.style.borderRadius = "0px 0px 0px 0px";
		menuButton.style.backgroundImage = "url('Images/menu-black-18dp.svg')";
		status = false;
	}
}

let playButton = document.getElementById("play_btn");
let isplaying = false;

function play(){
	if (!isplaying) {
		playButton.style.backgroundImage = "url('Images/pause-white-18dp.svg')";
		isplaying = true;
	}
	else{
		playButton.style.backgroundImage = "url('Images/play_arrow-white-18dp.svg')";
		isplaying = false;
	}
}

function load_list(){
	console.log("func. started")
	for (var i =14; i >= 0; i--) {
		if (i<10) {
			var audio = new File([""],"songs/00"+i+".mp3");
		}
		else{
			var audio = new File([""],"songs/0"+i+".mp3");
		}
		var songText = document.createTextNode(audio.name);
		var node = document.createElement("LI");
		node.appendChild(songText);
		document.getElementById("songs_list").appendChild(node);
	}
}