spotifytobandcamp/static/feudecamp.html

52 lines
1.8 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/loader.css">
</head>
<html>
<body>
<h1>Spotify To Bandcamp</h1>
<p>Recherche dans une playlist les artistes se trouvant aussi sur Bandcamp !</p>
<hr />
<div id="inf-loader">
<div id="loader"></div>
<p>La playlist est en cours de traitement [<span id="nb-fait">0</span>/<span id="nb-total">0</span>]…</p>
<p><a href="https://codepen.io/brunjo/pen/bNEWjV">Code Source du loader</a> sous <a href="https://blog.codepen.io/documentation/licensing/">licence MIT</a>.</p>
</div>
<div id="my-list">
</div>
</body>
<script>
async function test() {
const data = await fetch('/refresh').then(response => response.json());
if (data != null) {
if (data.url != null) {
for (const elem of data.url) {
let tmp = document.createTextNode(elem);
let newP = document.createElement("p");
newP.appendChild(tmp);
document.getElementById("my-list").appendChild(newP);
}
}
document.getElementById("nb-fait").textContent = data.done;
document.getElementById("nb-total").textContent = data.todo;
if (data.done === data.todo) {
document.getElementById("inf-loader").remove();
clearInterval(refreshList);
}
}
}
2021-08-31 14:44:12 +02:00
window.onbeforeunload = function() {
return "Vous perdrez tous les artistes trouvés en rafraichissant la page."
}
const refreshList = setInterval(test, 3000);
</script>
<html>