mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-26 06:28:55 +01:00
remove inline script :3
This commit is contained in:
Ashley
parent
a3df2c6109
commit
8326d81a9e
1 changed files with 14 additions and 224 deletions
|
|
@ -553,6 +553,7 @@ But Please note that unofficial instances can add the same lock icon, so please
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="/video/upload" style="text-decoration: none;" class="dropdown__item">
|
<a href="/video/upload" style="text-decoration: none;" class="dropdown__item">
|
||||||
<i class="fa-light fa-video"></i>
|
<i class="fa-light fa-video"></i>
|
||||||
Create
|
Create
|
||||||
|
|
@ -1372,9 +1373,6 @@ checkbox.addEventListener('change', function(e) {
|
||||||
fetch("https://" + window.location.hostname + "/watch?v=<%- k.Video.Recommendations.Video[0].id%>").then(() => {})
|
fetch("https://" + window.location.hostname + "/watch?v=<%- k.Video.Recommendations.Video[0].id%>").then(() => {})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
if (/[?&]autoplay=/.test(location.search)) {
|
if (/[?&]autoplay=/.test(location.search)) {
|
||||||
|
|
@ -1402,227 +1400,20 @@ if (/[?&]autoplay=/.test(location.search)) {
|
||||||
location.href = "/watch?v=<%- k.Video.Recommendations.Video[0].id%>&autoplay=<%-btoa("1f739d935676111cfff4b4693e3816e664797050" + k.Video.Recommendations.Video[0].id ) %>";
|
location.href = "/watch?v=<%- k.Video.Recommendations.Video[0].id%>&autoplay=<%-btoa("1f739d935676111cfff4b4693e3816e664797050" + k.Video.Recommendations.Video[0].id ) %>";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Retrieve volume from local storage or set to max if not available
|
|
||||||
const initialVolume = localStorage.getItem('playerVolume') || 1;
|
|
||||||
const video = document.getElementById('video');
|
|
||||||
video.volume = initialVolume;
|
|
||||||
|
|
||||||
// Save volume to local storage whenever it changes
|
|
||||||
video.addEventListener('volumechange', function() {
|
|
||||||
localStorage.setItem('playerVolume', this.volume);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Get the progress bar and container elements
|
|
||||||
const progressBar1 = document.querySelector(".progress-bar");
|
|
||||||
const progressContainer1 = document.querySelector(".progress-container");
|
|
||||||
|
|
||||||
// Set the initial width of the progress bar to 0%
|
|
||||||
progressBar1.style.width = "0%";
|
|
||||||
progressContainer1.style.display = 'block';
|
|
||||||
|
|
||||||
// Attach an event listener to the window object to listen for the 'load' event
|
|
||||||
window.addEventListener("load", () => {
|
|
||||||
progressBar1.style.width = "100%";
|
|
||||||
setTimeout(() => {
|
|
||||||
progressContainer1.style.display = 'none';
|
|
||||||
}, 500);
|
|
||||||
});
|
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
let bgs = document.querySelectorAll('[data-bg]');
|
|
||||||
let bgCount = bgs.length;
|
|
||||||
|
|
||||||
function loadBg(index) {
|
|
||||||
let bg = bgs[index];
|
|
||||||
let bgUrl = bg.getAttribute('data-bg');
|
|
||||||
bg.style.backgroundImage = `url(${bgUrl})`;
|
|
||||||
bg.removeAttribute('data-bg');
|
|
||||||
bg.classList.add('loaded');
|
|
||||||
}
|
|
||||||
|
|
||||||
function lazyLoadBg() {
|
|
||||||
for (let i = 0; i < bgCount; i++) {
|
|
||||||
let bg = bgs[i];
|
|
||||||
let bgRect = bg.getBoundingClientRect();
|
|
||||||
if (bgRect.top < window.innerHeight && bgRect.bottom > 0) {
|
|
||||||
loadBg(i);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
lazyLoadBg();
|
|
||||||
|
|
||||||
window.addEventListener('scroll', lazyLoadBg);
|
|
||||||
window.addEventListener('resize', lazyLoadBg);
|
|
||||||
});
|
|
||||||
|
|
||||||
const fadeInElements = () => {
|
|
||||||
const elements = document.querySelectorAll('.fade-in');
|
|
||||||
const viewportHeight = window.innerHeight;
|
|
||||||
elements.forEach(element => {
|
|
||||||
const elementTop = element.getBoundingClientRect().top;
|
|
||||||
const elementBottom = element.getBoundingClientRect().bottom;
|
|
||||||
const isVisible = (elementTop < viewportHeight && elementBottom > 0);
|
|
||||||
if (isVisible || document.fullscreenElement) {
|
|
||||||
element.classList.add('fade-in-active');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
fadeInElements();
|
|
||||||
|
|
||||||
window.addEventListener('scroll', fadeInElements);
|
|
||||||
|
|
||||||
document.addEventListener('fullscreenchange', () => {
|
|
||||||
fadeInElements();
|
|
||||||
});
|
|
||||||
|
|
||||||
setInterval(fadeInElements, 500);
|
|
||||||
|
|
||||||
|
|
||||||
// Get all anchor links on the page except for links with "jump_to_time" onclick attribute
|
|
||||||
const links = document.querySelectorAll('a:not([data-onclick="jump_to_time"])');
|
|
||||||
|
|
||||||
// Add a click event listener to each link
|
|
||||||
links.forEach(link => {
|
|
||||||
link.addEventListener('click', e => {
|
|
||||||
// Check if the link's href includes a hash character
|
|
||||||
if (!link.href.includes('#')) {
|
|
||||||
e.preventDefault(); // Prevent the default link behavior
|
|
||||||
|
|
||||||
// Create a loading spinner element
|
|
||||||
const spinner = document.createElement('div');
|
|
||||||
spinner.classList.add('spinner');
|
|
||||||
|
|
||||||
// Create a loading overlay element
|
|
||||||
const loading = document.createElement('div');
|
|
||||||
loading.classList.add('loading');
|
|
||||||
loading.appendChild(spinner);
|
|
||||||
|
|
||||||
// Add the loading overlay to the body
|
|
||||||
document.body.appendChild(loading);
|
|
||||||
|
|
||||||
// Redirect to the link after a short delay to show the loading overlay
|
|
||||||
setTimeout(() => {
|
|
||||||
window.location.href = link.href;
|
|
||||||
}, 005);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
const a = document.querySelectorAll('a[data-onclick="jump_to_time"]');
|
|
||||||
|
|
||||||
function jumpToTime(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const link = e.target;
|
|
||||||
const video = document.getElementById('video');
|
|
||||||
const time = link.dataset.jumpTime;
|
|
||||||
|
|
||||||
video.currentTime = time;
|
|
||||||
|
|
||||||
window.location.hash = 'top'; // Add #video to the URL
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
history.replaceState(null, null, ' '); // Remove #video after 1 second
|
|
||||||
}, 250);
|
|
||||||
}
|
|
||||||
|
|
||||||
a.forEach(link => {
|
|
||||||
const href = link.getAttribute('href');
|
|
||||||
if (link.dataset.jumpTime) {
|
|
||||||
link.removeAttribute('href');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (href && href.includes('&t=')) {
|
|
||||||
const params = new URLSearchParams(href.split('?')[1]);
|
|
||||||
const time = params.get('t');
|
|
||||||
|
|
||||||
if (time) {
|
|
||||||
link.dataset.jumpTime = time;
|
|
||||||
link.addEventListener('click', jumpToTime);
|
|
||||||
link.removeAttribute('href');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
const urls = document.querySelectorAll('a[href*="/watch?v="]'); // get all links with "/watch?v=" in href attribute
|
|
||||||
|
|
||||||
const spinner = document.createElement('div');
|
|
||||||
spinner.id = 'fetch-spinner';
|
|
||||||
spinner.classList.add('hide');
|
|
||||||
document.body.appendChild(spinner);
|
|
||||||
|
|
||||||
const text = document.createElement('div');
|
|
||||||
text.id = 'fetch-text';
|
|
||||||
text.classList.add('hide');
|
|
||||||
document.body.appendChild(text);
|
|
||||||
document.body.classList.add('blur');
|
|
||||||
|
|
||||||
let fetchedCount = 0;
|
|
||||||
|
|
||||||
urls.forEach(link => {
|
|
||||||
const url = new URL(link.href);
|
|
||||||
|
|
||||||
if (url.host !== 'www.youtube.com' && url.host !== 'youtube.com') {
|
|
||||||
if (url.host !== "redirect.poketube.fun") {
|
|
||||||
|
|
||||||
console.log(`Fetching ${url.origin}`);
|
|
||||||
|
|
||||||
spinner.classList.remove('hide');
|
|
||||||
text.classList.remove('hide');
|
|
||||||
|
|
||||||
fetch(url.href)
|
|
||||||
.then(response => {
|
|
||||||
if (response.status === 500) {
|
|
||||||
// do nothing
|
|
||||||
}
|
|
||||||
console.log(`Fetched ${url.origin}`);
|
|
||||||
fetchedCount++;
|
|
||||||
console.clear()
|
|
||||||
|
|
||||||
if (fetchedCount === urls.length) {
|
|
||||||
spinner.classList.add('hide');
|
|
||||||
text.classList.add('hide');
|
|
||||||
document.body.classList.remove('blur');
|
|
||||||
}
|
|
||||||
// Do something with the response
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
spinner.classList.add('hide');
|
|
||||||
text.classList.add('hide');
|
|
||||||
console.clear()
|
|
||||||
// Ignore network errors
|
|
||||||
if (!(error instanceof TypeError && error.message.includes('Failed to fetch'))) {
|
|
||||||
console.error(`Error fetching ${url.origin}: ${error}`);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
console.clear()
|
|
||||||
|
|
||||||
const videoElement = document.getElementById("video");
|
|
||||||
|
|
||||||
// Listen for full screen change events on the video element
|
|
||||||
videoElement.addEventListener("fullscreenchange", () => {
|
|
||||||
if (document.fullscreenElement === videoElement) {
|
|
||||||
// If the video element is in full screen mode, remove the border radius
|
|
||||||
videoElement.style.borderRadius = "0em ";
|
|
||||||
} else {
|
|
||||||
// If the video element exits full screen mode, restore the border radius
|
|
||||||
videoElement.style.borderRadius = "16px";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
try {
|
||||||
|
const app_main = "/static/app.js?ver=<%-btoa("1f739d935676111cfff4b4693e3816e664797050" + k.Video.Recommendations.Video[0].id ) %>";
|
||||||
|
const script = document.createElement("script");
|
||||||
|
script.src = app_main;
|
||||||
|
document.head.appendChild(script);
|
||||||
|
} catch(err) {
|
||||||
|
console.error(`Error while loading module files: ${err}`)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script src="/static/custom-css.js"> </script>
|
||||||
|
|
||||||
<% if (!optout) { %>
|
<% if (!optout) { %>
|
||||||
<!-- MORE INFO :https://poketube.fun/privacy -->
|
<!-- MORE INFO :https://poketube.fun/privacy -->
|
||||||
<!-- MORE INFO :https://poketube.fun/privacy -->
|
<!-- MORE INFO :https://poketube.fun/privacy -->
|
||||||
|
|
@ -1644,7 +1435,6 @@ videoElement.addEventListener("fullscreenchange", () => {
|
||||||
|
|
||||||
<% } %>
|
<% } %>
|
||||||
</div>
|
</div>
|
||||||
<script src="/css/custom-css.js"> </script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue