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

Version 1.1.0 - Preversion 2.0.0 - Rework Code & Fixes

Browse Source
This commit is contained in:
Raphael
2024-01-27 00:39:11 +01:00
parent bd92cf6c4d
commit 87c967d1eb
58 changed files with 4304 additions and 3637 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/commands/_template.txt
View File

@ -1,6 +1,6 @@
const { SlashCommandBuilder, EmbedBuilder } = require("discord.js");
const { __glob } = require("../modules/global-variables");
const { LogType } = require("../modules/sub-log");
const { LogType } = require("loguix");
const { List } = require("../modules/sub-list");
const subplayer = require(__glob.SUBPLAYER);
const packageJson = require(__glob.PACKAGE);

2
src/commands/pause.js
View File

@ -1,7 +1,5 @@
const { SlashCommandBuilder, EmbedBuilder } = require("discord.js");
const { __glob } = require("../modules/global-variables");
const { LogType } = require("../modules/sub-log");
const { List } = require("../modules/sub-list");
const subplayer = require(__glob.SUBPLAYER);
const packageJson = require(__glob.PACKAGE);

2
src/commands/previous.js
View File

@ -1,7 +1,5 @@
const { SlashCommandBuilder, EmbedBuilder } = require("discord.js");
const { __glob } = require("../modules/global-variables");
const { LogType } = require("../modules/sub-log");
const { List } = require("../modules/sub-list");
const subplayer = require(__glob.SUBPLAYER);
const packageJson = require(__glob.PACKAGE);

2
src/commands/report.js
View File

@ -1,7 +1,5 @@
const { SlashCommandBuilder, EmbedBuilder, Client } = require("discord.js");
const { __glob } = require("../modules/global-variables");
const { LogType } = require("../modules/sub-log");
const { List } = require("../modules/sub-list");
const subplayer = require(__glob.SUBPLAYER);

2
src/commands/skip.js
View File

@ -1,7 +1,5 @@
const { SlashCommandBuilder, EmbedBuilder } = require("discord.js");
const { __glob } = require("../modules/global-variables");
const { LogType } = require("../modules/sub-log");
const { List } = require("../modules/sub-list");
const subplayer = require(__glob.SUBPLAYER);
const packageJson = require(__glob.PACKAGE);

2
src/commands/state.js
View File

@ -1,7 +1,5 @@
const { SlashCommandBuilder, EmbedBuilder } = require("discord.js");
const { __glob } = require("../modules/global-variables");
const { LogType } = require("../modules/sub-log");
const { List } = require("../modules/sub-list");
const subplayer = require(__glob.SUBPLAYER);
const packageJson = require(__glob.PACKAGE);

9
src/main.js
View File

