mostly finish custom music
This commit is contained in:
@ -48,9 +48,9 @@
|
||||
<script>
|
||||
let audioObject;
|
||||
document.addEventListener("DOMContentLoaded", ()=>{
|
||||
let music = true; // {{ is_music }}
|
||||
let music = {{ is_music }};
|
||||
if(music) {
|
||||
let url = "/api/music/download?url=https://soundcloud.com/archive5077/fostered-alcoholism-grayskies"; // {{ music_url }}
|
||||
let url = "{{ song_url }}";
|
||||
let audioObject = new Audio(url);
|
||||
document.getElementById("enter").addEventListener("click", async ()=>{
|
||||
document.getElementById("enter").style.backgroundColor = "#00000000"
|
||||
@ -59,8 +59,11 @@
|
||||
setTimeout( () => {
|
||||
document.getElementById("enter").style.display = "none";
|
||||
audioObject.play();
|
||||
audioObject.loop = true;
|
||||
}, 700);
|
||||
});
|
||||
} else {
|
||||
document.getElementById("enter").style.display = "none";
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
@ -45,7 +45,7 @@
|
||||
<title>{{ name }}'s Profile | Selenite</title>
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3415518411898563" crossorigin="anonymous"></script>
|
||||
<script>
|
||||
<!-- <script>
|
||||
let audioObject;
|
||||
document.addEventListener("DOMContentLoaded", ()=>{
|
||||
let music = false; // {{ is_music }}
|
||||
@ -63,10 +63,11 @@
|
||||
});
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</script> -->
|
||||
<script>
|
||||
let username = "{{ username }}";
|
||||
let userData;
|
||||
let songData;
|
||||
(async () => {
|
||||
userData = await (await fetch("/u/raw")).json();
|
||||
})();
|
||||
@ -100,16 +101,8 @@
|
||||
console.log("promise finished");
|
||||
body = { pfp: fileData };
|
||||
console.log("body set");
|
||||
} else if (state == "pfp") {
|
||||
console.log("pfp");
|
||||
let file = document.getElementById("pfp_upload").files[0];
|
||||
if (file.size > 4000000) {
|
||||
file.input = "";
|
||||
return;
|
||||
}
|
||||
const fileData = await readFileAsDataURL(file);
|
||||
console.log("promise finished");
|
||||
body = { pfp: fileData };
|
||||
} else if (state == "song") {
|
||||
body = songData;
|
||||
console.log("body set");
|
||||
} else if (state == "clearpfp") {
|
||||
body = { pfp: "del" };
|
||||
@ -186,11 +179,20 @@
|
||||
for (let i = 0; i < storeNames.length; i++) {
|
||||
localStorage.setItem(storeNames[i], storage[storeNames[i]]);
|
||||
}
|
||||
} else if (state == song) {
|
||||
// create body
|
||||
}
|
||||
console.log("sending");
|
||||
body.username = username;
|
||||
document.getElementById("title").innerText = "processing...";
|
||||
document.getElementById("pfp_upload").style.display = "none";
|
||||
document.getElementById("pfp_reminder").style.display = "none";
|
||||
document.getElementById("body-text").style.display = "none";
|
||||
document.getElementById("clear").style.display = "none";
|
||||
document.getElementById("text").style.display = "none";
|
||||
document.getElementById("counter").style.display = "none";
|
||||
document.getElementById("submit").style.display = "none";
|
||||
document.getElementById("search").style.display = "none";
|
||||
document.querySelector("results").style.display = "none";
|
||||
document.getElementById("popup").style.display = "flex";
|
||||
await fetch("/api/profile/edit", {
|
||||
credentials: "include",
|
||||
headers: {
|
||||
@ -200,8 +202,6 @@
|
||||
method: "POST",
|
||||
mode: "cors",
|
||||
});
|
||||
console.log("sent");
|
||||
document.getElementById("popup").style.display = "none";
|
||||
location.reload();
|
||||
}
|
||||
document.addEventListener("DOMContentLoaded", async () => {
|
||||
@ -230,6 +230,8 @@
|
||||
document.getElementById("counter").style.display = "flex";
|
||||
document.getElementById("submit").style.display = "flex";
|
||||
document.getElementById("popup").style.display = "flex";
|
||||
document.getElementById("search").style.display = "none";
|
||||
document.querySelector("results").style.display = "none";
|
||||
} else if (e.target.parentElement.children[0].id == "bio") {
|
||||
state = "bio";
|
||||
document.getElementById("title").innerText = "change your about me";
|
||||
@ -244,6 +246,8 @@
|
||||
document.getElementById("counter").style.display = "flex";
|
||||
document.getElementById("submit").style.display = "flex";
|
||||
document.getElementById("popup").style.display = "flex";
|
||||
document.getElementById("search").style.display = "none";
|
||||
document.querySelector("results").style.display = "none";
|
||||
} else if (e.target.parentElement.children[0].id == "song") {
|
||||
state = "song";
|
||||
document.getElementById("title").innerText = "pick a song";
|
||||
@ -256,6 +260,8 @@
|
||||
document.getElementById("counter").style.display = "none";
|
||||
document.getElementById("submit").style.display = "none";
|
||||
document.getElementById("popup").style.display = "flex";
|
||||
document.getElementById("search").style.display = "flex";
|
||||
document.querySelector("results").style.display = "flex";
|
||||
} else if (e.target.parentElement.children[0].id == "pfp") {
|
||||
state = "pfp";
|
||||
document.getElementById("title").innerText = "upload a new profile picture";
|
||||
@ -267,6 +273,8 @@
|
||||
document.getElementById("counter").style.display = "none";
|
||||
document.getElementById("submit").style.display = "flex";
|
||||
document.getElementById("popup").style.display = "flex";
|
||||
document.getElementById("search").style.display = "none";
|
||||
document.querySelector("results").style.display = "none";
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -326,8 +334,16 @@
|
||||
document.getElementById("submit").style.display = "flex";
|
||||
document.getElementById("popup").style.display = "flex";
|
||||
});
|
||||
document.querySelectorAll("results").forEach(async e => {
|
||||
e.addEventListener("click", await setProfile)
|
||||
document.querySelectorAll("result").forEach(async e => {
|
||||
e.addEventListener("click", async (element) => {
|
||||
songData = {
|
||||
url: e.getAttribute("data-url"),
|
||||
title: e.childNodes[0].innerText,
|
||||
artist: e.childNodes[1].innerText,
|
||||
}
|
||||
console.log(songData);
|
||||
await setProfile();
|
||||
})
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user