Version 0.7.0 - Add Improvements
This commit is contained in:
		@@ -197,12 +197,19 @@ module.exports.SPECIAL_MJ = async function (client, userId) {
 | 
			
		||||
    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: memberVoices.get(userId),
 | 
			
		||||
            voiceChannel: channelId,
 | 
			
		||||
            textChannel: "664355637685256203",
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -118,14 +118,15 @@ socket.on("ANSWER/GET/PLAYLIST", (data) => {
 | 
			
		||||
    var selectionData = new Array()
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    contentToPush.push('<div id="addPlaylist" class="playlist_div"><i class="fa-solid fa-plus playlist_tile"></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="playlist_tile" src="/images/playlist-tile.svg"><p>' + key + '</p></div>')
 | 
			
		||||
        selectionData.push('<option style="color: black;">' + key +  '</option>')
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
    contentToPush.push('<div id="SPECIAL" class="playlist_div"><i class="fa-solid fa-gears playlist_tile"></i> Debug</div>')
 | 
			
		||||
    contentToPush.push('<div id="addPlaylist" class="playlist_div"><i class="fa-solid fa-plus playlist_tile"></i> Créer une playlist</div>')
 | 
			
		||||
 | 
			
		||||
    
 | 
			
		||||
 | 
			
		||||
@@ -245,7 +246,14 @@ function loadPlaylist(key, value) {
 | 
			
		||||
 | 
			
		||||
            PFormatduration = pmax
 | 
			
		||||
 | 
			
		||||
        playlist_songs.push('<div class="search_song"> <img class="search_thumbnail" src="' + title.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>')
 | 
			
		||||
            var thumbnail = title.thumbnail
 | 
			
		||||
    
 | 
			
		||||
                    if(!thumbnail) {
 | 
			
		||||
 | 
			
		||||
                        thumbnail = "/images/black-image.svg"
 | 
			
		||||
                    }
 | 
			
		||||
 | 
			
		||||
        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>')
 | 
			
		||||
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
@@ -346,8 +354,15 @@ searchBtn.addEventListener("click", () => {
 | 
			
		||||
                    
 | 
			
		||||
                    }
 | 
			
		||||
 | 
			
		||||
                    var thumbnail = title.thumbnail
 | 
			
		||||
    
 | 
			
		||||
                    if(!thumbnail) {
 | 
			
		||||
 | 
			
		||||
                        thumbnail = "/images/black-image.svg"
 | 
			
		||||
                    }
 | 
			
		||||
 | 
			
		||||
                    PFormatduration = pmax
 | 
			
		||||
                    contentToPush.push(' <div class="search_song"> <img class="search_thumbnail" src="' + title.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) +'_addPlaylist" class="INDEX_line"><i class="fa-solid fa-list-ul"></i> Ajouter à une playlist</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>')
 | 
			
		||||
                    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) +'_addPlaylist" class="INDEX_line"><i class="fa-regular fa-square-plus"></i> Ajouter à une playlist</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("") == "") {
 | 
			
		||||
@@ -374,8 +389,12 @@ searchBtn.addEventListener("click", () => {
 | 
			
		||||
                    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"
 | 
			
		||||
    
 | 
			
		||||
@@ -388,7 +407,7 @@ searchBtn.addEventListener("click", () => {
 | 
			
		||||
 | 
			
		||||
                        PlaylistManager.showModal()
 | 
			
		||||
                        playlist_add_music.innerHTML = data[add_to.id.replace("_ladd", "")].title
 | 
			
		||||
                        playlist_add_img.src = data[add_to.id.replace("_ladd", "")].thumbnail
 | 
			
		||||
                        playlist_add_img.src = thumbnail
 | 
			
		||||
                        playlistSelection.innerHTML = playlistAvailable
 | 
			
		||||
                    })
 | 
			
		||||
 | 
			
		||||
@@ -542,9 +561,17 @@ 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 = currentSong.thumbnail
 | 
			
		||||
        cplaylist_add_img.src = thumbnail
 | 
			
		||||
        cplaylistSelection.innerHTML = playlistAvailable
 | 
			
		||||
 | 
			
		||||
    }
 | 
			
		||||
@@ -602,10 +629,17 @@ vol.addEventListener("click", () => {
 | 
			
		||||
})
 | 
			
		||||
 | 
			
		||||
volRange.addEventListener("click", () => {
 | 
			
		||||
    
 | 
			
		||||
 | 
			
		||||
    send("VOLUME", volRange.value)
 | 
			
		||||
})
 | 
			
		||||
 | 
			
		||||
volRange.addEventListener("input", () => {
 | 
			
		||||
 | 
			
		||||
   
 | 
			
		||||
    volTxt.innerHTML = volRange.value + "%"
 | 
			
		||||
})
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
disconnect.addEventListener("click", () => {
 | 
			
		||||
@@ -800,7 +834,14 @@ socket.on("/ALWAYS/MUSIC_STATE", (data) => {
 | 
			
		||||
        takeCurrent.classList.add("invisible")
 | 
			
		||||
    } else {
 | 
			
		||||
 | 
			
		||||
        musicURL.innerHTML = '<img class="showPicture" src="' + data.current.thumbnail + '">'
 | 
			
		||||
        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")
 | 
			
		||||
 
 | 
			
		||||
@@ -41,7 +41,7 @@
 | 
			
		||||
               
 | 
			
		||||
                <dialog id="addPlaylist_dialog" class="report_dialog">
 | 
			
		||||
                    <div class="rlineclose">
 | 
			
		||||
                        <p class="rtitle"><i class="fa fa-plus"></i> Ajouter une playlist</p>
 | 
			
		||||
                        <p class="rtitle"><i class="fa fa-plus"></i> Créer une playlist</p>
 | 
			
		||||
                        <button id="addPlaylist_close" class="report_close"><i class="fa-solid fa-xmark"></i></button>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="apContent">
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user