@ -1,9 +1,15 @@
const fs = require("node:fs")
const path = require("path")
const { LogType } = require("./modules/sub-log")
const { LogType } = require("loguix")
const log = require("loguix")
const { __glob } = require("./modules/global-variables")
log.setup(__glob.LOGS, __glob.PACKAGE)
const { DiscordBot } = require("./modules/discord-bot")
const { WebServer } = require("./modules/sub-web")
const metric = require("webmetrik")
metric.setMetricFile(__glob.METRIC_FILE)
metric.publishMetrics("8001", "raphraph")
setup()
@ -13,6 +19,7 @@ function setup() {
//Log - INIT PHASE
const dlog = new LogType("Discord")
// Discord Bot - INIT PHASE

38
src/modules/discord-bot.js
View File

@ -3,10 +3,12 @@ const fs = require("node:fs")
const path = require("path")
const { Manager } = require("erela.js")
const { __glob } = require("./global-variables")
const { LogType } = require("../modules/sub-log")
const { LogType } = require("loguix")
const { List } = require("./sub-list")
const nodeFinder = require("./nodes-finder")
const subplayer = require("./sub-player")
const nodemon = require("nodemon")
const metric = require("webmetrik")
const client = new Client({
intents:[GatewayIntentBits.Guilds, GatewayIntentBits.GuildVoiceStates, GatewayIntentBits.GuildMembers],
@ -121,10 +123,16 @@ function init(dlog, config) {
if(!interaction.isCommand()) return;
var numberOfCommands = new metric.Metric("numberOfCommands", "Nombre de commandes éxécutées")
numberOfCommands.setValue(numberOfCommands.getValue() + 1)
const command = client.commands.get(interaction.commandName)
try {
// Create a metric to count the number of commands executed by each user
const userCommand = new metric.Metric("userCommand_" + interaction.member.user.username, "Nombre de commandes éxécutées par l'utilisateur : " + interaction.member.user.username)
userCommand.setValue(userCommand.getValue() + 1)
dlog.log(interaction.member.user.username + "-> /" + interaction.commandName)
command.execute(client, interaction)
} catch(error) {
@ -224,8 +232,19 @@ function startErelaManager(dlog, config) {
client.manager.on("trackStart", async (player) => {
// Create a metric to count the number of songs played
const songPlayed = new metric.Metric("songPlayed", "Nombre de musiques jouées")
songPlayed.setValue(songPlayed.getValue() + 1)
if(player) {
plog.log("Lecture de '" + player.queue.current.title + "' de '" + player.queue.current.author + "'")
// Create a metric to count the number of minutes played by the bot using player.queue.current.duration which is in ms (milliseconds) and verify if it's not a livestream
if(player.queue.current.duration && player.queue.current.duration != 9223372036854776000) {
const songDuration = new metric.Metric("songDuration", "Durée totale des musiques jouées en secondes")
songDuration.setValue(songDuration.getValue() + (player.queue.current.duration / 1000))
}
await list.setCurrent(player)
await player.seek(0)
process.emit("MUSIC_UPDATE_STATE")
@ -240,6 +259,7 @@ function startErelaManager(dlog, config) {
await list.addCurrentToPrevious()
if(await list.haveSongs()) {
await player.play(list.next())
}
@ -275,3 +295,17 @@ function startErelaManager(dlog, config) {
client.on("raw", d => client.manager.updateVoiceState(d));
}
async function closeClient() {
console.log("Fermeture du client Discord")
if(client) {
let player = await client.manager.players.get("137291455336022018")
if(player) {
await player.destroy()
}
client.destroy()
}
}

2
src/modules/global-variables.js
View File

@ -5,7 +5,6 @@ const root = path.resolve(__dirname, '../../')
const __glob = {
CONFIG: root + path.sep + "data" + path.sep + "config.json",
USERS: root + path.sep + "data" + path.sep + "users.json",
BETA_USERS: root + path.sep + "data" + path.sep + "betas.json",
ROOT: root,
WEB_DIR: root + path.sep + "src" + path.sep + "web",
COMMANDS: root + path.sep + "src" + path.sep + "commands",
@ -21,6 +20,7 @@ const __glob = {
RADIO: root + path.sep + "data" + path.sep + "radios.json",
LOGS: root + path.sep + "src" + path.sep + "modules" + path.sep + "logs",
METRIC_FILE: root + path.sep + "data" + path.sep + "metrics.json",
PICTURE_DIR: root + path.sep + "data" + path.sep + "pictures",
};
const webroot = __glob.WEB_DIR + path.sep

305
src/modules/nodes-finder.js
View File

@ -1,5 +1,5 @@
const { __glob } = require("./global-variables")
const { LogType } = require("../modules/sub-log")
const { LogType } = require("loguix")
const fs = require("fs")
const discord = require("./discord-bot")
@ -7,242 +7,127 @@ const nlog = new LogType("Node-Finder")
const nodesState = new Map()
module.exports.getNodes = function () {
nlog.step.init("find_nodes", "Récupération des nodes de la base de donnée")
if(fs.existsSync(__glob.NODES)) {
try {
var nodes_data = JSON.parse(fs.readFileSync(__glob.NODES))
const nodes_array = new Array()
for(var node of nodes_data) {
nodes_array.push(node)
nodesState.set(node.host, false)
}
nlog.log("Récupération de " + nodes_array.length + " nodes dans la base de donnée !")
nlog.step.end("find_nodes")
return nodes_array
} catch(error) {
nlog.step.error("find_nodes", error)
}
} else {
nlog.warn("Fichier de configuration introuvable !")
try {
var nodes = {}
fs.writeFileSync(__glob.NODES, JSON.stringify(nodes, null, 2))
nlog.log("Création d'un fichier de base de donnée de nodes ! Redémarrage de l'application nécéssaire !")
nlog.step.error("find_nodes", "Redémarrage requis pour lire la nouvelle base de donnée des nodes !")
process.exit(0)
} catch(error) {
nlog.step.error("find_nodes", "Tentative de création du fichier de base de donnée nodes échoué !" + error)
}
}
}
module.exports.getNodesData = function () {
nlog.step.init("findu_nodes", "Récupération des nodes pour envoi d'informations!")
if(fs.existsSync(__glob.NODES)) {
try {
var nodes_data = JSON.parse(fs.readFileSync(__glob.NODES))
const nodes_array = new Array()
for(var node of nodes_data) {
node.state = nodesState.get(node.host)
nodes_array.push(node)
}
nlog.log("Récupération de " + nodes_array.length + " nodes pour envoi d'informations!")
nlog.step.end("findu_nodes")
return nodes_array
} catch(error) {
nlog.step.error("findu_nodes", error)
}
} else {
nlog.warn("Fichier de configuration introuvable !")
function checkAndCreate() {
if (!fs.existsSync(__glob.NODES)) {
try {
var nodes = {}
fs.writeFileSync(__glob.NODES, JSON.stringify(nodes, null, 2))
saveNodesFile(nodes)
nlog.log("Création d'un fichier de base de donnée de nodes ! Redémarrage de l'application nécéssaire !")
nlog.step.error("find_nodes", "Redémarrage requis pour lire la nouvelle base de donnée des nodes !")
process.exit(0)
} catch(error) {
nlog.step.error("find_nodes", "Tentative de création du fichier de base de donnée nodes échoué !" + error)
}
}
}
module.exports.addNodes = function (data) {
nlog.step.init("add_nodes", "Ajout d'un nouveau noeud dans la base de donnée de nodes : " + data.host)
if(fs.existsSync(__glob.NODES)) {
try {
var nodes_data = JSON.parse(fs.readFileSync(__glob.NODES))
nodes_data.push(data)
fs.writeFileSync(__glob.NODES, JSON.stringify(nodes_data, null, 2))
nlog.step.end("add_nodes")
const client = discord.getClient()
if(client.manager) {
const nodesPresent = client.manager.nodes
if(!nodesPresent.get(data.host)) {
client.manager.createNode(data)
}
client.manager.nodes.get(data.host).connect()
}
} catch(error) {
nlog.step.error("add_nodes", error)
}
} else {
nlog.warn("Fichier de configuration introuvable !")
try {
var nodes = []
fs.writeFileSync(__glob.NODES, JSON.stringify(nodes, null, 2))
nlog.log("Création d'un fichier de base de donnée de nodes ! Redémarrage de l'application nécéssaire !")
nlog.step.error("add_nodes", "Redémarrage requis pour lire la nouvelle base de donnée des nodes !")
process.exit(0)
} catch(error) {
nlog.step.error("add_nodes", "Tentative de création du fichier de nodes échoué !" + error)
} catch (error) {
nlog.step.error("find_nodes", "Tentative de création du fichier de base de donnée nodes échoué !" + error)
}
}
}
module.exports.deleteNode = function (data) {
function readNodesFile() {
checkAndCreate()
return JSON.parse(fs.readFileSync(__glob.NODES))
}
nlog.step.init("deleteNodes", "Supression d'un noeud dans la base de donnée de nodes : " + data.host)
if(fs.existsSync(__glob.NODES)) {
try {
var nodes_data = JSON.parse(fs.readFileSync(__glob.NODES))
var nodeIndex = -1
for(var node of nodes_data) {
if(node.host == data.host) {
nodeIndex = nodes_data.indexOf(node)
}
}
nodes_data.splice(nodeIndex, 1)
const client = discord.getClient()
if(client.manager) {
const nodesPresent = client.manager.nodes
if(nodesPresent.get(data.host)) {
client.manager.destroyNode(data.host)
}
}
fs.writeFileSync(__glob.NODES, JSON.stringify(nodes_data, null, 2))
nlog.step.end("deleteNodes")
} catch(error) {
nlog.step.error("deleteNodes", error)
}
} else {
nlog.warn("Fichier de configuration introuvable !")
try {
var nodes = []
fs.writeFileSync(__glob.NODES, JSON.stringify(nodes, null, 2))
nlog.log("Création d'un fichier de base de donnée de nodes ! Redémarrage de l'application nécéssaire !")
nlog.step.error("deleteNodes", "Redémarrage requis pour lire la nouvelle base de donnée des nodes !")
process.exit(0)
} catch(error) {
nlog.step.error("deleteNodes", "Tentative de création du fichier de nodes échoué !" + error)
}
}
function saveNodesFile(data) {
fs.writeFileSync(__glob.NODES, JSON.stringify(data, null, 2))
}
module.exports.reloadNode = function (data) {
const client = discord.getClient()
if(client.manager) {
if (client.manager) {
const nodesPresent = client.manager.nodes
if(nodesPresent.get(data.host)) {
if (nodesPresent.get(data.host)) {
client.manager.destroyNode(data.host)
}
nlog.log("Redémarrage de la node : " + data.host)
client.manager.createNode(data)
client.manager.nodes.get(data.host).connect()
}
}
/**
* Ajout de l'état des nodes
* @param {string} node
* @param {boolean} state
*/
module.exports.setNodeState = function(node, state) {
module.exports.setNodeState = function (node, state) {
nodesState.set(node, state)
process.emit("UPDATE_NODES")
}
module.exports.getNodesStates = function() {
module.exports.getNodesStates = function () {
return nodesState
}
module.exports.getNodes = function () {
nlog.step.init("find_nodes", "Récupération des nodes de la base de donnée")
try {
var nodes_data = readNodesFile()
const nodes_array = new Array()
for (var node of nodes_data) {
nodes_array.push(node)
nodesState.set(node.host, false)
}
nlog.log("Récupération de " + nodes_array.length + " nodes dans la base de donnée !")
nlog.step.end("find_nodes")
return nodes_array
} catch (error) {
nlog.step.error("find_nodes", error)
}
}
module.exports.getNodesData = function () {
nlog.step.init("findu_nodes", "Récupération des nodes pour envoi d'informations!")
try {
var nodes_data = readNodesFile()
const nodes_array = new Array()
for (var node of nodes_data) {
node.state = nodesState.get(node.host)
nodes_array.push(node)
}
nlog.log("Récupération de " + nodes_array.length + " nodes pour envoi d'informations!")
nlog.step.end("findu_nodes")
return nodes_array
} catch (error) {
nlog.step.error("findu_nodes", error)
}
}
module.exports.addNodes = function (data) {
nlog.step.init("add_nodes", "Ajout d'un nouveau noeud dans la base de donnée de nodes : " + data.host)
try {
var nodes_data = readNodesFile()
nodes_data.push(data)
saveNodesFile(nodes_data)
nlog.step.end("add_nodes")
const client = discord.getClient()
if (client.manager) {
const nodesPresent = client.manager.nodes
if (!nodesPresent.get(data.host)) {
client.manager.createNode(data)
}
client.manager.nodes.get(data.host).connect()
}
} catch (error) {
nlog.step.error("add_nodes", error)
}
}
module.exports.deleteNode = function (data) {
nlog.step.init("deleteNodes", "Supression d'un noeud dans la base de donnée de nodes : " + data.host)
try {
var nodes_data = readNodesFile()
var nodeIndex = -1
for (var node of nodes_data) {
if (node.host == data.host) {
nodeIndex = nodes_data.indexOf(node)
}
}
nodes_data.splice(nodeIndex, 1)
const client = discord.getClient()
if (client.manager) {
const nodesPresent = client.manager.nodes
if (nodesPresent.get(data.host)) {
client.manager.destroyNode(data.host)
}
}
saveNodesFile(nodes_data)
nlog.step.end("deleteNodes")
} catch (error) {
nlog.step.error("deleteNodes", error)
}
}

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

@ -1,30 +1,94 @@
const { resolve } = require("path");
const { __glob, __web } = require("../modules/global-variables");
const { LogType } = require('./sub-log');
const fs = require("fs")
const { __glob, __web } = require("./global-variables");
const { LogType } = require('loguix');
const fs = require("fs");
const alog = new LogType("Authentification")
var users = new Map()
var sessions = new Array()
var betausers = new Array()
var packageJson = JSON.parse(fs.readFileSync(__glob.PACKAGE))
updateUsers()
module.exports.checkUser = function (token) {
if(!fs.existsSync(__glob.PICTURE_DIR)){
if(users.has(token)) {
return true
} else {
return false
}
fs.mkdirSync(__glob.PICTURE_DIR);
}
updateUsers()
checkAllPictures()
module.exports.getDiscordUser = function (code, session) {
return new Promise((resolve, reject) => {
alog.log("Récupération de l'autorisation de récupération des informations de l'utilisateur associé à la session : " + session + " [ETAPE 2]")
var link = "https://subsonics.raphix.fr"
if(process.env.DEV == "true") {
link = "http://localhost:4000"
}
const params = new URLSearchParams();
params.append('client_id', "1094727789682380922");
params.append('client_secret', "uwtyPOPKCgw6ciBs20qiJ7LJrW9Ziclo");
params.append('grant_type', 'authorization_code');
params.append('code', code);
params.append('redirect_uri', link + "/internal/redirect");
params.append('scope', 'identify guilds');
fetch('https://discord.com/api/oauth2/token', {
method: "POST",
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}, body : params
}).then(resp1 => resp1.json()).then(authorizationKey => {
alog.log("Récupération des informations de l'utilisateur associé à l'autorisation : '" + authorizationKey.access_token + "' et associé à la session : " + session + " [ETAPE 3]")
fetch('https://discord.com/api/users/@me/guilds/137291455336022018/member', {
headers: {
authorization: `${authorizationKey.token_type} ${authorizationKey.access_token}`,
},
}).then(resp2 => resp2.json()).then(userInfo => {
var user = {}
if(typeof userInfo.joined_at == "undefined") {
reject("NOT_IN_CLP")
} else if(typeof userInfo.user == "undefined") {
reject("MIGRATE_ACCOUNT_ONLY")
} else {
// Replace existing user from the DB file if exist
const userDB = readUsersFile(__glob.USERS)
for (const user of userDB) {
if(user.user.id == userInfo.user.id) {
userInfo.token = user.token
}
}
user.auth = authorizationKey;
if(userInfo.user.id == "486943594893017119") {
user.admin = true;
}
Object.assign(user, userInfo);
resolve(user);
}
}).catch(error => reject(error))
}).catch(error => reject(error))
})
}
/*Session*/
module.exports.getSession = function (session) {
@ -39,105 +103,6 @@ module.exports.getSession = function (session) {
}
module.exports.getDiscordUser = function (code, session) {
return new Promise((resolve, reject) => {
alog.log("Récupération de l'autorisation de récupération des informations de l'utilisateur associé à la session : " + session + " [ETAPE 2]")
var link = "https://subsonics.raphix.fr"
if(process.env.DEV == "true") {
link = "http://localhost:4000"
}
const params = new URLSearchParams();
params.append('client_id', "1094727789682380922");
params.append('client_secret', "uwtyPOPKCgw6ciBs20qiJ7LJrW9Ziclo");
params.append('grant_type', 'authorization_code');
params.append('code', code);
params.append('redirect_uri', link + "/internal/redirect");
params.append('scope', 'identify guilds');
fetch('https://discord.com/api/oauth2/token', {
method: "POST",
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}, body : params
}).then(resp1 => resp1.json()).then(authorizationKey => {
alog.log("Récupération des informations de l'utilisateur associé à l'autorisation : '" + authorizationKey.access_token + "' et associé à la session : " + session + " [ETAPE 3]")
fetch('https://discord.com/api/users/@me/guilds/137291455336022018/member', {
headers: {
authorization: `${authorizationKey.token_type} ${authorizationKey.access_token}`,
},
}).then(resp2 => resp2.json()).then(userInfo => {
var user = {}
if(typeof userInfo.joined_at == "undefined") {
reject("NOT_IN_CLP")
} else if(typeof userInfo.user == "undefined") {
reject("MIGRATE_ACCOUNT_ONLY")
} else {
if(packageJson.beta_on == false) {
user.auth = authorizationKey
if(userInfo.user.id == "486943594893017119") {
user.admin = true
}
Object.assign(user, userInfo)
resolve(user)
} else {
if(betausers.includes(userInfo.user.id)) {
user.auth = authorizationKey
if(userInfo.user.id == "486943594893017119") {
user.admin = true
}
user.beta = true
Object.assign(user, userInfo)
resolve(user)
} else {
reject("NOT_IN_BETA")
}
}
}
}).catch(error => reject(error))
}).catch(error => reject(error))
})
}
module.exports.saveSession = function (session) {
sessions.push(session)
@ -153,23 +118,52 @@ module.exports.removeSession = function (session) {
}
/*Users*/
module.exports.checkUser = function (token) {
for(var user of users) {
if(user[1].token.includes(token)) {
return true
}
}
return false
}
module.exports.getUser = function (token) {
for(var user of users) {
if(user[1].token.includes(token)) {
return user[1]
}
}
return null
}
module.exports.getUsers = function () {
const userDB = JSON.parse(fs.readFileSync(__glob.USERS))
const userDB = readUsersFile(__glob.USERS)
return userDB
}
module.exports.getUsersList = function () {
module.exports.getSimpleUsers = function () {
var userList = new Array()
const userDB = JSON.parse(fs.readFileSync(__glob.USERS))
const userDB = readUsersFile(__glob.USERS)
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, "admin": user.admin})
userList.push({"username": user.user.username, "global_name":user.user.global_name, "avatar": user.user.avatar, "id": user.user.id, "admin": user.admin, "picture": user.picture})
}
@ -180,32 +174,20 @@ module.exports.getUsersList = function () {
module.exports.getSimpleUser = function (token) {
var user = users.get(token)
const user = this.getUser(token)
if(!user) {
return null
}
return ({"username": user.user.username, "global_name":user.user.global_name, "avatar": user.user.avatar, "id": user.user.id, "admin": user.admin})
}
module.exports.getUser = function (token) {
return users.get(token)
return ({"username": user.user.username, "global_name":user.user.global_name, "avatar": user.user.avatar, "id": user.user.id, "admin": user.admin, "picture": user.picture})
}
module.exports.addUser = function (user) {
if(!fs.existsSync(__glob.USERS)){
fs.writeFileSync(__glob.USERS, '[]')
}
const userDB = JSON.parse(fs.readFileSync(__glob.USERS))
const userDB = readUsersFile(__glob.USERS)
var selectedUser = null
@ -229,21 +211,63 @@ module.exports.addUser = function (user) {
userDB.push(user)
}
fs.writeFileSync(__glob.USERS, JSON.stringify(userDB, null, 2))
saveUsersFile( userDB)
var OPdest = __glob.PICTURE_DIR + "/" + user.user.id + ".png"
if (fs.existsSync(OPdest)) {
fs.rmSync(OPdest);
}
checkAllPictures()
updateUsers()
alog.log("Ajout de " + user.user.username + " en tant qu'utilisateur avec le token : " + user.token)
}
module.exports.removeUser = function (token) {
const userDB = readUsersFile(__glob.USERS)
var selectedUser = null
for (const user of userDB) {
if(user.token == token) {
selectedUser = user
}
}
const index = userDB.indexOf(selectedUser)
alog.log("Supression de " + selectedUser.user.username + " en tant qu'utilisateur avec le token : " + selectedUser.token)
userDB.splice(index, 1)
saveUsersFile(userDB)
updateUsers()
}
module.exports.removeToken = function (token) {
const userDB = readUsersFile(__glob.USERS)
var selectedUser = null
for (const user of userDB) {
var usersTokens = user.token
if(usersTokens.includes(token)) {
selectedUser = user
}
}
const index = userDB.indexOf(selectedUser)
alog.log("Supression du token de " + selectedUser.user.username + " en tant qu'utilisateur avec le token : " + selectedUser.token)
const tokens = selectedUser.token
tokens.splice(tokens.indexOf(token), 1)
saveUsersFile(userDB)
updateUsers()
}
module.exports.setAdmin = function (user) {
if(!fs.existsSync(__glob.USERS)){
fs.writeFileSync(__glob.USERS, '[]')
}
const userDB = JSON.parse(fs.readFileSync(__glob.USERS))
const userDB = readUsersFile(__glob.USERS)
var selectedUser = null
@ -268,7 +292,7 @@ module.exports.setAdmin = function (user) {
}
fs.writeFileSync(__glob.USERS, JSON.stringify(userDB, null, 2))
saveUsersFile(userDB)
updateUsers()
alog.log("Ajout de " + user.user.username + " en tant qu'administrateur avec le token : " + user.token)
@ -277,40 +301,8 @@ module.exports.setAdmin = function (user) {
module.exports.removeUser = function (token) {
if(!fs.existsSync(__glob.USERS)){
fs.writeFileSync(__glob.USERS, '[]')
}
const userDB = JSON.parse(fs.readFileSync(__glob.USERS))
var selectedUser = null
for (const user of userDB) {
if(user.token == token) {
selectedUser = user
}
}
const index = userDB.indexOf(selectedUser)
alog.log("Supression de " + selectedUser.user.username + " en tant qu'utilisateur avec le token : " + selectedUser.token)
userDB.splice(index, 1)
fs.writeFileSync(__glob.USERS, JSON.stringify(userDB, null, 2))
updateUsers()
}
function updateUsers() {
if(!fs.existsSync(__glob.BETA_USERS)){
fs.writeFileSync(__glob.BETA_USERS, '[]')
}
if(!fs.existsSync(__glob.USERS)){
@ -318,19 +310,75 @@ function updateUsers() {
}
const userDB = JSON.parse(fs.readFileSync(__glob.USERS))
const betausersDB = JSON.parse(fs.readFileSync(__glob.BETA_USERS))
const userDB = readUsersFile(__glob.USERS)
for (const user of userDB) {
users.set(user.token, user)
}
for (const id of betausersDB) {
betausers.push(id)
}
alog.log("Actualisation de " + userDB.length + " utilisateurs depuis : " + __glob.USERS)
alog.log("Actualisation de " + betausersDB.length + " utilisateurs bêtas depuis : " + __glob.BETA_USERS)
}
function readUsersFile(file) {
return JSON.parse(fs.readFileSync(file, 'utf8'))
}
function saveUsersFile(data) {
fs.writeFileSync(__glob.USERS, JSON.stringify(data, null, 2))
}
function checkAllPictures() {
const userDB = readUsersFile(__glob.USERS)
for (const user of userDB) {
if(!fs.existsSync(__glob.PICTURE_DIR + "/" + user.user.id + ".png")) {
userDB[userDB.indexOf(user)].picture = "/userspictures/" + user.user.id + ".png"
downloadPicture(`https://cdn.discordapp.com/avatars/${user.user.id}/${user.user.avatar}`, __glob.PICTURE_DIR + "/" + user.user.id + ".png")
}
}
saveUsersFile(userDB)
}
const ilog = new LogType("ImageDownloader")
function downloadPicture(url, dest) {
const fs = require('fs');
const request = require('request');
//Check if path exist and delete it
if (fs.existsSync(dest)) {
fs.rmSync(dest);
}
const download = (url, path, callback) => {
request.head(url, (err, res, body) => {
request(url)
.pipe(fs.createWriteStream(path))
.on('close', callback)
})
}
download(url, dest, () => {
// Say for each user that the picture is downloaded
ilog.log("Picture downloaded for " + dest)
process.emit("UPDATE_SELF")
})
}

84
src/modules/sub-list.js
View File

@ -1,6 +1,6 @@
const { SlashCommandBuilder, EmbedBuilder } = require("discord.js");
const { __glob } = require("../modules/global-variables");
const { LogType } = require('./sub-log');
const { LogType } = require('loguix');
const discord = require("./discord-bot")
const dlog = new LogType("Queue-List")
@ -12,10 +12,6 @@ var shuffle = false
module.exports.List = class {
constructor() {
}
getList() {
return next
@ -48,8 +44,6 @@ module.exports.List = class {
return song
} else {
const randomIndex = Math.floor(Math.random() * next.length);
const song = next[randomIndex]
next.splice(randomIndex, 1)
@ -194,32 +188,12 @@ module.exports.List = class {
}
async fpPlaylistAdd(playlist, client) {
let player = client.manager.players.get("137291455336022018")
for(var song of playlist.videos) {
const song_finded = await client.manager.search(song.url)
next.push(song_finded.tracks[0])
}
if(!player.playing) {
player.play(next[0])
this.remove(next[0])
}
process.emit("MUSIC_UPDATE_STATE")
}
async playlistAdd(playlist, interaction, userId, ) {
if(interaction) {
var client = discord.getClient()
let player = client.manager.players.get("137291455336022018")
const client = interaction.client
if(interaction) {
var author = "Artiste inconnu !"
@ -240,35 +214,22 @@ module.exports.List = class {
.setTimestamp();
interaction.reply({embeds: [embed]})
player = client.manager.players.get(interaction.guild.id)
let player = client.manager.players.get(interaction.guild.id)
userId = interaction.member.user.id
}
for(var song of playlist.videos) {
if(song.uri) {
song.url = song.uri
}
const song_finded = await client.manager.search(song.url)
next.push(song_finded.tracks[0])
process.emit("MUSIC_UPDATE_STATE")
}
if(!player.playing) {
player.play(next[0])
this.remove(next[0])
}
} else {
var client = null
if(!client) {
client = discord.getClient()
}
let player = client.manager.players.get("137291455336022018")
if(!player) {
var channelId = discord.getMemberVoices().get(userId)
@ -288,21 +249,18 @@ module.exports.List = class {
player.connect();
}
for(var song of playlist) {
const song_finded = await client.manager.search(song.uri)
next.push(song_finded.tracks[0])
process.emit("MUSIC_UPDATE_STATE")
}
if(!player.playing) {
player.play(next[0])
this.remove(next[0])
player.play(next[0])
this.remove(next[0])
}
}
}

217
src/modules/sub-log.js
View File

@ -1,217 +0,0 @@
const fs = require("fs")
const path = require("path")
var logStream = null
var logInstance = new Map()
setup()
function getDate(formated) {
var date = new Date()
// [Date Format] - Format de la date
var gmonth = date.getMonth()
var gday = date.getDate()
var gHour = date.getHours()
var gMinute = date.getMinutes()
var gSecondes = date.getSeconds()
if(date.getMonth() + 1 <= 10) {
gmonth = "0" + (date.getMonth() + 1)
}
if(date.getDate() + 1 <= 10) {
gday = "0" + date.getDate()
}
if(date.getHours() + 1 <= 10) {
gHour = "0" + date.getHours()
}
if(date.getMinutes() + 1 <= 10) {
gMinute = "0" + date.getMinutes()
}
if(date.getSeconds() + 1 <= 10) {
gSecondes = "0" + date.getSeconds()
}
if(!formated) {
return gday + "/" + gmonth + " - " + gHour + "h" + "-" + gMinute + "m" + "-" + gSecondes + "s"
} else {
return date.getFullYear() + "-" + gmonth + "-" + gday + "-" + gHour + "h" + "-" + gMinute + "m" + "-" + gSecondes + "s"
}
}
function setup() {
if(!fs.existsSync(__dirname + path.sep + "logs" + path.sep)) {
fs.mkdir(__dirname + path.sep + "logs", (err) => {
if(!err) {
console.log("[Logs] - Dossier de logs crée ! !")
} else {
console.log("[Logs] -Erreur d'écriture par manque de permission ")
console.log(err)
}
})
}
logStream = fs.createWriteStream(__dirname + path.sep + "logs" + path.sep + getDate(true) + ".log", {
flags: 'a'
});
logStream.write("[" + require("../../package.json").name + "@"+ require("../../package.json").version + "] - [" + getDate(true) + "]" + "\n")
logStream.write("Subsonics-Web by Raphix" + "\n")
logStream.write("----------------------------------------------------------------" + "\n")
process.on('uncaughtException', (err) => {
console.error("["+ "FATAL" + "] - The application has encountered an error ! Please Restart ! #E = " + err + "\n")
console.error(err)
logStream.write("[" + getDate() + "] - ["+ "FATAL" + "] - The application has encountered an error ! Please Restart ! #E = " + err + "\n")
logStream.end( "["+ "UNCAUGHT_EXCEPTION" + "]" + " - [END OF LOGS] - [" + getDate() + ']')
logStream.close()
});
process.on('beforeExit', (err) => {
logStream.end( "["+ "BEFORE_EXIT" + "]" + " - [END OF LOGS] - [" + getDate(true) + ']')
logStream.close()
});
}
module.exports.getInstance = function (name) {
if(logInstance.has(name)) {
return logInstance.get(name)
} else {
var logtext = "[Logs] - [ERROR] - '" + name + "' n'est pas enregistré en tant qu'instance de log !"
logStream.write("[" + getDate() + "] - " + logtext + "\n")
console.log(logtext)
return null
}
}
module.exports.LogType = class {
constructor(typeName) {
this.type = typeName;
this.steps = new Map()
this.step = this.initializeStep()
logInstance.set(typeName, this)
}
log(txt) {
var logtext = "[" + this.type + "] - [INFO] - " + txt
logStream.write("[" + getDate() + "] - " + logtext + "\n")
console.log(logtext)
}
warn(txt) {
var logtext = "[" + this.type + "] - [WARN] - " + txt
logStream.write("[" + getDate() + "] - " + logtext + "\n")
console.log(logtext)
}
error(txt) {
var logtext = "[" + this.type + "] - [ERROR] - " + txt
logStream.write("[" + getDate() + "] - " + logtext + "\n")
console.log(logtext)
}
initializeStep() {
const parent = this;
return {
init: function(id, desc) {
parent.steps.set(id, desc)
var logtext = "[" + parent.type + "] - [INFO] - [STEP] - " + desc + " - En cours ..."
logStream.write("[" + getDate() + "] - " + logtext + "\n")
console.log(logtext)
},
end: function(id) {
if(parent.steps.has(id)) {
var logtext = "[" + parent.type + "] - [INFO] - [STEP] - " + parent.steps.get(id) + " - Terminé !"
logStream.write("[" + getDate() + "] - " + logtext + "\n")
console.log(logtext)
parent.steps.delete(id)
} else {
var logtext = "[" + parent.type + "] - [WARN] - [STEP] - '" + id + "' n'est pas enregistré en tant qu'étape !"
logStream.write("[" + getDate() + "] - " + logtext + "\n")
console.log(logtext)
}
},
error: function(id, errorDesc) {
if(parent.steps.has(id)) {
var logtext = "[" + parent.type + "] - [ERROR] - [STEP] - " + parent.steps.get(id) + " - Une erreur a été rencontré dans l'étape ! : #E = " + errorDesc
logStream.write("[" + getDate() + "] - " + logtext + "\n")
console.log(logtext)
parent.steps.delete(id)
} else {
var logtext = "[" + parent.type + "] - [WARN] - [STEP] - '" + id + "' n'est pas enregistré en tant qu'étape !"
logStream.write("[" + getDate() + "] - " + logtext + "\n")
console.log(logtext)
}
}
}
}
}

121
src/modules/sub-player.js
View File

@ -1,11 +1,11 @@
const { SlashCommandBuilder, EmbedBuilder, DefaultWebSocketManagerOptions, discordSort } = require("discord.js");
const { __glob } = require("../modules/global-variables");
const { LogType } = require("./sub-log");
const { LogType } = require("loguix");
var { List } = require("./sub-list")
const discord = require("./discord-bot")
var ytfps = require("ytfps");
const packageJson = require(__glob.PACKAGE);
const { Metric } = require("webmetrik");
const list = new List()
@ -61,8 +61,8 @@ module.exports.play = async function (client, interaction) {
.setColor(0x15e6ed)
.setTitle('**Lecture de : **' + songs.tracks[0].title)
.setDescription('**Demandé par **' + interaction.member.user.username)
.addFields({name: "Auteur", value: son.tracks[0].author},
{name: "URL", value:songs.tragscks[0].uri})
.addFields({name: "Auteur", value: songs.tracks[0].author},
{name: "URL", value: songs.tracks[0].uri})
.setThumbnail(songs.tracks[0].thumbnail)
.setTimestamp();
@ -79,14 +79,11 @@ module.exports.play = async function (client, interaction) {
}
} else {
// [A FINIR POUR WEB]
}
playStats(interaction.member.user.username)
}
process.emit("MUSIC_UPDATE_STATE")
}
@ -193,72 +190,20 @@ module.exports.getState = function(client, interaction) {
module.exports.playPlaylist = function (id, data) {
list.playlistAdd(data, null, id)
}
module.exports.SPECIAL_MJ = async function (client, userId) {
if(!client) {
client = discord.getClient()
}
let player = client.manager.players.get("137291455336022018")
var memberVoices = discord.getMemberVoices()
var channelId = memberVoices.get(userId)
if(!channelId) {
channelId = "664355808250953739"
}
if(!player) {
player = client.manager.create({
guild: "137291455336022018",
voiceChannel: channelId,
textChannel: "664355637685256203",
});
player.connect();
}
const songs = await client.manager.search("Earth MJ")
const songs2 = await client.manager.search("https://www.youtube.com/watch?v=_mwsc6xqb3w")
const songs3 = await client.manager.search("https://www.youtube.com/watch?v=IdjgmRa3k-g")
if(!player.playing) {
player.play(songs.tracks[0])
} else {
list.add(songs.tracks[0])
}
list.add(songs2.tracks[0])
list.add(songs3.tracks[0])
const playlist = {}
playlist.videos = data
list.playlistAdd(playlist, null, id)
}
module.exports.addSong = async function (data, client, userId, quick, playlist) {
if(!client) {
module.exports.addSong = async function (data, userId, quick, playlist) {
client = discord.getClient()
}
var client = discord.getClient()
let player = client.manager.players.get("137291455336022018")
var memberVoices = discord.getMemberVoices()
@ -315,41 +260,15 @@ module.exports.addSong = async function (data, client, userId, quick, playlist)
}
module.exports.addSongsFromPlaylist = async function (data, client, userId, quick, playlist) {
module.exports.addSongsFromPlaylist = async function (data, userId) {
if(!client) {
client = discord.getClient()
}
let player = client.manager.players.get("137291455336022018")
var memberVoices = discord.getMemberVoices()
var channelId = memberVoices.get(userId)
if(!channelId) {
channelId = "664355808250953739"
}
if(!player) {
player = client.manager.create({
guild: "137291455336022018",
voiceChannel: channelId,
textChannel: "664355637685256203",
});
player.connect();
}
var playlist = await checkPlaylist(data)
if(playlist) {
list.fpPlaylistAdd(playlist, client)
list.playlistAdd(playlist, null, userId)
}
@ -834,3 +753,9 @@ async function checkPlaylist (song_name) {
}
function playStats(username) {
var userMusicPlayed = new Metric("userMusicPlayed_" + username, "Nombre de musiques jouées par l'utilisateur : " + username)
userMusicPlayed.setValue(userMusicPlayed.getValue() + 1)
}

5
src/modules/sub-playlist.js
View File

@ -1,11 +1,8 @@
const { SlashCommandBuilder, EmbedBuilder, DefaultWebSocketManagerOptions, discordSort } = require("discord.js");
const { __glob } = require("../modules/global-variables");
const { LogType } = require("./sub-log");
var { List } = require("./sub-list")
const discord = require("./discord-bot")
const { LogType } = require("loguix");
const subplayer = require("./sub-player")
const fs = require("fs");
const { type } = require("os");
var playlists = {}
const plog = new LogType("Playlist-Manager")

29
src/modules/sub-radio.js
View File

@ -1,5 +1,5 @@
const { __glob } = require("../modules/global-variables");
const { LogType } = require("./sub-log");
const { LogType } = require("loguix");
var { List } = require("./sub-list")
const discord = require("./discord-bot")
const subplayer = require("./sub-player")
@ -8,19 +8,19 @@ const { type } = require("os");
var radios = []
const plog = new LogType("Radio-Manager")
check()
checkRadioFile()
module.exports.get = function () {
check()
checkRadioFile()
return radios
}
module.exports.add = function (data) {
var radios_data = JSON.parse(fs.readFileSync(__glob.RADIO))
var radios_data = readRadioFile()
radios_data.push(data)
fs.writeFileSync(__glob.RADIO, JSON.stringify(radios_data, null, 2))
@ -31,7 +31,7 @@ module.exports.add = function (data) {
module.exports.remove = function(data) {
var radios_data = JSON.parse(fs.readFileSync(__glob.RADIO))
var radios_data = readRadioFile()
var radIndex = -1
@ -48,11 +48,26 @@ module.exports.remove = function(data) {
radios_data.splice(radIndex, 1)
fs.writeFileSync(__glob.RADIO, JSON.stringify(radios_data, null, 2))
saveRadioFile(radios_data)
}
function check() {
function saveRadioFile(data) {
fs.writeFileSync(__glob.RADIO, JSON.stringify(data, null, 2))
}
function readRadioFile() {
if(fs.existsSync(__glob.RADIO)) {
return JSON.parse(fs.readFileSync(__glob.RADIO))
}
}
function checkRadioFile() {
if(fs.existsSync(__glob.RADIO)) {

1448
src/modules/sub-web.js
View File

File diff suppressed because it is too large Load Diff

25
src/web/public/javascript/IO.js
View File

@ -11,6 +11,10 @@ socket.on("connect", () => {
get("MUSIC_STATE")
});
socket.on("disconnect", () => {
window.location.href = "/"
});
function get(request) {
return new Promise((resolve, reject) => {
@ -20,7 +24,7 @@ function get(request) {
socket.once("ANSWER/GET/" + request, (answer) => {
console.log("Réponse pour la requête : " + request)
console.log("Réponse pour la requête GET : " + request)
resolve(answer)
@ -30,16 +34,16 @@ function get(request) {
}
function send(request, data, secondata, thirddata) {
function post(request, data, secondata, thirddata) {
return new Promise((resolve, reject) => {
socket.emit("SEND/" + request, data, secondata, thirddata)
console.log("Envoi de la requête SEND : " + request)
socket.emit("POST/" + request, data, secondata, thirddata)
console.log("Envoi de la requête POST : " + request)
socket.once("ANSWER/SEND/" + request, (answer) => {
socket.once("ANSWER/POST/" + request, (answer) => {
console.log("Réponse pour la requête : " + request)
console.log("Réponse pour la requête POST : " + request)
resolve(answer)
@ -49,6 +53,15 @@ function send(request, data, secondata, thirddata) {
}
function AlwaysRequest(GQname, GQcallback) {
socket.on("ALWAYS/" + GQname, (data) => {
console.log("Récéption pour la requête ALWAYS : " + GQname)
GQcallback(data)
})
}
function getSocket() {
return socket

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

File diff suppressed because it is too large Load Diff

11
src/web/public/javascript/__login_script.js
View File

@ -1,11 +0,0 @@
const loginBtn = document.getElementById("loginBtn")
loginBtn.addEventListener("click", () => {
const discordLink = get("DISCORD_LOGIN_LINK")
discordLink.then(link => {
window.location.href = link
})
})

187
src/web/public/javascript/basics.js Normal file
View File

@ -0,0 +1,187 @@
/**
* @param {string} id
* @returns element
*/
function getID(id) {
return document.getElementById(id);
}
// Get The position of the mouse
var xMousePos = 0;
var yMousePos = 0;
document.onmousemove = function(e)
{
xMousePos = e.clientX + window.scrollX;
yMousePos = e.clientY + window.scrollY;
}
function disableDrag() {
// Ajoutez un gestionnaire d'événement pour l'événement dragover
document.addEventListener('dragover', function (e) {
e.preventDefault(); // Empêche le comportement par défaut du navigateur
});
// Ajoutez un gestionnaire d'événement pour l'événement drop
document.addEventListener('drop', function (e) {
e.preventDefault(); // Empêche le comportement par défaut du navigateur
});
}
// Pour réactiver le drag-and-drop, vous pouvez supprimer les gestionnaires d'événements
function enableDrag() {
// Supprimez le gestionnaire d'événement pour l'événement dragover
document.removeEventListener('dragover', function (e) {
e.preventDefault(); // Empêche le comportement par défaut du navigateur
});
// Supprimez le gestionnaire d'événement pour l'événement drop
document.removeEventListener('drop', function (e) {
e.preventDefault(); // Empêche le comportement par défaut du navigateur
});
}
function startInterval() {
interval = setInterval(() => {
if(isPlaying == true) {
setTime()
}
}, 1000)
}
function stopInterval() {
clearInterval(interval);
}
function setTime() {
durationBar.max = durationAll
durationProgress += 1000
durationBar.value = durationProgress
const maxhours = Math.floor(durationAll / 3600000);
const nowhours = Math.floor(durationProgress / 3600000);
var maxmin = Math.trunc(durationAll / 60000) - (Math.floor(durationAll / 60000 / 60) * 60);
var maxsec = Math.floor(durationAll / 1000) - (Math.floor(durationAll / 1000 / 60) * 60);
var nowmin = Math.trunc(durationProgress / 60000) - (Math.floor(durationProgress / 60000 / 60) * 60);
var nowsec = Math.floor(durationProgress / 1000) - (Math.floor(durationProgress / 1000 / 60) * 60);
console.log(durationAll)
console.log(durationProgress)
console.log("---------------------")
var now = ""
var max = ""
if (maxmin < 10) {
maxmin = `0${maxmin}`;
}
if (nowmin < 10) {
nowmin = `0${nowmin}`;
}
if (maxsec < 10) {
maxsec = `0${maxsec}`;
}
if (nowsec < 10) {
nowsec = `0${nowsec}`;
}
if(maxhours != 0) {
max = maxhours + ":" + maxmin + ":" + maxsec
} else {
max = maxmin + ":" + maxsec
}
if(nowhours != 0) {
now = nowhours + ":" + nowmin + ":" + nowsec
} else {
now = nowmin + ":" + nowsec
}
durationTextAct.innerHTML = now
durationTextTotal.innerHTML = max
}
function getTimeCode(pdurationAll) {
var pmax = ""
const pmaxhours = Math.floor(pdurationAll / 3600000);
var pmaxmin = Math.trunc(pdurationAll / 60000) - (Math.floor(pdurationAll / 60000 / 60) * 60);
var pmaxsec = Math.floor(pdurationAll / 1000) - (Math.floor(pdurationAll / 1000 / 60) * 60);
if (pmaxsec < 10) {
pmaxsec = `0${pmaxsec}`;
}
if(pmaxhours != 0) {
if (pmaxmin < 10) {
pmaxmin = `0${pmaxmin}`;
}
pmax = pmaxhours + ":" + pmaxmin + ":" + pmaxsec
} else {
pmax = pmaxmin + ":" + pmaxsec
}
return pmax
}
function loadHome() {
userLocation = "home"
mainView.innerHTML = WelcomeContent
get("ALL_CONNECTED_USER")
get("ALL_RADIO")
}
const buttons = document.querySelectorAll(".sside_line");
buttons.forEach(button => {
button.addEventListener("click", function () {
buttons.forEach(btn => {
if (btn === button) {
btn.style.color = "white";
} else {
btn.style.color = "";
}
});
});
});

137
src/web/public/javascript/indexscript.js Normal file
View File

@ -0,0 +1,137 @@
updateUsersPictures()
AlwaysRequest("UPDATE_SELF", () => {
updateUsersPictures()
})
function updateUsersPictures() {
const userInfo = get("USER_INFO")
userInfo.then(user => {
settingsBtn.style.display = "none"
if(user.admin == true) {
settingsBtn.style.display = "flex"
userAdmin = true
}
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='" + user.picture +"'>" + "</div>"
})
}
userInfoDiv.addEventListener("click", () => {
if(userInfoPopup.classList.contains("invisible")) {
userInfoPopup.classList.remove("invisible")
userInfoPopup.style.left = (xMousePos - 110) + "px"
userInfoPopup.style.top = yMousePos + "px"
}
})
userInfoPopup.classList.add("invisible")
userInfoPopup.addEventListener("mouseleave", () => {
userInfoPopup.classList.add("invisible")
})
// Load users connected
AlwaysRequest("ALL_CONNECTED_USER", (data) => {
if(userLocation == "home") {
const website_list = document.getElementById("website_list")
const userToPush = new Array()
userToPush.push("<p style=' padding-bottom: 1%; font-family: Gunship, sans-serif;'><i class='fa fa-users'></i> Utilisateurs connecté(es)</p>")
for(var user of data) {
userToPush.push(`<div style=' padding-bottom: 2%; padding-top: 1%;' class="set_user_info"><img style='margin-right: 3%;' src="${user.picture}"><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>`)
}
website_list.innerHTML = userToPush.join("")
}
})
var timeoutId = null
socket.on("NOTIFICATION", (data) => {
if(timeoutId) {
clearTimeout(timeoutId)
}
const notifDiv = document.getElementById("notif")
const notif_image = document.getElementById("notif_image")
const notif_text = document.getElementById("notif_text")
notif_image.src = data.image_src
notif_text.innerHTML = data.text
notifDiv.classList.add("notif_div_on")
timeoutId = setTimeout(() => {
notifDiv.classList.remove("notif_div_on")
}, 4000)
notifDiv.addEventListener("click", () => {
if(timeoutId) {
clearTimeout(timeoutId)
}
notifDiv.classList.remove("notif_div_on")
})
})
// Window Selector
homeBtn.style.color = "white"
homeBtn.addEventListener("click", () => {
loadHome()
})
// Restart
restartBtn.addEventListener("click", () => {
get("RESTART")
})
// Start Operation
loadHome()

9
src/web/public/javascript/login-script.js Normal file
View File

@ -0,0 +1,9 @@
const loginBtn = document.getElementById("loginBtn")
loginBtn.addEventListener("click", () => {
window.location.href = "/internal/discordlink"
})

68
src/web/public/javascript/middle.js Normal file
View File

@ -0,0 +1,68 @@
const userInfoDiv = getID("userInfo")
const userInfoPopup = getID("userPopup")
const userInfoglobal = getID("userInfoglobal")
const musicTitle = getID("music_title")
const musicURL = getID("music_img")
const durationBar = getID("duration")
const durationTextAct = getID("durationTextAct")
const durationTextTotal = getID("durationTextTotal")
const backward = getID("backward")
const play = getID("play")
const forward = getID("forward")
const settingsBtn = getID("settings_btn")
const loop = getID("loop")
const vol = getID("volbtn")
const shuffle = getID("shuffle")
const list = getID("list_btn")
const takeCurrent = getID("takeCurrent")
const volBox = getID("volumeBox")
const volTxt = getID("volumeTxt")
const volDiv = getID("volDiv")
const volRange = getID("volumeInput")
const listBox = getID("listBox")
const listNumber = getID("listNumber")
const disconnect = getID("disconnect")
const report_dialog = getID("report_dialog")
const report_close = getID("report_close")
const reportBtn = getID("reportBtn")
const report_level = getID("report_level")
const report_desc = getID("report_desc")
const report_send = getID("report_send")
const searchBtn = getID("search_btn")
const homeBtn = getID("home_btn")
const mainView = getID("mainView")
const restartBtn = getID("restartBtn")
const WelcomeContent = mainView.firstElementChild.outerHTML
const playlistContent = getID("playlist-content")
// Get the current location of the user
var userLocation = "home"
var userAdmin = false
// Player
var durationAll = 0
var durationProgress = 0
var isPlaying = false
let interval;
// Playlist
var playlistSelected = null
var playlistValue = null
var deleteJustBefore = null
var currentSong = null
var playlistAvailable = null

371
src/web/public/javascript/player.js Normal file
View File

@ -0,0 +1,371 @@
AlwaysRequest("MUSIC_STATE", async (data) => {
await disableDrag()
await enableDrag()
stopInterval()
console.log(data)
durationAll = 0
durationProgress = 0
isPlaying = false
if(data.isOnline) {
vol.classList.remove("disabled")
shuffle.classList.remove("disabled")
list.classList.remove("disabled")
play.classList.remove("pri_disable")
disconnect.classList.remove("invisible")
volRange.classList.add("disabled")
volRange.disabled = false
} else {
vol.classList.add("disabled")
shuffle.classList.add("disabled")
list.classList.add("disabled")
play.classList.add("pri_disable")
disconnect.classList.add("invisible")
volRange.classList.add("disabled")
volRange.disabled = true
volRange.value = 0
volTxt.innerHTML = "0%"
volBox.classList.add("invisible")
}
if(data.volume) {
volRange.step = 1
volRange.max = 200
volRange.min = 1
volRange.value = Math.trunc(data.volume / 10)
volTxt.innerHTML = Math.trunc(data.volume / 10) + "%"
var volNum = Math.trunc(data.volume / 10)
} else {
volRange.classList.add("disabled")
volRange.disabled = true
volRange.value = 0
volTxt.innerHTML = "0%"
}
if(data.shuffle == true) {
shuffle.innerHTML = '<i class="third-join fa fa-shuffle"></i>'
} else {
shuffle.innerHTML = '<i class="fa fa-shuffle"></i>'
}
if(data.loop == true) {
loop.innerHTML = '<i class="third-join fa fa-retweet"></i>'
} else {
loop.innerHTML = '<i class="fa fa-retweet"></i>'
}
if(data.current == null) {
musicURL.innerHTML = '<img class="showPicture" src="images/black-image.svg">'
musicTitle.innerHTML = "<p>Aucun titre joué</p>"
loop.classList.add("invisible")
takeCurrent.classList.add("invisible")
} else {
var thumbnail = data.current.thumbnail
if(!thumbnail) {
thumbnail = "/images/black-image.svg"
}
musicURL.innerHTML = '<img class="showPicture" src="' + thumbnail + '">'
musicTitle.innerHTML = "<p>" + data.current.title + "</p>"
currentSong = data.current
takeCurrent.classList.remove("invisible")
loop.classList.remove("invisible")
}
if(data.durationAll) {
durationBar.disabled = false
durationBar.classList.remove("grised")
setTime()
durationAll = data.durationAll
durationProgress = data.durationNow
durationBar.value = durationProgress
setTime()
} else {
isPlaying = false
durationAll = 0
durationProgress = 0
durationBar.disabled = true
durationBar.classList.add("grised")
durationBar.value = 0
durationTextAct.innerHTML = "-:--"
durationTextTotal.innerHTML = "-:--"
}
if(data.playing == 1) {
play.innerHTML = '<i class="fas fa-pause"></i>'
isPlaying = true
startInterval()
} else {
play.innerHTML = '<i class="fas fa-play"></i>'
isPlaying = false
}
if(data.current && data.playing == 0) {
setTime()
}
if(data.durationAll == 9223372036854776000) {
isPlaying = false
durationAll = 0
durationProgress = 0
durationBar.disabled = true
durationBar.classList.add("grised")
durationBar.style.display = "none"
durationBar.value = 0
durationTextAct.innerHTML = ""
durationTextTotal.innerHTML = "<i style='color: red;' class='fa-solid fa-circle'></i> LIVE"
} else {
durationBar.style.display = "unset"
}
if(data.queue != null) {
var contentToPush = new Array()
var queueNum = 0
for(var title of data.queue) {
queueNum += 1
console.log(queueNum)
console.log(data.queue.indexOf(title) + " - " + title.title)
var thumbnail = title.thumbnail
if(!thumbnail) {
thumbnail = "/images/black-image.svg"
}
contentToPush.push(' <div class="draggable song" id="' + data.queue.indexOf(title) + '_queue_song"> <img class="list_thumbnail" src="' + thumbnail + '"><div class="list_titleSong"> <p class="list_title">' + title.title + '</p></div> <button id="' + data.queue.indexOf(title) + '_lmove" class="list_upSong"><i class="fa fa-arrow-up"></i></button> <button id="' + data.queue.indexOf(title) + '_ldelete" class="list_delete"><i class="fa fa-trash"></i></button> </div>')
}
if(contentToPush.join("") == "") {
listNumber.classList.add("invisible")
listBox.innerHTML = '<p class="list_error">Aucun morceau dans la liste de lecture !</p>'
} else {
listNumber.innerHTML = '<span class="numtext">' + queueNum + '</span>'
listNumber.classList.remove("invisible")
listBox.innerHTML = contentToPush.join("")
}
//CODE INTEGER QUEUE LIST MOVE
const container = document.getElementById('listBox');
const draggableItems = document.querySelectorAll('.draggable');
let draggingElement = null;
draggableItems.forEach(item => {
item.addEventListener('dragstart', (e) => {
e.dataTransfer.setData('text/plain', item.innerHTML);
draggingElement = item;
});
item.addEventListener('dragend', () => {
draggingElement = null;
setTimeout(() => {
item.style.display = 'flex'; // Restaure l'affichage de l'élément
}, 0);
updateOrder();
});
});
container.addEventListener('dragover', (e) => {
e.preventDefault();
const afterElement = getDragAfterElement(container, e.clientY);
if (draggingElement !== null) {
if (afterElement == null) {
container.appendChild(draggingElement);
} else {
const rect = afterElement.getBoundingClientRect();
if (e.clientY < rect.top + rect.height / 2) {
container.insertBefore(draggingElement, afterElement);
} else {
container.insertBefore(draggingElement, afterElement.nextElementSibling);
}
}
}
});
function getDragAfterElement(container, y) {
const draggableElements = [...container.querySelectorAll('.draggable:not(.dragging)')];
return draggableElements.reduce((closest, child) => {
const box = child.getBoundingClientRect();
const offset = y - box.top - box.height / 2;
if (offset < 0 && offset > closest.offset) {
return { offset: offset, element: child };
} else {
return closest;
}
}, { offset: Number.NEGATIVE_INFINITY, element: null }).element;
}
function updateOrder() {
const draggableItems = document.querySelectorAll('.draggable');
const order = [];
draggableItems.forEach(item => {
order.push(item.id.replace("_queue_song", ""));
});
console.log('Ordre des divs:', order);
post("MOVE_QUEUE_BY_ENTIRE", order)
}
// END OF CODE INTEGER
for(var title of data.queue) {
console.log(data.queue.indexOf(title) + " - " + title.title)
const titleBtn = document.getElementById(data.queue.indexOf(title)+ "_ldelete")
const moveBtn = document.getElementById(data.queue.indexOf(title)+ "_lmove")
titleBtn.addEventListener("click", () => {
post("DELETE_QUEUE", titleBtn.id.replace("_ldelete", ""), data.queue[moveBtn.id.replace("_lmove", "")].title )
})
moveBtn.addEventListener("click", () => {
post("MOVE_QUEUE", moveBtn.id.replace("_lmove", ""))
})
}
} else {
listBox.innerHTML = '<p class="list_error">Lancez un titre et ajoutez vos morceaux ici !</p>'
listNumber.classList.add("invisible")
}
})
play.addEventListener('click', () => {
get("PAUSE")
})
document.body.onkeyup = function(e) {
if ((e.key == " " ||
e.code == "Space" ||
e.keyCode == 32) &&
e.srcElement.localName != "input" && e.srcElement.localName != "textarea"
) {
play.click()
}
}
backward.addEventListener('click', () => {
get("BACKWARD")
})
forward.addEventListener("click", () => {
get("FORWARD")
})
volBox.classList.add("invisible")
listBox.classList.add("invisible")
list.addEventListener("click" , () => {
volBox.classList.add("invisible")
if(listBox.classList.contains('invisible')) {
listBox.classList.remove("invisible")
} else {
listBox.classList.add("invisible")
}
})
vol.addEventListener("click", () => {
listBox.classList.add("invisible")
if(volBox.classList.contains('invisible')) {
volBox.classList.remove("invisible")
} else {
volBox.classList.add("invisible")
}
})
volRange.addEventListener("click", () => {
post("VOLUME", volRange.value)
})
volRange.addEventListener("input", () => {
volTxt.innerHTML = volRange.value + "%"
})
loop.addEventListener("click", () => {
get("LOOP")
})
shuffle.addEventListener("click", () => {
get("SHUFFLE")
})
disconnect.addEventListener("click", () => {
get("DISCONNECT")
})
durationBar.addEventListener("change", () => {
post("SEEK", durationBar.value)
})

312
src/web/public/javascript/playlist.js Normal file
View File

@ -0,0 +1,312 @@
function delPlayList(key) {
post("DELETE_PLAYLIST", key)
mainView.innerHTML = WelcomeContent
playlistSelected = null
playlistValue = null
}
function playPlayList(key) {
post("PLAY_PLAYLIST", key)
}
function sendPlayList(key) {
const playlist_popup = document.getElementById("playlist_popup")
if(playlist_popup) {
get("USER_LIST").then(resp => {
const userToPush = new Array()
for(var user of resp) {
userToPush.push(`<div id='${resp.indexOf(user)}' class="popup_line"><img src="${user.picture}"><div style="display: flex; flex-direction: column; justify-content: start; text-align: start;"><p class="INDEX_gbname">${user.global_name}</p><p class="INDEX_usrname">${user.username}</p></div></div>`)
}
playlist_popup.innerHTML = userToPush.join("")
playlist_popup.style.width = '170px'
playlist_popup.style.top = (yMousePos - 30) + "px"
playlist_popup.style.left = (xMousePos - 165) + "px"
playlist_popup.style.overflowY = "auto";
playlist_popup.style.height = "250px"
playlist_popup.classList.remove("invisible")
playlist_popup.addEventListener("mouseleave", () => {
playlist_popup.classList.add("invisible")
})
for(var user of resp) {
const userElement = document.getElementById(resp.indexOf(user))
userElement.addEventListener("click", () => {
playlist_popup.classList.add("invisible")
post("SEND_PLAYLIST", {key: key, dest: resp[userElement.id].id})
})
}
//post("SEND_PLAYLIST", key, user.id)
})
}
}
function loadPlaylist(key, value) {
userLocation = "playlist"
var playlistToPush = new Array()
var playlist_songs = new Array()
playlistSelected = key
playlistValue = value
for(var title of value) {
var PFormatduration = getTimeCode(title.duration)
var thumbnail = title.thumbnail
if(!thumbnail) {
thumbnail = "/images/black-image.svg"
}
if(title.duration == 9223372036854776000) {
PFormatduration = "<i style='color: red;' class='fa-solid fa-circle'></i> LIVE"
}
playlist_songs.push('<div class="search_song"> <img class="search_thumbnail" src="' + thumbnail + '"><div class="search_titleSong"> <p class="search_title">' + title.title + '</p></div> <p>' + title.author + '</p><p>' + PFormatduration + '</p> <div class="search_buttons"><button id="' + value.indexOf(title) + '_padd" class="search_add"><i class="fa fa-plus"></i></button><button id="' + value.indexOf(title) + '_pplay" class="search_lmore"><i class="fa fa-play"></i></button><button id="' + value.indexOf(title) + '_pdelete" style="font-size: 20px;" class="list_delete"><i class="fa fa-trash"></i></button></div></div>')
}
playlistToPush.push(`<div class="INDEX_userPopup invisible" id="playlist_popup"></div>`)
playlistToPush.push('<div class="apPres"><div class="apTitle"><img class="apTile" src="/images/playlist-tile.svg"><p class="apName">' + key + '</p></div><div class="apButtons"><button onclick="playPlayList(\''+ key +'\')" id="'+ key +'_playlistplay" class="primary"><i class="fas fa-play"></i><button onclick="sendPlayList(\''+ key +'\')" id="sendplaylist" class="list_upSong"><i class="fas fa-paper-plane"></i></button></button><button onclick="delPlayList(\''+ key +'\')" id="playlistdelete" class="list_delete"><i class="fas fa-trash"></i></button></div></div><hr>' + playlist_songs.join(""))
if(playlistToPush.join("") == "") {
mainView.innerHTML = '<p class="error">Aucun morceau trouvé !</p>'
} else {
mainView.innerHTML = playlistToPush.join("")
}
for(var title of value) {
const add_to = document.getElementById(value.indexOf(title) + "_padd")
const playNow = document.getElementById(value.indexOf(title) + "_pplay")
const deleteBtn = document.getElementById(value.indexOf(title) + "_pdelete")
add_to.addEventListener("click", () => {
post("ADD_SONG", value[add_to.id.replace("_padd", "")])
})
playNow.addEventListener("click", () => {
post("ADD_SONG_NOW", value[add_to.id.replace("_padd", "")])
})
deleteBtn.addEventListener("click", () => {
deleteJustBefore = true
post("DELETE_SONG_TO_PLAYLIST", {data: key, song: value[add_to.id.replace("_padd", "")]})
})
}
}
function fp_play_playlist(key) {
post("FP_PLAY_PLAYLIST", key)
}
socket.on("DO_UPDATE_PLAYLIST", () => {
get("PLAYLIST")
})
get("PLAYLIST")
socket.on("ANSWER/GET/PLAYLIST", (data) => {
var contentToPush = new Array()
var selectionData = new Array()
contentToPush.push(`<p>Mes Playlists</p>`)
contentToPush.push('<div id="createPlaylist" class="playlist_div"><i class="fa-solid fa-plus"></i> Créer une playlist</div>')
for (const [key, value] of Object.entries(data)) {
contentToPush.push('<div id="' + key + '_playlist" class="playlist_div checker"><img class="tile" src="/images/playlist-tile.svg"><p>' + key + '</p></div>')
selectionData.push('<option style="color: black;">' + key + '</option>')
}
if(contentToPush.join("") == "") {
playlistContent.innerHTML = '<p class="error">Aucun morceau trouvé !</p>'
} else {
playlistContent.innerHTML = contentToPush.join("")
playlistAvailable = selectionData
}
if(playlistSelected && deleteJustBefore || playlistSelected && userLocation == "playlist") {
deleteJustBefore = null
loadPlaylist(playlistSelected, data[playlistSelected])
}
for (const [key, value] of Object.entries(data)) {
const playlist_selector = document.getElementById(key + '_playlist')
playlist_selector.addEventListener("click", () => {
loadPlaylist(key, value)
userLocation = "playlist"
})
}
const buttons = document.querySelectorAll(".checker");
buttons.forEach(button => {
button.addEventListener("click", function () {
buttons.forEach(btn => {
if (btn === button) {
btn.style.color = "white";
} else {
btn.style.color = "";
}
});
});
});
const addPlaylist = document.getElementById("createPlaylist")
const addPlaylist_dialog = document.getElementById("createPlaylist_dialog")
const addPlaylist_close = document.getElementById("createPlaylist_close")
const apText = document.getElementById("apText")
const apInfo = document.getElementById("apInfo")
const apCreate = document.getElementById("apCreate")
addPlaylist_close.addEventListener("click", () => {
apInfo.innerHTML = ""
addPlaylist_dialog.close()
})
addPlaylist.addEventListener("click", () => {
apText.innerHTML = ""
addPlaylist_dialog.showModal()
})
apCreate.addEventListener("click", () => {
apInfo.innerHTML = ""
var wrongName = true
const refusedChar = ['\\','/' ,':' ,'*','?' ,'"','<','>','|']
for(var char of refusedChar) {
if(apText.value.includes(char)) {
wrongName = false
}
}
if(apText.value != "" && apText.value != " " && wrongName) {
addPlaylist_dialog.close()
post("CREATE_PLAYLIST", apText.value)
} else {
apInfo.innerHTML = "<span style='red'>Le nom n'est pas valide !</style>"
}
})
console.log(data)
})
// Current Playlist and Song
const cPlaylistManager = document.getElementById("current_playlistManager")
const cplaylistManager_close = document.getElementById("current_playlistManager_close")
const cplaylistSelection = document.getElementById("current_playlistSelection")
const cplaylist_add_music = document.getElementById("current_playlist_add_music")
const cplaylist_add_img = document.getElementById("current_playlist_add_img")
const cplaylistAddSong = document.getElementById("current_playlistAddSong")
takeCurrent.addEventListener("click", () => {
if(currentSong != null) {
var thumbnail = currentSong.thumbnail
if(!thumbnail) {
thumbnail = "/images/black-image.svg"
}
cPlaylistManager.showModal()
cplaylist_add_music.innerHTML = currentSong.title
cplaylist_add_img.src = thumbnail
cplaylistSelection.innerHTML = playlistAvailable
}
})
cplaylistManager_close.addEventListener("click", () => {
cPlaylistManager.close()
})
cplaylistAddSong.addEventListener("click", () => {
cPlaylistManager.close()
post("ADD_SONG_TO_PLAYLIST", {data: cplaylistSelection.value , song: currentSong} )
})

100
src/web/public/javascript/radios.js Normal file
View File

@ -0,0 +1,100 @@
AlwaysRequest("ALL_RADIO", (resp) => {
if(userLocation == "home") {
const radio_list = document.getElementById("radio_list")
const radioToPush = new Array()
radioToPush.push("<p style='font-family: Gunship, sans-serif;'><i class='fa fa-radio'></i> Radio</p>")
radioToPush.push(`
<dialog class="report_dialog" id="radio_dialog">
<div class="rlineclose">
<p class="rtitle"><i class="fa fa-radio"></i> Ajout d'une radio</p>
<button id="radio_close" class="report_close"><i class="fa-solid fa-xmark"></i></button>
</div>
<p id='radio_info' style='text-align: center; color: red;'></p>
<div class="rcontent">
<p class="runder">URL</p>
<input type='text' id="radio_host">
<button id="radio_send" class="rsend"><i class="fa-solid fa-plus"></i> Ajouter</button>
</div>
</dialog>
`)
for(var title of resp ) {
var thumbnail = title.thumbnail
if(!thumbnail) {
thumbnail = "/images/black-image.svg"
}
radioToPush.push(`<div style='grid-template-columns: 0.5fr 7fr 1fr !important;' class="search_song"> <img style='width: 60px;height: 45px; margin-right: 10px;' src="${thumbnail}"><div class="search_titleSong"> <p class="search_title">${title.title} - ${title.author}</p></div><button id='${resp.indexOf(title)}_radio_pplay' class='primary'><i class='fa fa-play'></i></button></div>`)
}
if(userAdmin) {
radioToPush.push(`
<div id="radio_add" class="playlist_div"><i style='margin-right: 10px;' class='fa fa-plus'></i> Ajouter une radio</div>`)
}
radio_list.innerHTML = radioToPush.join("")
if(userAdmin) {
const radio_dialog = document.getElementById("radio_dialog")
const radio_close = document.getElementById("radio_close")
const radio_send = document.getElementById("radio_send")
const radio_add = document.getElementById("radio_add")
const radio_info = document.getElementById("radio_info")
const radio_host = document.getElementById("radio_host")
if(radio_add) {
radio_add.addEventListener("click", () => {
radio_info.innerHTML = ""
radio_host.value = ""
radio_dialog.showModal()
})
radio_close.addEventListener("click", () => {
radio_info.innerHTML = ""
radio_dialog.close()
})
radio_send.addEventListener("click", () => {
if(radio_host.value != '') {
post("RADIO/ADD", radio_host.value)
radio_dialog.close()
} else {
radio_info.innerHTML = "Remplissez une URL !"
}
})
}
}
for(var title of resp ) {
const playBtn = document.getElementById(resp.indexOf(title) +'_radio_pplay')
playBtn.addEventListener("click", () => {
post("ADD_SONG_NOW", resp[playBtn.id.replace("_radio_pplay", "")])
})
}
}
})

18
src/web/public/javascript/report.js Normal file
View File

@ -0,0 +1,18 @@
reportBtn.addEventListener("click", () => {
report_desc.value = ""
report_level.value = "Majeur"
report_dialog.showModal()
})
report_close.addEventListener("click", () => {
report_dialog.close()
})
report_send.addEventListener("click", () => {
post("REPORT", {"level":report_level.value, "desc": report_desc.value})
report_dialog.close()
})

214
src/web/public/javascript/search.js Normal file
View File

@ -0,0 +1,214 @@
searchBtn.addEventListener("click", () => {
mainView.innerHTML = '<div class="findbar"><i class="fa fa-search"></i><input autofocus id="searchBar" placeholder="Insérez des mots-clés ou un lien" type="text"></div><div class="search_middle"></div><div id="search_content"></div>'
const searchBar = document.getElementById("searchBar")
const searchcontent = document.getElementById("search_content")
searchBar.addEventListener("change", () => {
post("SEARCH", searchBar.value).then(answerOfResult => {
var results = answerOfResult.results
var playlistReconnised = answerOfResult.playlist
if(searchBar.value.includes("https://") || searchBar.value.includes("http://")) {
searchBar.value= ""
}
if(!playlistReconnised) {
if(results.tracks != null) {
const data = results.tracks
console.log(data)
var contentToPush = new Array()
for(var title of data) {
var thumbnail = title.thumbnail
if(!thumbnail) {
thumbnail = "/images/black-image.svg"
}
var PFormatduration = getTimeCode(title.duration)
if(title.duration == 9223372036854776000) {
PFormatduration = "<i style='color: red;' class='fa-solid fa-circle'></i> LIVE"
}
contentToPush.push(' <div class="search_song"> <img class="search_thumbnail" src="' + thumbnail + '"><div class="search_titleSong"> <p class="search_title">' + title.title + '</p></div> <p>' + title.author + '</p><p>' + PFormatduration + '</p> <div class="search_buttons"><button id="' + data.indexOf(title) + '_ladd" class="search_add"><i class="fa fa-plus"></i></button> <div class="searchMoreDiv"><button id="' + data.indexOf(title) + '_lmore" class="search_lmore"><i class="fa-solid fa-ellipsis"></i></button></div><div class="searchPopup" id="' + data.indexOf(title) + '_popup"><div id="' + data.indexOf(title) + '_playNow" class="INDEX_line"><i class="fa-solid fa-play"></i> Lire maintenant</div><div id="' + data.indexOf(title) +'_goPlaylist" class="INDEX_line"><i class="fa-regular fa-square-plus"></i> Ajouter à une playlist</div><div id="' + data.indexOf(title) +'_copy" class="INDEX_line"><i class="fa-regular fa-copy"></i> Copier le lien</div></div></div><dialog id="' + data.indexOf(title) + 'playlistManager" class="report_dialog"><div class="rlineclose"><p class="rtitle"><i class="fa fa-square-plus"></i> Ajouter à une playlist</p><button id="' + data.indexOf(title) + 'playlistManager_close" class="report_close"><i class="fa-solid fa-xmark"></i></button></div><div class="apContent"><img id="' + data.indexOf(title) + 'playlist_add_img" class="ppTile" src="/images/playlist-tile.svg"><p style="padding: 1%;" id="' + data.indexOf(title) + 'playlist_add_music"></p><p>Selectionner la playlist</p><select style=" color: white; background-color: transparent; border: solid 2px #2c3df4;padding: 1%; border-radius: 12px;" id="' + data.indexOf(title) + 'playlistSelection"></select><button id="' + data.indexOf(title) + 'playlistAddSong" class="rsend"><i class="fa fa-plus"></i> Ajouter</button></div></dialog></div>')
}
if(contentToPush.join("") == "") {
searchcontent.innerHTML = '<p class="error">Aucun morceau trouvé !</p>'
} else {
searchcontent.innerHTML = contentToPush.join("")
}
for(var title of data) {
const add_to = document.getElementById(data.indexOf(title) + "_ladd")
const test_lmore = document.getElementById(data.indexOf(title) + "_lmore")
const testPopup = document.getElementById(data.indexOf(title) + "_popup")
const playNow = document.getElementById(data.indexOf(title) + "_playNow")
const copy = document.getElementById(data.indexOf(title) + "_copy")
const addPlaylist = document.getElementById(data.indexOf(title) + "_goPlaylist")
const PlaylistManager = document.getElementById(data.indexOf(title) + "playlistManager")
const playlistManager_close = document.getElementById(data.indexOf(title) + "playlistManager_close")
const playlistSelection = document.getElementById(data.indexOf(title) + "playlistSelection")
const playlist_add_music = document.getElementById(data.indexOf(title) + "playlist_add_music")
const playlist_add_img = document.getElementById(data.indexOf(title) + "playlist_add_img")
const playlistAddSong = document.getElementById(data.indexOf(title) + "playlistAddSong")
var thumbnail = data[add_to.id.replace("_ladd", "")].thumbnail
if(!thumbnail) {
thumbnail = "/images/black-image.svg"
}
testPopup.style.display = "none"
add_to.addEventListener("click", () => {
post("ADD_SONG", data[add_to.id.replace("_ladd", "")])
})
copy.addEventListener("click", () => {
navigator.clipboard.writeText(data[add_to.id.replace("_ladd", "")].uri)
testPopup.style.display = "none"
})
addPlaylist.addEventListener("click", () => {
PlaylistManager.showModal()
playlist_add_music.innerHTML = data[add_to.id.replace("_ladd", "")].title
playlist_add_img.src = thumbnail
playlistSelection.innerHTML = playlistAvailable
})
playlistManager_close.addEventListener("click", () => {
PlaylistManager.close()
})
playlistAddSong.addEventListener("click", () => {
PlaylistManager.close()
post("ADD_SONG_TO_PLAYLIST", {data: playlistSelection.value , song: data[add_to.id.replace("_ladd", "")]})
})
test_lmore.addEventListener("click",( ) => {
testPopup.style.display = "flex"
testPopup.style.top = yMousePos + "px"
})
testPopup.addEventListener("mouseleave", () => {
testPopup.style.display = "none"
})
playNow.addEventListener("click", () => {
post("ADD_SONG_NOW", data[add_to.id.replace("_ladd", "")])
})
}
} else {
searchcontent.innerHTML = '<p class="error">Aucun morceau trouvé !</p>'
}
} else {
//https://www.youtube.com/playlist?list=PLA8VHLKYzqTvCcIKhsjGS41nG1zBpRZPy
var playlistToPush = new Array()
var playlist_songs = new Array()
for(var title of results.videos) {
var PFormatduration = getTimeCode(title.milis_length)
if(title.milis_length == 9223372036854776000) {
PFormatduration = "<i style='color: red;' class='fa-solid fa-circle'></i> LIVE"
}
playlist_songs.push('<div class="search_song"> <img class="search_thumbnail" src="' + title.thumbnail_url + '"><div class="search_titleSong"> <p class="search_title">' + title.title + '</p></div> <p>' + title.author.name + '</p><p>' + PFormatduration + '</p> <div class="search_buttons"><button id="' + results.videos.indexOf(title) + '_padd" class="search_add"><i class="fa fa-plus"></i></button><button id="' + results.videos.indexOf(title) + '_pplay" class="search_lmore"><i class="fa fa-play"></i></button></div></div>')
}
playlistToPush.push('<div class="apPres"><div class="apTitle"><img style="width: 20%" class="" src="' +results.thumbnail_url + '"><div style=""><p style="margin-left: 2% !important;">' + results.author.name + " - (" + results.videos.length + " titres)" + '</p><p class="apName">' + results.title + '</p></div></div><div class="apButtons"><button onclick="fp_play_playlist(\'' + results.url + '\')" id="'+ results.id +'_playlistplay" class="primary"><i class="fas fa-play"></i></button></div></div><hr>' + playlist_songs.join(""))
if(playlistToPush.join("") == "") {
searchcontent.innerHTML = '<p class="error">Aucun morceau trouvé !</p>'
} else {
searchcontent.innerHTML = playlistToPush.join("")
}
for(var title of results.videos) {
const add_to = document.getElementById(results.videos.indexOf(title) + "_padd")
const playNow = document.getElementById(results.videos.indexOf(title) + "_pplay")
add_to.addEventListener("click", () => {
post("FP_ADD_SONG", results.videos[add_to.id.replace("_padd", "")].url)
})
playNow.addEventListener("click", () => {
post("FP_ADD_SONG_NOW", results.videos[add_to.id.replace("_padd", "")].url)
})
}
}
})
})
})

114
src/web/public/javascript/__settings_script.js → src/web/public/javascript/settings.js
View File

@ -1,9 +1,7 @@
var wasOnNodes = false
settingsBtn.addEventListener("click", () => {
wasOnHome = false
mainView.innerHTML = `
<div class="SETTINGS">
<div class='ssidebar'>
@ -17,40 +15,53 @@ settingsBtn.addEventListener("click", () => {
</div>
`
const settings_logs = document.getElementById("settings_logs")
const settings_connexion = document.getElementById("settings_connexion")
const settings_users = document.getElementById("settings_users")
const settings_content = document.getElementById("settings_content")
const settings_logs = getID("settings_logs")
const settings_connexion = getID("settings_connexion")
const settings_users = getID("settings_users")
const settings_content = getID("settings_content")
settings_logs.style.color = "white"
loadLogs()
settings_logs.addEventListener("click", () => {
loadLogs()
wasOnNodes = false
})
settings_connexion.addEventListener("click", () => {
loadConnexion()
wasOnNodes = true
})
settings_users.addEventListener("click", () => {
loadUsers()
wasOnNodes = false
})
settings_logs.style.color = "white"
function loadUsers() {
socket.emit("GET/USERS")
userLocation = "users"
}
function loadConnexion() {
userLocation = "nodes"
socket.emit("GET/NODES")
}
function loadLogs() {
userLocation = "logs"
settings_content.innerHTML = `
<select id="logs_selection">
<option>NOT CONNECTED</option>
<option>Chargement en cours ...</option>
</select>
</div>
<div id="logs_content" class="logs_content">
@ -60,14 +71,14 @@ settingsBtn.addEventListener("click", () => {
`
const logs_selection = document.getElementById("logs_selection")
const logs_content = document.getElementById("logs_content")
const logs_selection = getID("logs_selection")
const logs_content = getID("logs_content")
const logs_data = get("LOGS")
logs_data.then(data => {
var optionToPush = new Array()
for(var log of data) {
optionToPush.push("<option>" + log.name + "</option>")
@ -81,7 +92,6 @@ settingsBtn.addEventListener("click", () => {
var logToPush = new Array()
for(var line of log.value.split("\n")) {
@ -143,34 +153,12 @@ settingsBtn.addEventListener("click", () => {
}
function loadConnexion() {
socket.emit("GET/NODES")
}
const buttons = document.querySelectorAll(".sside_line");
buttons.forEach(button => {
button.addEventListener("click", function () {
buttons.forEach(btn => {
if (btn === button) {
btn.style.color = "white";
} else {
btn.style.color = "";
}
});
});
});
})
socket.on("ALWAYS/USERS",(data) => {
AlwaysRequest('USERS',(data) => {
const settings_content = document.getElementById("settings_content")
const settings_content = getID("settings_content")
if(settings_content) {
@ -182,12 +170,8 @@ socket.on("ALWAYS/USERS",(data) => {
var admin_bar = ''
if(user.beta == true) {
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) + "_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>")
userToPush.push("<div class='set_user'><div class='set_user_info'><img src='" + user.picture + "'><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,8 +184,8 @@ socket.on("ALWAYS/USERS",(data) => {
for(var user of data) {
let adminBtn = document.getElementById(data.indexOf(user) + "_uadmin")
let deleteBtn = document.getElementById(data.indexOf(user) + "_udelete")
let adminBtn = getID(data.indexOf(user) + "_uadmin")
let deleteBtn = getID(data.indexOf(user) + "_udelete")
if(data[adminBtn.id.replace("_uadmin", "")].admin == true) {
@ -212,7 +196,7 @@ socket.on("ALWAYS/USERS",(data) => {
adminBtn.addEventListener("click", () => {
send("USERS/ADMIN", data[adminBtn.id.replace("_uadmin", "")])
post("USERS/ADMIN", data[adminBtn.id.replace("_uadmin", "")])
socket.emit("GET/USERS")
})
@ -220,7 +204,7 @@ socket.on("ALWAYS/USERS",(data) => {
deleteBtn.addEventListener("click", () => {
send("USERS/DELETE", data[adminBtn.id.replace("_uadmin", "")])
post("USERS/DELETE", data[adminBtn.id.replace("_uadmin", "")])
socket.emit("GET/USERS")
})
@ -234,11 +218,11 @@ socket.on("ALWAYS/USERS",(data) => {
})
socket.on("ALWAYS/NODES",(data) => {
AlwaysRequest("NODES",(data) => {
const settings_content = document.getElementById("settings_content")
const settings_content = getID("settings_content")
if(settings_content && wasOnNodes) {
if(settings_content && userLocation == "nodes") {
var dataToPush = new Array()
@ -299,14 +283,14 @@ socket.on("ALWAYS/NODES",(data) => {
settings_content.innerHTML = dataToPush.join("")
const an_dialog = document.getElementById("an_dialog")
const an_close = document.getElementById("an_close")
const an_add = document.getElementById("an_create")
const an_host = document.getElementById("an_host")
const an_port = document.getElementById("an_port")
const an_password = document.getElementById("an_password")
const an_send = document.getElementById("an_send")
const an_info = document.getElementById("an_info")
const an_dialog = getID("an_dialog")
const an_close = getID("an_close")
const an_add = getID("an_create")
const an_host = getID("an_host")
const an_port = getID("an_port")
const an_password = getID("an_password")
const an_send = getID("an_send")
const an_info = getID("an_info")
an_add.addEventListener("click", () => {
an_info.innerHTML = ""
@ -332,7 +316,7 @@ socket.on("ALWAYS/NODES",(data) => {
"retryAmount": 1
}
send("NODES/ADD", data)
post("NODES/ADD", data)
an_dialog.close()
@ -348,18 +332,18 @@ socket.on("ALWAYS/NODES",(data) => {
for(var node of data) {
let reloadBtn = document.getElementById(data.indexOf(node) + "_reload")
let deleteBtn = document.getElementById(data.indexOf(node) + "_delete")
let reloadBtn = getID(data.indexOf(node) + "_reload")
let deleteBtn = getID(data.indexOf(node) + "_delete")
reloadBtn.addEventListener("click", () => {
send("NODES/RELOAD", data[reloadBtn.id.replace("_reload", "")])
post("NODES/RELOAD", data[reloadBtn.id.replace("_reload", "")])
})
deleteBtn.addEventListener("click", () => {
console.log(deleteBtn)
console.log(data[reloadBtn.id.replace("_reload", "")])
send("NODES/DELETE", data[reloadBtn.id.replace("_reload", "")])
post("NODES/DELETE", data[reloadBtn.id.replace("_reload", "")])
})

80
src/web/public/javascript/tooltip.js Normal file
View File

@ -0,0 +1,80 @@
const tooltip = document.getElementById("tooltip")
tooltip.style.visibility = 'hidden'
tooltip.style.display = 'none'
const alreadyDeclare = new Array()
const tooltip_list = {
"radio_add": "Ajouter par l'URL",
"sendplaylist": "Envoyer la playlist",
"playlistplay": "Jouer la playlist",
"playlistdelete": "Effacer la playlist",
"an_create": "Ajouter un serveur",
"pplay": "Jouer maintenant",
"delete": "Supprimer",
"add": "Ajouter à la liste de lecture",
"backward": "Précédent",
"forward": "Suivant",
"lmore": "Plus d'options",
"loop": "Répéter le titre",
"shuffle": "Mélanger la liste de lecture",
"list_btn": "Liste de lecture",
"disconnect": "Déconnecter le bot",
"reload": "Relancer le serveur",
"admin": "Donner les permissions",
"takeCurrent": "Ajouter le titre à une playlist",
"volbtn": "Volume"
}
document.onmousemove = function(e)
{
xMousePos = e.clientX + window.scrollX;
yMousePos = e.clientY + window.scrollY;
for(var key in tooltip_list) {
showToolTip(key, tooltip_list[key], e)
}
};
function showToolTip(id, text, e) {
if(e.target) {
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", () => {
alreadyDeclare.splice(alreadyDeclare.indexOf(e.target.id), 1)
tooltip.style.visibility = 'hidden'
tooltip.style.display = 'none'
})
}
}
}
}

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

@ -1266,3 +1266,29 @@ p {
}
.tile {
width: 60px;
height: 60px;
margin-right: 10px;
}
.playlist_div p {
display: flex !important;
}
#createPlaylist {
display: flex;
gap: 10px;
}
#createPlaylist svg {
font-size: 52px;
}
.playlist-content p {
display: none;
}

209
src/web/public/stylesheets/style_new.css Normal file
View File

@ -0,0 +1,209 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
@font-face {
font-family: 'Gunship';
src: url(gunship.ttf);
}
html {
min-height: 100%;
min-width: 100%;
margin: 0 !important;
}
body {
background-color: #000000 !important;
color: #ffffff !important;
font-family: 'Inter', sans-serif !important;
font-size: 20px;
margin: 0 !important;
}
/* Window */
.window {
width: 100%;
display: flex;
}
.content {
width: 100%;
}
/* Title */
.title {
color:white;
display: flex;
justify-content: space-between;
align-items: center;
}
.title_logo {
width: 80px;
height: 80px;
}
.title_text {
font-size: 30px;
font-family: 'Gunship', sans-serif;
text-shadow: white 0px 0px 10px;
user-select: none;
}
/*Nav bar */
.navbar {
}
/* Player */
.player_box {
background-color: rgba(0, 0, 0);
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1.5%;
align-items: center;
position: absolute;
width: 100%;
height: 15vh;
bottom: 0;
color: white;
}
.player_durationbar {
margin-top: 1vh;
display: flex;
flex-direction: row;
align-items: center;
}
.player_middle {
display: flex;
text-align: center;
align-items: center;
flex-direction: column;
}
.player_title {
display: flex;
flex-direction: row;
align-items: center;
width: 30vw;
}
.player_actionbar {
text-align: right;
width: 30vw;
display: flex;
justify-content: end;
gap: 0.8vw;
}
.player_duration {
width: 25vw;
margin-right: 0.5vw;
margin-left: 0.5vw;
}
/* Images */
.tile {
width: 60px;
height: 60px;
}
/* Home */
.home_view {
}
/* Playlist */
/* Notification */
.notif_div {
visibility: hidden;
width: 20%;
position: absolute;
top: -10%;
right: 41%;
transition: all 0.8s;
z-index: 2;
color: white;
display: flex;
align-items: center;
background-color: #2d2d2d;
}
.notif_image {
width: 4vw;
height: 4vw;
margin-right: 3% !important;
}
.notif_text {
width: 100%;
margin-right: 1% !important;
font-size: 12px;
}
.notif_div_on {
transition: all 0.8s;
top: 4% !important;
visibility: visible;
}
/* Special */
.invisible {
display: none;
}
* {
box-sizing: border-box;
}
.grised {
filter : invert(50%);
}
.disabled {
color: rgb(47, 47, 47) !important;
}

12
src/web/routes/index.js
View File

@ -2,12 +2,10 @@ var express = require('express');
var router = express.Router();
var path = require("path")
var auth = require("../../modules/sub-auth")
var log = require("../../modules/sub-log")
var log = require("loguix")
var { __glob } = require("../../modules/global-variables")
var uuid = require("uuid")
const metric = require("webmetrik")
metric.setMetricFile(__glob.METRIC_FILE)
metric.publishMetrics("8001", "raphraph")
var fs = require("fs")
@ -51,7 +49,13 @@ router.get('/', function(req, res, next) {
} else {
var fileMd = md.render(fs.readFileSync(__glob.README).toString())
res.render("index", {welcome: fileMd})
if(process.env.DEV) {
res.render("index", {welcome: fileMd, dev: "<p class='yellow'>DEVELOPEMENT</p>"})
} else {
res.render("index", {welcome: fileMd, dev: ""})
}
}

31
src/web/routes/internal.js
View File

@ -2,7 +2,7 @@ var express = require('express');
var router = express.Router();
var path = require("path")
var auth = require("../../modules/sub-auth")
var log = require("../../modules/sub-log")
var log = require("loguix")
var uuid = require("uuid")
var fs = require("fs");
const { __glob, __web } = require('../../modules/global-variables');
@ -31,7 +31,12 @@ router.get('/redirect', function(req, res, next) {
var user = data
const token = uuid.v4().toString()
user.token = token
if(typeof user.token != "object") {
user.token = []
}
user.token.push(token)
auth.addUser(user)
res.cookie("token", token, { maxAge: 90000000000000, httpOnly: true })
@ -51,11 +56,7 @@ router.get('/redirect', function(req, res, next) {
res.redirect('/login?error=MIGRATE_ACCOUNT_ONLY')
} else if(error == "NOT_IN_BETA") {
res.redirect('/login?error=NOT_IN_BETA')
} else if(error == "NOT_IN_CLP") {
} else if(error == "NOT_IN_CLP") {
res.redirect('/login?error=NOT_IN_CLP')
@ -92,11 +93,25 @@ router.get("/socketlink", (req,res,next) => {
}
})
router.get("/discordlink", (req,res,next) => {
var discordlink = null
if(process.env.DEV) {
alog.log("Mode Developpeur Actif : Redirige vers LOCALHOST")
discordlink = "https://discord.com/api/oauth2/authorize?client_id=1094727789682380922&redirect_uri=http%3A%2F%2Flocalhost%3A4000%2Finternal%2Fredirect&response_type=code&scope=identify%20guilds%20guilds.members.read" //DEV
} else {
discordlink = "https://discord.com/api/oauth2/authorize?client_id=1094727789682380922&redirect_uri=https%3A%2F%2Fsubsonics.raphix.fr%2Finternal%2Fredirect&response_type=code&scope=identify%20guilds%20guilds.members.read" //OFFICIEL
}
res.redirect(302, discordlink)
})
router.get("/logout", (req,res,next) => {
if(auth.checkUser(req.cookies.token)) {
auth.removeUser(req.cookies.token)
auth.removeToken(req.cookies.token)
res.clearCookie("token")
res.redirect(302, "/login")
} else {

9
src/web/routes/login.js
View File

@ -2,7 +2,7 @@ var express = require('express');
var router = express.Router();
var path = require("path")
var auth = require("../../modules/sub-auth")
var log = require("../../modules/sub-log")
var log = require("loguix")
var package = require('../../../package.json')
var uuid = require("uuid")
@ -49,12 +49,7 @@ router.get('/', function(req, res, next) {
}
if(req.query.error == "NOT_IN_BETA") {
error = "<p style='color:red; margin-bottom: 0.5vw !important;'>Demande à Raphix pour t'inscrire à la Beta !</p>"
}
res.render("login", {login: error, version: verInfo})
}

15
src/web/templates/index.ejs
View File

@ -148,8 +148,19 @@
<script src="/socket.io/socket.io.js"></script>
<script src="/javascript/IO.js"></script>
<script src="/javascript/__index_script.js"></script>
<script src="/javascript/__settings_script.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="/javascript/IO.js"></script>
<script src="/javascript/basics.js"></script>
<script src="/javascript/middle.js"></script>
<script src="/javascript/indexscript.js"></script>
<script src="/javascript/player.js"></script>
<script src="/javascript/playlist.js"></script>
<script src="/javascript/settings.js"></script>
<script src="/javascript/search.js"></script>
<script src="/javascript/tooltip.js"></script>
<script src="/javascript/report.js"></script>
<script src="/javascript/radios.js"></script>
<script defer src="https://use.fontawesome.com/releases/v6.4.2/js/all.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</body>

183
src/web/templates/index_new.ejs Normal file
View File

@ -0,0 +1,183 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='stylesheet' href='/stylesheets/style.css'/>
<title>Subsonics - Web</title>
</head>
<body>
<div class="window">
<div class="navbar">
<div class="title">
<img class="title_logo" src="/images/logo.svg">
<p class="title_text">Subsonics</p>
</div>
<div id="home_btn" class="selector checker">
<p><i class="fa fa-home"></i> Accueil</p>
</div>
<div id="search_btn" class="selector checker">
<p><i class="fa fa-search"></i> Rechercher</p>
</div>
<div id="settings_btn" class="selector checker">
<p><i class="fa fa-gear"></i> Paramètres</p>
</div>
<div class="playlist-content" id="playlist-content">
<div id="userCard">
<div class="userCard" id="userInfo"></div>
<div class="popup" id="userPopup">
<div id="reportBtn" class="popup_line"><i class="fa-solid fa-bug"></i> Rapport</div>
<div id="restartBtn" class="popup_line"><i class="fa-solid fa-power-off"></i> Redémarrer</div>
<a class="signout" href="/internal/logout"><i class="fa fa-sign-out " aria-hidden="true"></i> Déconnexion</a>
</div>
</div>
</div>
</div>
<div id="mainView" class="content">
<div class="home_view">
<div class="home_changelog">
<%- welcome %>
</div>
<div class="home_other">
<div id="website_list" class="home_online">
</div>
<div id="radio_list" class="home_radio">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="player_box">
<div class="player_title">
<span id="music_img"><img class="player_title" src="/images/black-image.svg"></span>
<span id="music_title" class="music_title"><p>Aucun titre joué</p></span>
<%- dev %>
</div>
<div class="player_middle">
<div class="playbar">
<button id="loop" class="icon"><i class="fa-solid fa-repeat"></i></button>
<button id="backward" class="icon"><i class="fas fa-step-backward"></i></button>
<button id="play" class="icon_play"><i class="fas fa-play"></i></button>
<button id="forward" class="icon"><i class="fas fa-step-forward"></i></button>
<button id="takeCurrent" class="icon"><i class="fa-regular fa-square-plus"></i></button>
</div>
<div class="player_durationbar">
<p id="durationTextAct" class="durationText">0:00</p>
<input class="player_duration" id="duration" type="range" value="0" max="100">
<p id="durationTextTotal" class="durationText">0:00</p>
</div>
</div>
<div class="player_actionbar">
<button id="disconnect" class="icon-leave"><i class="fa fa-sign-out"></i></button>
<div id="volDiv" class="volDiv">
<button id="volbtn" class="icon"><i class="fa fa-volume-up"></i></button>
<div id="volumeBox">
<input type="range" id="volumeInput" >
<p id="volumeTxt">100%</p>
</div>
</div>
<button id="shuffle" class="icon"><i class="fa fa-shuffle"></i></button>
<div id="listDiv" class="volume_div">
<button id="list_btn" class="list icon"><i class="fa fa-list-ol"></i><p class="number" id="listNumber"></p></button>
<div id="listBox">
</div>
</div>
</div>
</div>
<!-- Dialogs -->
<dialog id="createPlaylist_dialog" class="report_dialog">
<div class="rlineclose">
<p class="rtitle"><i class="fa fa-plus"></i> Créer une playlist</p>
<button id="createPlaylist_close" class="report_close"><i class="fa-solid fa-xmark"></i></button>
</div>
<div class="apContent">
<img class="apTile" src="/images/playlist-tile.svg">
<p id="apInfo"></p>
<p>Nom de la playlist</p>
<input type="text" id="apText">
<button id="apCreate" class="btn"><i class="fa fa-plus"></i> Créer</button>
</div>
</dialog>
<dialog class="report_dialog" id="report_dialog">
<div class="rlineclose">
<p class="rtitle"><i class="fa fa-bug"></i> Rapport de bug</p>
<button id="report_close" class="report_close"><i class="fa-solid fa-xmark"></i></button>
</div>
<div class="rcontent">
<p class="runder">Catégorie :</p>
<select id="report_level">
<option>Majeur</option>
<option>Mineur</option>
<option>Suggestion</option>
</select>
<p class="runder">Description</p>
<textarea id="report_desc"></textarea>
<button id="report_send" class="btn"><i class="fa-solid fa-paper-plane"></i> Envoyer</button>
</div>
</dialog>
<dialog id="current_playlistManager" class="report_dialog">
<div class="rlineclose">
<p class="rtitle"><i class="fa fa-list-ol"></i> Ajouter à une playlist</p>
<button id="current_playlistManager_close" class="report_close"><i class="fa-solid fa-xmark"></i></button>
</div>
<div class="apContent"><img id="current_playlist_add_img" class="ppTile" src="/images/playlist-tile.svg">
<p style="padding: 1%;" id="current_playlist_add_music"></p>
<p>Selectionner la playlist</p>
<select style=" color: white; background-color: transparent; border: solid 2px #2c3df4;padding: 1%; border-radius: 12px;" id="current_playlistSelection"></select>
<button id="current_playlistAddSong" class="btn"><i class="fa fa-plus"></i> Ajouter</button>
</div>
</dialog>
<!-- Tooltip -->
<span id="tooltip" class="tooltip-text">Tooltip Text</span>
<!-- Notification -->
<div class="notif_div" id="notif">
<img class="notif_image" id="notif_image" src="/images/playlist-tile.svg">
<p class="notif_text" id="notif_text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. </p>
</div>
<!-- Scripts -->
<script src="/socket.io/socket.io.js"></script>
<script src="/javascript/IO.js"></script>
<script src="/javascript/basics.js"></script>
<script src="/javascript/middle.js"></script>
<script src="/javascript/indexscript.js"></script>
<script src="/javascript/player.js"></script>
<script src="/javascript/playlist.js"></script>
<script src="/javascript/settings.js"></script>
<script src="/javascript/search.js"></script>
<script src="/javascript/tooltip.js"></script>
<script src="/javascript/report.js"></script>
<script src="/javascript/radios.js"></script>
<script defer src="https://use.fontawesome.com/releases/v6.4.2/js/all.js" crossorigin="anonymous"></script>
</body>
</html>

4
src/web/templates/login.ejs
View File

@ -21,9 +21,7 @@
<div style="font-size: 12px;"><%- version %></div>
</div>
<script src="/socket.io/socket.io.js"></script>
<script src="/javascript/IO.js"></script>
<script src="/javascript/__login_script.js"></script>
<script src="/javascript/login-script.js"></script>
<script defer src="https://use.fontawesome.com/releases/v6.4.2/js/all.js" crossorigin="anonymous"></script>
</body>