From 645e9a2c21beca780dcccef1a473f5fcf9a918e1 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Sun, 18 Jun 2023 16:13:15 +0000
Subject: [PATCH] add simplified popup :3
---
css/app.js | 72 +++++++++++++++++++++++++++++++++++++++---------------
1 file changed, 52 insertions(+), 20 deletions(-)
diff --git a/css/app.js b/css/app.js
index 4a901d38..84f535d1 100644
--- a/css/app.js
+++ b/css/app.js
@@ -72,26 +72,7 @@ function fadeInElements() {
window.addEventListener('scroll', fadeInElements);
document.addEventListener('fullscreenchange', fadeInElements);
setInterval(fadeInElements, 500);
-
-// Handle click events on links
-const links = document.querySelectorAll('a:not([data-onclick="jump_to_time"])');
-links.forEach(link => {
- link.addEventListener('click', e => {
- if (!link.href.includes('#')) {
- e.preventDefault();
- const spinner = document.createElement('div');
- spinner.classList.add('spinner');
- const loading = document.createElement('div');
- loading.classList.add('loading');
- loading.appendChild(spinner);
- document.body.appendChild(loading);
- setTimeout(() => {
- window.location.href = link.href;
- }, 100);
- }
- });
-});
-
+
function jumpToTime(e) {
e.preventDefault();
@@ -144,6 +125,7 @@ urls.forEach(link => {
console.log(`Fetching ${url.origin}`);
spinner.classList.remove('hide');
text.classList.remove('hide');
+
fetch(url.href)
.then(response => {
if (response.status === 500) {
@@ -259,4 +241,54 @@ downloadUrls.forEach(link => {
});
}
});
+
+ var popupMenu = document.getElementById("popupMenu");
+ var loopOption = document.getElementById("loopOption");
+ var speedOption = document.getElementById("speedOption");
+
+ video.addEventListener("contextmenu", function(event) {
+ event.preventDefault();
+
+ popupMenu.style.display = "block";
+ popupMenu.style.left = event.pageX + "px";
+ popupMenu.style.top = event.pageY + "px";
+ });
+
+ // Hide the popup menu when clicking outside of it
+ window.addEventListener("click", function(event) {
+ if (event.target !== video) {
+ popupMenu.style.display = "none";
+ }
+ });
+
+ loopOption.addEventListener("click", function() {
+ video.loop = !video.loop;
+ if (video.loop) {
+ alert("Looped!");
+ } else {
+ alert("unlooped!")
+ }
+ });
+
+ speedOption.addEventListener("click", function() {
+ var currentSpeed = video.playbackRate;
+ var newSpeed = getNextSpeed(currentSpeed);
+ video.playbackRate = newSpeed;
+ speedOption.textContent = "Speed: " + newSpeed.toFixed(2) + "x";
+ });
+
+ function getNextSpeed(currentSpeed) {
+ if (currentSpeed === 2) {
+ return 0.25;
+ } else if (currentSpeed === 0.25) {
+ return 0.5;
+ } else if (currentSpeed === 0.5) {
+ return 0.75;
+ } else if (currentSpeed === 0.75) {
+ return 1;
+ } else {
+ return 2;
+ }
+ }
+
// @license-end
\ No newline at end of file