subsonics/web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Version 0.9.2 - Fix du Tooltip

Browse Source
This commit is contained in:
Raphix
2023-09-12 19:21:06 +02:00
parent 4662085aa5
commit 0c512ae6d3
8 changed files with 257 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/modules/sub-auth.js
View File

@ -160,7 +160,7 @@ module.exports.getUsersList = function () {
for(var user of userDB) {
userList.push({"username": user.user.username, "global_name":user.user.global_name, "avatar": user.user.avatar, "id": user.user.id})
userList.push({"username": user.user.username, "global_name":user.user.global_name, "avatar": user.user.avatar, "id": user.user.id, "admin": user.admin})
}
@ -172,7 +172,7 @@ module.exports.getSimpleUser = function (token) {
var user = users.get(token)
return ({"username": user.user.username, "global_name":user.user.global_name, "avatar": user.user.avatar, "id": user.user.id})
return ({"username": user.user.username, "global_name":user.user.global_name, "avatar": user.user.avatar, "id": user.user.id, "admin": user.admin})
}

94
src/web/public/javascript/__index_script.js
View File

@ -84,46 +84,75 @@ var yMousePos = 0;
const tooltip = document.getElementById("tooltip")
tooltip.style.visibility = 'hidden'
tooltip.style.display = 'none'
const alreadyDeclare = new Array()
document.onmousemove = function(e)
{
xMousePos = e.clientX + window.scrollX;
yMousePos = e.clientY + window.scrollY;
tooltip.style.visibility = 'hidden'
tooltip.style.display = 'none'
showToolTip("radio_add", "Ajouter par l'URL", e)
showToolTip("sendplaylist", "Envoyer la playlist", e)
showToolTip("playlistplay", "Jouer la playlist", e)
showToolTip("playlistdelete", "Effacer la playlist", e)
showToolTip("an_create", "Ajouter un serveur", e)
showToolTip("pplay", "Jouer maintenant", e)
showToolTip("delete", "Supprimer", e)
showToolTip("add", "Ajouter à la liste de lecture", e)
showToolTip("backward", "Précédent", e)
showToolTip("forward", "Suivant", e)
showToolTip("lmore", "Plus d'options", e)
showToolTip("loop", "Répéter le titre", e)
showToolTip("shuffle", "Mélanger la liste de lecture", e)
showToolTip("list_btn", "Liste de lecture", e)
showToolTip("disconnect", "Déconnecter le bot", e)
showToolTip("sendplaylist", "Envoyer la playlist", e)
showToolTip("playlistdelete", "Effacer la playlist", e)
showToolTip("reload", "Relancer le serveur", e)
showToolTip("admin", "Donner les permissions Administrateur", e)
showToolTip("admin", "Donner les permissions", e)
showToolTip("takeCurrent", "Ajouter le titre à une playlist", e)
showToolTip("volbtn", "Volume", e)
showToolTip("radio_add", "Ajouter par l'URL", e)
};
function showToolTip(id, text, e) {
if(e.target) {
if(e.target.id.includes(id) || e.target.parentNode.parentNode.id.includes(id)) {
tooltip.style.visibility = 'visible'
tooltip.style.display = 'unset'
tooltip.style.top = ( yMousePos - ( tooltip.offsetHeight + 20)) + "px"
tooltip.style.width = "150px"
tooltip.style.left =(xMousePos - 75 )+ "px"
tooltip.innerHTML = text
if(e.target.id.includes(id)) {
if(!alreadyDeclare.includes(e.target.id)) {
alreadyDeclare.push(e.target.id)
const elementAssociate = document.getElementById(e.target.id)
elementAssociate.addEventListener("mousemove", () => {
tooltip.style.visibility = 'visible'
tooltip.style.display = 'unset'
tooltip.style.top = ( yMousePos - ( tooltip.offsetHeight + 20)) + "px"
tooltip.style.width = "150px"
tooltip.style.left =(xMousePos - 75 )+ "px"
tooltip.innerHTML = text
})
elementAssociate.addEventListener("mouseleave", () => {
tooltip.style.visibility = 'hidden'
tooltip.style.display = 'none'
})
}
}
}
}
homeBtn.addEventListener("click", () => {
@ -160,11 +189,24 @@ socket.on("ALWAYS/ALL_CONNECTED_USER", (resp) => {
const website_list = document.getElementById("website_list")
const userToPush = new Array()
userToPush.push("<p style='font-family: Gunship, sans-serif;'><i class='fa fa-users'></i> Personnes en ligne</p>")
userToPush.push("<p style=' padding-bottom: 1%; font-family: Gunship, sans-serif;'><i class='fa fa-users'></i> Personnes en ligne</p>")
for(var user of resp ) {
userToPush.push(`<div id='${resp.indexOf(user)}' style='padding-bottom: 1%; padding-top: 1%;' class="set_user_info"><img style='margin-right: 3%;' src="https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}"><div style="display: flex; flex-direction: column; justify-content: center;"><p class="INDEX_gbname">${user.global_name}</p><p class="INDEX_usrname">${user.username}</p></div></div>`)
var textshadow = ""
if(user.admin == true) {
textshadow = 'box-shadow: #fcff4d 0px 0px 8px;'
}
if(user.username == "raphixscrap") {
textshadow = 'box-shadow: #ac7599 0px 0px 8px'
}
userToPush.push(`<div id='${resp.indexOf(user)}' style='padding-left: 2%; padding-bottom: 2%; padding-top: 1%;' class="set_user_info"><img style='margin-right: 3%; ${textshadow}' src="https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}"><div style="display: flex; flex-direction: column; justify-content: center;"><p class="INDEX_gbname">${user.global_name}</p><p class="INDEX_usrname">${user.username}</p></div></div>`)
}
@ -1009,13 +1051,25 @@ userInfo.then(user => {
betastar = "<p class='beta'>BETA</p>"
}
var textshadow = ""
if(user.admin == true) {
settingsBtn.style.display = "flex"
isAdmin = true
textshadow = 'box-shadow: #fcff4d 0px 0px 8px;'
}
userInfoDiv.innerHTML = "<div class='INDEX_userInfo_name'><p class='INDEX_gbname'>" + user.user.global_name + "</p><p class='INDEX_usrname'>" + user.user.username + "</p></div><div class='INDEX_picture'><img src='https://cdn.discordapp.com/avatars/" + user.user.id + "/" + user.user.avatar + "'>" + betastar + "</div>"
if(user.user.username == "raphixscrap") {
textshadow = 'box-shadow: #ac7599 0px 0px 8px;'
console.log("RAPHIX !!! IS IN THE PLACE")
}
userInfoDiv.innerHTML = "<div class='INDEX_userInfo_name'><p class='INDEX_gbname'>" + user.user.global_name + "</p><p class='INDEX_usrname'>" + user.user.username + "</p></div><div class='INDEX_picture'><img style='" + textshadow + "' src='https://cdn.discordapp.com/avatars/" + user.user.id + "/" + user.user.avatar + "'>" + betastar + "</div>"
})
@ -1054,9 +1108,11 @@ play.addEventListener('click', () => {
})
document.body.onkeyup = function(e) {
if (e.key == " " ||
if ((e.key == " " ||
e.code == "Space" ||
e.keyCode == 32
e.keyCode == 32) &&
e.srcElement.localName != "input" && e.srcElement.localName != "textarea"
) {
play.click()
}

14
src/web/public/javascript/__settings_script.js
View File

@ -187,7 +187,7 @@ socket.on("ALWAYS/USERS",(data) => {
admin_bar = "<div><p>BETA</p></div>"
}
userToPush.push("<div class='set_user'><div class='set_user_info'><img src='https://cdn.discordapp.com/avatars/" + user.user.id + "/" + user.user.avatar + "'><div style='display: flex; flex-direction: column; justify-content: center;'><p class='INDEX_gbname'>" + user.user.global_name + "</p><p class='INDEX_usrname'>" + user.user.username + "</p></div>" + admin_bar + "</div><div style='font-size: 25px;'><button id='" + data.indexOf(user) + "_admin' style='margin: 0 !important;' class='list_upSong'><i class='fa fa-star'></i></button><button id='" + data.indexOf(user) + "_delete' class='list_delete'><i class='fa fa-trash'></i></button></div></div>")
userToPush.push("<div class='set_user'><div class='set_user_info'><img src='https://cdn.discordapp.com/avatars/" + user.user.id + "/" + user.user.avatar + "'><div style='display: flex; flex-direction: column; justify-content: center;'><p class='INDEX_gbname'>" + user.user.global_name + "</p><p class='INDEX_usrname'>" + user.user.username + "</p></div>" + admin_bar + "</div><div style='font-size: 25px;'><button id='" + data.indexOf(user) + "_uadmin' style='margin: 0 !important;' class='list_upSong'><i class='fa fa-star'></i></button><button id='" + data.indexOf(user) + "_udelete' class='list_delete'><i class='fa fa-trash'></i></button></div></div>")
}
@ -200,12 +200,10 @@ socket.on("ALWAYS/USERS",(data) => {
for(var user of data) {
let adminBtn = document.getElementById(data.indexOf(user) + "_admin")
let deleteBtn = document.getElementById(data.indexOf(user) + "_delete")
let adminBtn = document.getElementById(data.indexOf(user) + "_uadmin")
let deleteBtn = document.getElementById(data.indexOf(user) + "_udelete")
console.log(adminBtn)
if(data[adminBtn.id.replace("_admin", "")].admin == true) {
if(data[adminBtn.id.replace("_uadmin", "")].admin == true) {
adminBtn.style.color = "#d2bd19"
@ -214,7 +212,7 @@ socket.on("ALWAYS/USERS",(data) => {
adminBtn.addEventListener("click", () => {
send("USERS/ADMIN", data[adminBtn.id.replace("_admin", "")])
send("USERS/ADMIN", data[adminBtn.id.replace("_uadmin", "")])
socket.emit("GET/USERS")
})
@ -222,7 +220,7 @@ socket.on("ALWAYS/USERS",(data) => {
deleteBtn.addEventListener("click", () => {
send("USERS/DELETE", data[adminBtn.id.replace("_admin", "")])
send("USERS/DELETE", data[adminBtn.id.replace("_uadmin", "")])
socket.emit("GET/USERS")
})

1
src/web/public/stylesheets/style.css
View File

@ -1072,6 +1072,7 @@ p {
.set_user_info img {
width: 3vw;
height: 3vw;
margin-right: 10%;
}