1 files changed, 182 insertions, 0 deletions
diff --git a/src/client/Player.hx b/src/client/Player.hx
new file mode 100644
index 0000000..2973e9b
--- /dev/null
+++ b/src/client/Player.hx
@@ -0,0 +1,182 @@
+package client;
+
+import js.html.LIElement;
+import js.html.UListElement;
+import js.html.Element;
+import js.html.VideoElement;
+import js.Browser.document;
+import client.Main.ge;
+import Types.VideoItem;
+using Lambda;
+
+class Player {
+
+	final main:Main;
+	final items:Array<VideoItem> = [];
+	final videoItemsEl = ge("#queue");
+	final player:Element = ge("#ytapiplayer");
+	var isLoaded = false;
+	var skipSetTime = false;
+	var video:VideoElement;
+
+	public function new(main:Main):Void {
+		this.main = main;
+	}
+
+	public function setVideo(item:VideoItem):Void {
+		isLoaded = false;
+		video = document.createVideoElement();
+		video.id = "videoplayer";
+		video.src = item.url;
+		video.controls = true;
+		video.oncanplaythrough = (e) -> {
+			if (!isLoaded) main.send({type: VideoLoaded});
+			isLoaded = true;
+		}
+		video.ontimeupdate = (e) -> {
+			if (skipSetTime) {
+				skipSetTime = false;
+				return;
+			}
+			if (!main.isLeader()) return;
+			main.send({
+				type: SetTime,
+				setTime: {
+					time: video.currentTime
+				}
+			});
+		}
+		video.onpause = (e) -> {
+			if (!main.isLeader()) return;
+			main.send({
+				type: Pause,
+				pause: {
+					time: video.currentTime
+				}
+			});
+		}
+		video.onplay = (e) -> {
+			if (!main.isLeader()) return;
+			main.send({
+				type: Play,
+				play: {
+					time: video.currentTime
+				}
+			});
+		}
+		player.innerHTML = "";
+		player.appendChild(video);
+	}
+
+	public function addVideoItem(item:VideoItem):Void {
+		items.push(item);
+		final itemEl:LIElement = cast nodeFromString(
+			'<li class="queue_entry pluid-0 queue_temp queue_active" title="${Lang.get("addedBy")}: ${item.author}">
+				<a class="qe_title" href="${item.url}" target="_blank">${item.title}</a>
+				<span class="qe_time">${duration(item.duration)}</span>
+				<div class="qe_clear"></div>
+				<div class="btn-group" style="display: inline-block;">
+					<button class="btn btn-xs btn-default qbtn-play">
+						<span class="glyphicon glyphicon-play"></span>${Lang.get("play")}
+					</button>
+					<button class="btn btn-xs btn-default qbtn-next">
+						<span class="glyphicon glyphicon-share-alt"></span>${Lang.get("skip")}
+					</button>
+					<button class="btn btn-xs btn-default qbtn-tmp">
+						<span class="glyphicon glyphicon-flag"></span>${Lang.get("makePermanent")}
+					</button>
+					<button class="btn btn-xs btn-default qbtn-delete" id="btn-delete">
+						<span class="glyphicon glyphicon-trash"></span>${Lang.get("delete")}
+					</button>
+				</div>
+			</li>'
+		);
+		final deleteBtn = itemEl.querySelector("#btn-delete");
+		deleteBtn.onclick = (e) -> {
+			main.send({
+				type: RemoveVideo,
+				removeVideo: {
+					url: itemEl.querySelector(".qe_title").getAttribute("href")
+				}
+			});
+		}
+		videoItemsEl.appendChild(itemEl);
+		ge("#plcount").innerHTML = '${items.length} ${Lang.get("videos")}';
+		ge("#pllength").innerHTML = totalDuration();
+	}
+
+	public function removeVideo():Void {
+		player.removeChild(video);
+		video = null;
+	}
+
+	public function removeItem(url:String):Void {
+		final list = ge("#queue");
+		for (child in list.children) {
+			if (child.querySelector(".qe_title").getAttribute("href") == url) {
+				list.removeChild(child);
+				break;
+			}
+		}
+
+		items.remove(
+			items.find(item -> item.url == url)
+		);
+
+		if (video.src == url) {
+			if (items.length > 0) setVideo(items[0]);
+		}
+		ge("#plcount").innerHTML = '${items.length} ${Lang.get("videos")}';
+		ge("#pllength").innerHTML = totalDuration();
+	}
+
+	function duration(time:Float):String {
+		final h = Std.int(time / 60 / 60);
+		final m = Std.int(time / 60);
+		final s = Std.int(time % 60);
+		var time = '$m:';
+		if (m < 10) time = '0$time';
+		if (h > 0) time = '$h:$time';
+		if (s < 10) time = time + "0";
+		time += s;
+		return time;
+	}
+
+	function totalDuration():String {
+		var time = 0.0;
+		for (item in items) time += item.duration;
+		return duration(time);
+	}
+
+	function nodeFromString(div:String):Element {
+		final wrapper = document.createDivElement();
+		wrapper.innerHTML = div;
+		return wrapper.firstElementChild;
+	}
+
+	public function isListEmpty():Bool {
+		return items.length == 0;
+	}
+
+	public function pause():Void {
+		if (video == null) return;
+		video.pause();
+	}
+
+	public function play():Void {
+		if (video == null) return;
+		video.play();
+	}
+
+	public function setTime(time:Float, isLocal = true):Void {
+		if (video == null) return;
+		skipSetTime = isLocal;
+		video.currentTime = time;
+	}
+
+	public function getTime():Float {
+		if (video == null) return 0;
+		return video.currentTime;
+	}
+
+}