housing und dj

resources/[jobs]/[civ]/nv_DjDesk/README.md

@@ -0,0 +1,7 @@
+Dev: Geloteee
+
+Web: https://nuvilstore.com/
+
+Docs: https://docs.nuvilstore.com/
+
+Discord: https://nuvilstore.com/discord/

resources/[jobs]/[civ]/nv_DjDesk/config/config.lua

@@ -0,0 +1,186 @@
+Config = {}
+
+Config.Framework = 'auto' --[[
+    auto:   this will detect the framework that your are using, it can be qbcore, esx, or a custom one
+    qbcore: this will use the qbcore framework
+    esx:    this will use esx/es_extended framework
+]]
+
+Config.Locale = 'en' --[[
+    es: Español
+    en: English
+    fr: Français
+    it: Italiano
+    pt: Português
+    ru: Русский
+    de: Deutsch
+]]
+
+Config.RGBPerformance = 1 --[[
+    15 or more: this will reduce the script ms drastically in RGB mode but the RGB transition will be worse
+    15 or less: this will make the script consume more ms, but the RGB transition will be better
+]]
+
+Config.Particles = {
+    ['fire'] = { dict = 'core', name = 'ent_sht_flame', time = 5000 },
+    ['fireworks'] = { dict = 'scr_indep_fireworks', name = 'scr_indep_firework_trailburst', time = 5000 },
+}
+
+Config.DJ_DESKS = { -- More DESKS in our discord: https://nuvilstore.com/discord
+    ['Vinewood_Bowl'] = { -- From: Vanilla GTA5
+        Location = { x = 683.7, y = 569.8, z = 130.5 },
+        Distance = 100.0, -- Meters
+        RenderDistance = 150.0,
+        SmokeTime = 25000,
+        Default_Volume = 0.25, -- Recommended Default Volume
+        LightShow = {
+            { func = 'spotlight', index="left_2", velocity=10, reference_point = vector3(674.3333, 578.7288, 130.4612), coords = vector3(681.6506, 582.4746, 138.1399), type = 'linear', color = 'static', color_rgb = {r=50,g=0,b=0}, channel = false}, -- Izquierda 2
+            { func = 'spotlight', index="right_2", velocity=10, reference_point = vector3(696.0738, 570.6930, 130.4612), coords = vector3(692.8427, 579.6556, 138.1399), type = 'linear', color = 'static', color_rgb = {r=50,g=0,b=0}, channel = true}, -- Derecha 2
+
+            { func = 'spotlight', index="left_1", velocity=10, reference_point = vector3(679.6807, 576.7526, 130.4612), coords = vector3(683.9803, 584.1703, 138.0896), type = 'linear', color = 'static', color_rgb = {r=50,g=0,b=0}, channel = false}, -- Izquierda 1
+            { func = 'spotlight', index="right_1", velocity=10, reference_point = vector3(690.6396, 572.6760, 130.4612), coords = vector3(691.5345, 582.1163, 138.0896), type = 'linear', color = 'static', color_rgb = {r=50,g=0,b=0}, channel = true}, -- Derecha 1
+
+            { func = 'spotlight', index="front_center", velocity=10, reference_point = vector3(686.3047, 577.7862, 130.4613), coords = vector3(683.7888, 569.3659, 138.9087), type = 'static', color = 'static', color_rgb = {r=50,g=0,b=0}}, -- Centro Frente
+            { func = 'spotlight', index="bottom_center", velocity=10, reference_point = vector3(683.4389, 569.6895, 130.4612), coords = vector3(688.1980, 584.4244, 137.8958), type = 'static', color = 'static', color_rgb = {r=50,g=0,b=0}}, -- Centro Fondo
+
+            { func = 'spotlight', index="exterior_left", velocity=30, reference_point = vector3(680.8711, 562.9232, 138.4817), coords = vector3(668.4625, 574.5662, 128.6971), type = 'up-down', color = 'static', color_rgb = {r=50,g=0,b=0}, channel = true}, -- Frente Izquierda
+            { func = 'spotlight', index="exterior_right", velocity=30, reference_point = vector3(680.8711, 562.9232, 138.4817), coords = vector3(698.1614, 563.6755, 128.6965), type = 'up-down', color = 'static', color_rgb = {r=50,g=0,b=0}, channel = true}, -- Frente Derecha
+
+            { func = 'screen', index="screen_center", coords = vector3(682.9450, 568.5685, 142.4368), heading = 341.5497 },
+            { func = 'screen', index="screen_left", coords = vector3(629.6432, 558.6321, 137.7407), heading = 39.0154 },
+            { func = 'screen', index="screen_right", coords = vector3(717.9317, 526.5700, 137.7407), heading = 286.3426 },
+            { func = 'screen', index="screen_right", coords = vector3(378.4557, 274.9474, 92.4002), heading = 256.2657 },
+        },
+        Effects = {
+            { coords = vector3(682.6864, 567.4304, 129.6612), rotation = { p = -90.0, r = 0.0, y = -20.0 }, effect_size = 2.0 },
+            { coords = vector3(695.3033, 566.8151, 129.6614), rotation = { p = -90.0, r = 0.0, y = -20.0 }, effect_size = 2.0 },
+            { coords = vector3(672.3859, 575.4044, 129.6616), rotation = { p = -90.0, r = 0.0, y = -20.0 }, effect_size = 2.0 },
+        },
+        SmokeCoords = {
+            { coords = vector3(698.2062, 565.8767, 129.4612), heading = 251.3153, rot = 180.0, targets = {
+                vector3(689.7142, 564.2886, 129.0458),
+                vector3(692.5880, 563.3948, 129.0460),
+                vector3(681.6478, 563.6016, 129.0157),
+                vector3(699.2592, 561.0050, 129.0461),
+            } },
+            { coords = vector3(703.9235, 562.1609, 133.8415), heading = 251.3153, rot = 180.0, targets = {
+                vector3(695.1696, 569.7466, 130.4613),
+                vector3(688.9940, 569.9821, 130.4613),
+                vector3(689.3557, 575.8280, 130.4613),
+                vector3(692.8883, 581.8361, 130.4613),
+                vector3(697.4370, 577.4615, 130.4613),
+                vector3(697.2260, 569.2121, 130.4662),
+            } },
+            { coords = vector3(669.4538, 576.4230, 129.4615), heading = 70.70, rot = 0.0, targets = {
+                vector3(674.4692, 570.1786, 129.0462),
+                vector3(676.6494, 569.8362, 129.0462),
+                vector3(679.2704, 564.6002, 129.0462),
+                vector3(665.4129, 572.1701, 129.0466),
+                vector3(674.1650, 576.8971, 130.4615),
+                vector3(680.0535, 577.0251, 130.4613),
+                vector3(679.8480, 581.9109, 130.4613),
+                vector3(675.5769, 583.8447, 130.4613),
+            } },
+            { coords = vector3(662.9620, 576.9605, 133.8416), heading = 70.70, rot = 0.0, targets = {
+                vector3(682.2175, 586.6760, 130.4613),
+                vector3(680.4813, 574.4057, 130.4613),
+                vector3(682.5893, 581.9211, 130.4613),
+                vector3(680.4192, 566.1691, 129.0461),
+            } },
+        },
+        -- AllowedJobs = {
+        --     ['police'] = { 0, 1, 2, 3, 4, 5 },
+        --     ['ambulance'] = { 0, 1, 2, 3, 4, 5 },
+        -- }
+    },
+    ['Split_Sides'] = { -- From: https://es.gta5-mods.com/maps/split-sides-west-mlo-fivem-ragemp
+        Location = { x = -456.7947, y = 273.9791, z = 84.2238 },
+        Distance = 50.0, -- Meters
+        RenderDistance = 50.0,
+        SmokeTime = 25000,
+        Default_Volume = 0.25, -- Recommended Default Volume
+        LightShow = {
+            { func = 'spotlight', index="left_2", velocity=10, reference_point = vector3(-449.5627, 270.8548, 83.2047), coords = vector3(-449.5627, 272.8548, 87.2047), type = 'linear', color = 'static', color_rgb = {r=50,g=50,b=50}, channel = true}, -- Izquierda 2
+            { func = 'spotlight', index="right_2", velocity=10, reference_point = vector3(-449.3085, 274.7450, 83.2047), coords = vector3(-449.3085, 276.7450, 87.4567), type = 'linear', color = 'static', color_rgb = {r=50,g=50,b=50}, channel = false}, -- Derecha 2
+            { func = 'spotlight', index="left_1", velocity=10, reference_point = vector3(-449.8505, 270.3709, 83.2047), coords = vector3(-449.8505, 268.3709, 87.5197), type = 'linear', color = 'static', color_rgb = {r=50,g=50,b=50}, channel = true}, -- Izquierda 1
+            { func = 'spotlight', index="right_1", velocity=10, reference_point = vector3(-443.0583, 270.6282, 83.2047), coords = vector3(-443.0583, 268.6282, 88.2127), type = 'linear', color = 'static', color_rgb = {r=50,g=50,b=50}, channel = false}, -- Derecha 1
+            { func = 'spotlight', index="front_center", velocity=10, reference_point = vector3(-442.6168, 271.1059, 83.2047), coords = vector3(-442.6168, 273.1059, 88.2127), type = 'static', color = 'static', color_rgb = {r=0,g=0,b=50}}, -- Centro Frente
+        },
+        Effects = {
+            { coords = vector3(-450.8203, 271.3472, 82.8237), rotation = { p = -90.0, r = 0.0, y = -95.0 }, effect_size = 2.0 },
+            { coords = vector3(-452.0027, 268.8690, 82.8237), rotation = { p = -90.0, r = 0.0, y = -140.0 }, effect_size = 2.0 },
+            { coords = vector3(-451.6219, 273.9716, 82.8237), rotation = { p = -90.0, r = 0.0, y = -50.0 }, effect_size = 2.0 },
+        },
+        SmokeCoords = {
+            { coords = vector3(-450.3163, 264.7432, 82.0222), heading = 175.7538, rot = 90.0, targets = {
+                vector3(-449.0729, 269.5695, 83.0222),
+                vector3(-449.3416, 275.7599, 83.0221),
+                vector3(-442.9503, 277.0859, 83.0221),
+                vector3(-441.7586, 272.3806, 83.0221),
+            } },
+        },
+        -- AllowedJobs = {
+        --     ['police'] = { 0, 1, 2, 3, 4, 5 },
+        --     ['ambulance'] = { 0, 1, 2, 3, 4, 5 },
+        -- }
+    },
+    ['Tequilala'] = { -- From: Vanilla GTA5
+        Location = { x = -560.6406, y = 281.7243, z = 85.6765 },
+        Distance = 50.0, -- Meters
+        RenderDistance = 50.0,
+        SmokeTime = 25000,
+        Default_Volume = 0.25, -- Recommended Default Volume
+        LightShow = {
+            { func = 'spotlight', index="exterior_left", velocity=15, reference_point = vector3(-551.5994, 284.2672, 85.2190), coords = vector3(-550.6808, 288.3711, 81.9767), type = 'up-down', color = 'static', color_rgb = {r=50,g=0,b=0}, channel = true}, -- Frente Izquierda
+            { func = 'spotlight', index="exterior_right", velocity=15, reference_point = vector3(-551.5994, 284.2672, 85.2190), coords = vector3(-551.2626, 281.1283, 81.9767), type = 'up-down', color = 'static', color_rgb = {r=50,g=0,b=0}, channel = true}, -- Frente Derecha
+        },
+        Effects = {
+            { coords = vector3(-551.9310, 286.2948, 82.25), rotation = { p = -90.0, r = 0.0, y = -95.0 }, effect_size = 1.0 },
+            { coords = vector3(-552.4740, 282.8806, 82.25), rotation = { p = -90.0, r = 0.0, y = -95.0 }, effect_size = 1.0 },
+        },
+        SmokeCoords = {
+            { coords = vector3(-552.9420, 289.6099, 81.1763), heading = 354.4157, rot = 90.0, targets = {
+                vector3(-555.7430, 288.3029, 82.1763),
+                vector3(-554.3656, 286.3562, 82.1763),
+                vector3(-556.1230, 284.1127, 82.1763),
+                vector3(-554.6021, 280.2755, 82.1763),
+            } },
+        },
+        -- AllowedJobs = {
+        --     ['police'] = { 0, 1, 2, 3, 4, 5 },
+        --     ['ambulance'] = { 0, 1, 2, 3, 4, 5 },
+        -- }
+    },
+}
+
+Config.QuickAccessAudios = {
+    [1] = {url = 'https://cfx-nui-nv_djdesk/html/audio/audio1.mp3', volume = 0.5},
+    [2] = {url = 'https://cfx-nui-nv_djdesk/html/audio/audio2.mp3', volume = 0.5},
+    [3] = {url = 'https://cfx-nui-nv_djdesk/html/audio/audio3.mp3', volume = 0.5},
+    [4] = {url = 'https://cfx-nui-nv_djdesk/html/audio/audio4.mp3', volume = 0.5},
+    [5] = {url = 'https://cfx-nui-nv_djdesk/html/audio/audio5.mp3', volume = 0.5},
+    [6] = {url = 'https://cfx-nui-nv_djdesk/html/audio/audio6.mp3', volume = 0.5},
+    [7] = {url = 'https://cfx-nui-nv_djdesk/html/audio/audio7.mp3', volume = 0.5},
+    [8] = {url = 'https://cfx-nui-nv_djdesk/html/audio/audio8.mp3', volume = 0.5},
+}
+
+Config.Marker = {
+    Type = 24,
+    SizeX = 0.500,
+    SizeY = 0.500,
+    SizeZ = 0.500,
+    ColorR = 50,
+    ColorG = 50,
+    ColorB = 155,
+    Alpha = 255,
+    Jump = true,
+    FollowCam = true
+}
+
+Config.DrawCustomContext = function(playerCoords)
+    SetTextComponentFormat("STRING")
+    AddTextComponentString(' ~INPUT_CONTEXT~ DJ table')
+    DisplayHelpTextFromStringLabel(0, false, true, -1)
+end
+
+Config.Watermark = true

resources/[jobs]/[civ]/nv_DjDesk/config/frameworks/framework.lua

@@ -0,0 +1,117 @@
+-- Client & Server
+if Config.Framework == 'auto' then
+    local options = {'qb-core', 'es_extended'}
+
+    for _, option in ipairs(options) do
+        if GetResourceState(option) == 'started' then
+            Config.Framework = option
+            break;
+        end
+    end
+
+    Config.Framework = (Config.Framework == 'auto') and 'standalone' or Config.Framework
+end
+
+-- Client & Server
+Config.GetFrameworkObject = function()
+    if Config.Framework == 'esx' or Config.Framework == 'es_extended' then
+        Config.Core = exports["es_extended"]:getSharedObject();
+    elseif Config.Framework == 'qbcore' or Config.Framework == 'qb-core' then
+        Config.Core = exports['qb-core']:GetCoreObject();
+    elseif Config.Framework == 'standalone' or Config.Framework == '' then
+        -- Custom function
+    end
+end
+
+if IsDuplicityVersion() then
+    nPrint = function(source, text)
+        print('----------------------------')
+        print('Player: '..GetPlayerIdentifier(source, 0))
+        print('Action: '..text)
+        print('----------------------------')
+    end
+
+    Config.GetPlayerFromId = function(source)
+        if Config.Framework == 'esx' or Config.Framework == 'es_extended' then
+            return Config.Core.GetPlayerFromId(source);
+        elseif Config.Framework == 'qbcore' or Config.Framework == 'qb-core' then
+            return Config.Core.Functions.GetPlayer(source);
+        elseif Config.Framework == 'standalone' or Config.Framework == '' then
+            -- Custom function
+        end
+    end
+
+    Config.GetJob = function(source)
+        local player = Config.GetPlayerFromId(source)
+        if Config.Framework == 'esx' or Config.Framework == 'es_extended' then
+            return player?.getJob()?.name, player?.getJob()?.grade;
+        elseif Config.Framework == 'qbcore' or Config.Framework == 'qb-core' then
+            return player?.PlayerData?.job?.name, player?.PlayerData?.job?.grade?.level;
+        elseif Config.Framework == 'standalone' or Config.Framework == '' then
+            return 'Uknown', 0;
+        end
+    end
+
+    Config.IsPlayerAdmin = function(source)
+        if Config.Framework == 'esx' or Config.Framework == 'es_extended' then
+            local xPlayer = Config.GetPlayerFromId(source);
+            local group = xPlayer.getGroup();
+
+            if group == 'admin' then
+                return true;
+            else
+                return false;
+            end
+        elseif Config.Framework == 'qbcore' or Config.Framework == 'qb-core' then
+            local permList = Config.Core.Functions.GetPermission(source)
+            local hasPerms = false
+
+            if permList.god then
+                hasPerms = true
+            elseif permList.admin then
+                hasPerms = true
+            end
+
+            return hasPerms;
+        elseif Config.Framework == 'standalone' or Config.Framework == '' then
+            local adminList = {
+                'license:yourlicense123',
+            }
+
+            local identifier = GetPlayerIdentifierByType(source, 'license')
+
+            for index, value in ipairs(adminList) do
+                if identifier == value then
+                    return true;
+                end
+            end
+
+            return false;
+        end
+    end
+else
+    Config.Microphone = function(status) -- Only change this if you are not using PMA-VOICE
+        if GetResourceState('pma-voice') == 'started' then
+            if status then
+                exports["pma-voice"]:overrideProximityRange(100.0, true)
+            else
+                exports["pma-voice"]:clearProximityOverride()
+            end
+        else
+            print('You are not using pma-voice, please configure your voice system exports.')
+        end
+    end
+
+    Config.GetJob = function()
+        if Config.Framework == 'esx' or Config.Framework == 'es_extended' then
+            return Config?.Core?.GetPlayerData()?.job?.name, Config?.Core?.GetPlayerData()?.job?.grade;
+        elseif Config.Framework == 'qbcore' or Config.Framework == 'qb-core' then
+            return Config?.Core?.Functions?.GetPlayerData()?.job?.name, Config?.Core?.Functions?.GetPlayerData()?.job?.grade?.level;
+        elseif Config.Framework == 'standalone' or Config.Framework == '' then
+            return 'Uknown', 0;
+        end
+    end
+end
+
+-- Client & Server
+Config.GetFrameworkObject() -- Get CORE functions

resources/[jobs]/[civ]/nv_DjDesk/config/frameworks/sound_c.lua

@@ -0,0 +1,23 @@
+SoundSystem = {
+  soundExists = function(soundName)
+    return exports['xsound']:soundExists(soundName)
+  end,
+  fadeIn = function(soundName, time, volume)
+    exports['xsound']:fadeIn(soundName, time, volume)
+  end,
+  fadeOut = function(soundName, time)
+    exports['xsound']:fadeOut(soundName, time)
+  end,
+  Destroy = function(soundName)
+    exports['xsound']:Destroy(soundName)
+  end,
+  isPaused = function(soundName)
+    return exports['xsound']:isPaused(soundName)
+  end,
+  getMaxDuration = function(soundName)
+    return exports['xsound']:getMaxDuration(soundName)
+  end,
+  getTimeStamp = function(soundName)
+    return exports['xsound']:getTimeStamp(soundName)
+  end,
+}

resources/[jobs]/[civ]/nv_DjDesk/config/frameworks/sound_s.lua

@@ -0,0 +1,23 @@
+SoundSystem = {
+  PlayUrlPos = function(source, soundName, url, volume, coords, loop)
+    exports['xsound']:PlayUrlPos(source, soundName, url, volume, coords, loop)
+  end,
+  Distance = function(source, soundName, distance)
+    exports['xsound']:Distance(source, soundName, distance)
+  end,
+  Destroy = function(source, soundName)
+    exports['xsound']:Destroy(source, soundName)
+  end,
+  Resume = function(source, soundName)
+    exports['xsound']:Resume(source, soundName)
+  end,
+  Pause = function(source, soundName)
+    exports['xsound']:Pause(source, soundName)
+  end,
+  setVolume = function(source, soundName, volume)
+    exports['xsound']:setVolume(source, soundName, volume)
+  end,
+  setTimeStamp = function(source, soundName, timestamp)
+    exports['xsound']:setTimeStamp(source, soundName, timestamp)
+  end,
+}

resources/[jobs]/[civ]/nv_DjDesk/config/translations/de.lua

@@ -0,0 +1,46 @@
+Config.LocaleList['de'] = {
+    ['sound-button'] = 'Ton',
+    ['playlists-button'] = 'Playlists',
+    ['div-controls--input'] = 'MUSIK-URL',
+    ['controller-button'] = 'Steuerung',
+    ['colors-button'] = 'Farben',
+    ['range-label'] = 'Ton <span class="hightlight">Bereich</span>',
+    ['volume-label'] = 'Ton <span class="hightlight">Lautstärke</span>',
+    ['microphone'] = '<span class="microphone-hightlight">Sprechen</span> ins Mikrofon',
+    ['stop-microphone'] = '<span class="stopmicrophone-hightlight">Sprechen</span> stoppen',
+    ['smoke-start'] = '<span class="microphone-hightlight">Rauch</span> erzeugen',
+    ['effects-label'] = 'Effekte <span class="hightlight">Maschine</span>',
+    ['fire-start'] = '<span class="microphone-hightlight">Feuer</span> erzeugen',
+    ['firework-start'] = '<span class="microphone-hightlight">Feuerwerk</span> erzeugen',
+    ['spotlight-label'] = 'Farbe der <span class="hightlight">Spotlight</span> ändern',
+    ['smoke-label'] = 'Farbe des <span class="hightlight">Rauchs</span> ändern',
+    ['create-playlist-button'] = 'Senden',
+    ['delete-playlist-button'] = 'Löschen',
+    ['add-song-playlist-button'] = 'Senden',
+    ['playlist-label'] = 'Playlist erstellen',
+    ['remove-label'] = 'Playlist entfernen',
+    ['add-label'] = 'Lied hinzufügen',
+    ['new-playlist'] = 'Name der Playlist',
+    ['new-song-name'] = 'Name des Liedes',
+    ['new-song-url'] = 'URL des Liedes',
+    ['smoke-machine-label'] = 'Rauch <span class="hightlight">Maschine</span>',
+    ['spotlight-mode-label'] = '<span class="hightlight">Modus</span> Spotlight',
+    ['dynamic-label'] = 'Dynamisch',
+    ['static-label'] = 'Statisch',
+    ['epilepsy-label'] = 'Epilepsie',
+    ['close-dj-creator'] = 'DJ Creator schließen',
+    ['set-dj-location'] = 'DJ-Standort festlegen',
+    ['add-range'] = 'Bereich hinzufügen',
+    ['remove-range'] = 'Bereich entfernen',
+    ['save-range'] = 'Bereich speichern',
+    ['place-spotlight'] = 'Spotlight platzieren und drehen',
+    ['remove-last-action'] = 'Letzte Aktion entfernen',
+    ['save-spotlights'] = 'Spotlights speichern',
+    ['place-screen'] = 'Bildschirm platzieren und drehen',
+    ['save-screens'] = 'Bildschirme speichern',
+    ['place-effect'] = 'Effekt platzieren und drehen',
+    ['save-effects'] = 'Effekte speichern',
+    ['place-smoke'] = 'Rauchmaschinen und Rauch platzieren',
+    ['save-smoke'] = 'Rauchmaschinen speichern',
+    ['copied-to-clipboard'] = 'IN ZWISCHENABLAGE KOPIERT',
+}

resources/[jobs]/[civ]/nv_DjDesk/config/translations/en.lua

@@ -0,0 +1,46 @@
+Config.LocaleList['en'] = {
+    ['sound-button'] = 'Sound',
+    ['playlists-button'] = 'Playlists',
+    ['div-controls--input'] = 'MUSIC URL',
+    ['controller-button'] = 'Control',
+    ['colors-button'] = 'Colors',
+    ['range-label'] = 'Sound <span class="hightlight">Range</span>',
+    ['volume-label'] = 'Sound <span class="hightlight">Volume</span>',
+    ['microphone'] = '<span class="microphone-hightlight">Speak</span> to Microphone',
+    ['stop-microphone'] = 'Stop <span class="stopmicrophone-hightlight">Speaking</span>',
+    ['smoke-start'] = '<span class="microphone-hightlight">Create</span> Smoke',
+    ['effects-label'] = 'Effects <span class="hightlight">Machine</span>',
+    ['fire-start'] = '<span class="microphone-hightlight">Create</span> Fire',
+    ['firework-start'] = '<span class="microphone-hightlight">Create</span> Fireworks',
+    ['spotlight-label'] = 'Change <span class="hightlight">Spotlight Color</span>',
+    ['smoke-label'] = 'Change <span class="hightlight">Smoke Color</span>',
+    ['create-playlist-button'] = 'Send',
+    ['delete-playlist-button'] = 'Delete',
+    ['add-song-playlist-button'] = 'Send',
+    ['playlist-label'] = 'Create Playlist',
+    ['remove-label'] = 'Remove Playlist',
+    ['add-label'] = 'Add Song',
+    ['new-playlist'] = 'Playlist Name',
+    ['new-song-name'] = 'Song Name',
+    ['new-song-url'] = 'Song URL',
+    ['smoke-machine-label'] = 'Smoke <span class="hightlight">Machine</span>',
+    ['spotlight-mode-label'] = '<span class="hightlight">Spotlight</span> Mode',
+    ['dynamic-label'] = 'Dynamic',
+    ['static-label'] = 'Static',
+    ['epilepsy-label'] = 'Epilepsy',
+    ['close-dj-creator'] = 'Close DJ Creator',
+    ['set-dj-location'] = 'Set DJ location',
+    ['add-range'] = 'Add Range',
+    ['remove-range'] = 'Remove Range',
+    ['save-range'] = 'Save Range',
+    ['place-spotlight'] = 'Place spotlight & rotation',
+    ['remove-last-action'] = 'Remove last action',
+    ['save-spotlights'] = 'Save spotlights',
+    ['place-screen'] = 'Place screen & rotation',
+    ['save-screens'] = 'Save screens',
+    ['place-effect'] = 'Place effect & rotation',
+    ['save-effects'] = 'Save effects',
+    ['place-smoke'] = 'Place smoke machines & smokes',
+    ['save-smoke'] = 'Save smoke machines',
+    ['copied-to-clipboard'] = 'COPIED TO CLIPBOARD',
+}

resources/[jobs]/[civ]/nv_DjDesk/config/translations/es.lua

@@ -0,0 +1,46 @@
+Config.LocaleList['es'] = {
+    ['sound-button'] = 'Sonido',
+    ['playlists-button'] = 'Listas',
+    ['div-controls--input'] = 'URL DE LA MÚSICA',
+    ['controller-button'] = 'Controlar',
+    ['colors-button'] = 'Colores',
+    ['range-label'] = 'Sonido <span class="hightlight">Rango</span>',
+    ['volume-label'] = 'Sonido <span class="hightlight">Volumen</span>',
+    ['microphone'] = '<span class="microphone-hightlight">Hablar</span> al Micrófono',
+    ['stop-microphone'] = 'Detener <span class="stopmicrophone-hightlight">Hablar</span>',
+    ['smoke-start'] = '<span class="microphone-hightlight">Crear</span> Humo',
+    ['effects-label'] = 'Efectos <span class="hightlight">Máquina</span>',
+    ['fire-start'] = '<span class="microphone-hightlight">Crear</span> Fuego',
+    ['firework-start'] = '<span class="microphone-hightlight">Crear</span> Fuegos Artificiales',
+    ['spotlight-label'] = 'Cambiar <span class="hightlight">Color del Foco</span>',
+    ['smoke-label'] = 'Cambiar <span class="hightlight">Color del Humo</span>',
+    ['create-playlist-button'] = 'Enviar',
+    ['delete-playlist-button'] = 'Eliminar',
+    ['add-song-playlist-button'] = 'Enviar',
+    ['playlist-label'] = 'Crear Lista de Reproducción',
+    ['remove-label'] = 'Eliminar Lista de Reproducción',
+    ['add-label'] = 'Agregar Canción',
+    ['new-playlist'] = 'Nombre de la Lista de Reproducción',
+    ['new-song-name'] = 'Nombre de la Canción',
+    ['new-song-url'] = 'URL de la Canción',
+    ['smoke-machine-label'] = 'Máquina de <span class="hightlight">Humo</span>',
+    ['spotlight-mode-label'] = '<span class="hightlight">Modo</span> Foco',
+    ['dynamic-label'] = 'Dinámico',
+    ['static-label'] = 'Estático',
+    ['epilepsy-label'] = 'Epilepsia',
+    ['close-dj-creator'] = 'Cerrar Creador de DJ',
+    ['set-dj-location'] = 'Establecer ubicación del DJ',
+    ['add-range'] = 'Agregar Rango',
+    ['remove-range'] = 'Eliminar Rango',
+    ['save-range'] = 'Guardar Rango',
+    ['place-spotlight'] = 'Colocar foco y rotación',
+    ['remove-last-action'] = 'Eliminar última acción',
+    ['save-spotlights'] = 'Guardar focos',
+    ['place-screen'] = 'Colocar pantalla y rotación',
+    ['save-screens'] = 'Guardar pantallas',
+    ['place-effect'] = 'Colocar efecto y rotación',
+    ['save-effects'] = 'Guardar efectos',
+    ['place-smoke'] = 'Colocar máquinas de humo y humo',
+    ['save-smoke'] = 'Guardar máquinas de humo',
+    ['copied-to-clipboard'] = 'COPIADO AL PORTAPAPELES',
+}

resources/[jobs]/[civ]/nv_DjDesk/config/translations/fr.lua

@@ -0,0 +1,46 @@
+Config.LocaleList['fr'] = {
+    ['sound-button'] = 'Son',
+    ['playlists-button'] = 'Listes de lecture',
+    ['div-controls--input'] = 'URL DE LA MUSIQUE',
+    ['controller-button'] = 'Contrôler',
+    ['colors-button'] = 'Couleurs',
+    ['range-label'] = 'Son <span class="hightlight">Plage</span>',
+    ['volume-label'] = 'Son <span class="hightlight">Volume</span>',
+    ['microphone'] = '<span class="microphone-hightlight">Parler</span> au Microphone',
+    ['stop-microphone'] = 'Arrêter de <span class="stopmicrophone-hightlight">Parler</span>',
+    ['smoke-start'] = '<span class="microphone-hightlight">Créer</span> de la Fumée',
+    ['effects-label'] = 'Effets <span class="hightlight">Machine</span>',
+    ['fire-start'] = '<span class="microphone-hightlight">Créer</span> du Feu',
+    ['firework-start'] = [[<span class="microphone-hightlight">Créer</span> des Feux d'artifice]],
+    ['spotlight-label'] = 'Changer <span class="hightlight">Couleur du Projecteur</span>',
+    ['smoke-label'] = 'Changer <span class="hightlight">Couleur de la Fumée</span>',
+    ['create-playlist-button'] = 'Envoyer',
+    ['delete-playlist-button'] = 'Supprimer',
+    ['add-song-playlist-button'] = 'Envoyer',
+    ['playlist-label'] = 'Créer une Liste de Lecture',
+    ['remove-label'] = 'Supprimer la Liste de Lecture',
+    ['add-label'] = 'Ajouter une Chanson',
+    ['new-playlist'] = 'Nom de la Liste de Lecture',
+    ['new-song-name'] = 'Nom de la Chanson',
+    ['new-song-url'] = 'URL de la Chanson',
+    ['smoke-machine-label'] = 'Machine à <span class="hightlight">Fumée</span>',
+    ['spotlight-mode-label'] = '<span class="hightlight">Mode</span> Projecteur',
+    ['dynamic-label'] = 'Dynamique',
+    ['static-label'] = 'Statique',
+    ['epilepsy-label'] = 'Épilepsie',
+    ['close-dj-creator'] = 'Fermer le créateur de DJ',
+    ['set-dj-location'] = "Définir l'emplacement du DJ",
+    ['add-range'] = 'Ajouter une plage',
+    ['remove-range'] = 'Supprimer la plage',
+    ['save-range'] = 'Enregistrer la plage',
+    ['place-spotlight'] = 'Placer le projecteur et la rotation',
+    ['remove-last-action'] = 'Supprimer la dernière action',
+    ['save-spotlights'] = 'Enregistrer les projecteurs',
+    ['place-screen'] = "Placer l'écran et la rotation",
+    ['save-screens'] = 'Enregistrer les écrans',
+    ['place-effect'] = "Placer l'effet et la rotation",
+    ['save-effects'] = 'Enregistrer les effets',
+    ['place-smoke'] = 'Placer les machines à fumée et la fumée',
+    ['save-smoke'] = 'Enregistrer les machines à fumée',
+    ['copied-to-clipboard'] = 'COPIÉ DANS LE PRESSE-PAPIERS',
+}

resources/[jobs]/[civ]/nv_DjDesk/config/translations/it.lua

@@ -0,0 +1,46 @@
+Config.LocaleList['it'] = {
+    ['sound-button'] = 'Suono',
+    ['playlists-button'] = 'Playlist',
+    ['div-controls--input'] = 'URL DELLA MUSICA',
+    ['controller-button'] = 'Controlla',
+    ['colors-button'] = 'Colori',
+    ['range-label'] = 'Suono <span class="hightlight">Intervallo</span>',
+    ['volume-label'] = 'Suono <span class="hightlight">Volume</span>',
+    ['microphone'] = '<span class="microphone-hightlight">Parla</span> al Microfono',
+    ['stop-microphone'] = 'Ferma <span class="stopmicrophone-hightlight">Parlare</span>',
+    ['smoke-start'] = '<span class="microphone-hightlight">Creare</span> Fumo',
+    ['effects-label'] = 'Effetti <span class="hightlight">Macchina</span>',
+    ['fire-start'] = '<span class="microphone-hightlight">Creare</span> Fuoco',
+    ['firework-start'] = [[<span class="microphone-hightlight">Creare</span> Fuochi d'Artificio]],
+    ['spotlight-label'] = 'Cambia <span class="hightlight">Colore del Faretto</span>',
+    ['smoke-label'] = 'Cambia <span class="hightlight">Colore del Fumo</span>',
+    ['create-playlist-button'] = 'Invia',
+    ['delete-playlist-button'] = 'Elimina',
+    ['add-song-playlist-button'] = 'Invia',
+    ['playlist-label'] = 'Crea Playlist',
+    ['remove-label'] = 'Rimuovi Playlist',
+    ['add-label'] = 'Aggiungi Canzone',
+    ['new-playlist'] = 'Nome della Playlist',
+    ['new-song-name'] = 'Nome della Canzone',
+    ['new-song-url'] = 'URL della Canzone',
+    ['smoke-machine-label'] = 'Macchina del <span class="hightlight">Fumo</span>',
+    ['spotlight-mode-label'] = '<span class="hightlight">Modalità</span> Faretto',
+    ['dynamic-label'] = 'Dinamico',
+    ['static-label'] = 'Statico',
+    ['epilepsy-label'] = 'Epilessia',
+    ['close-dj-creator'] = 'Chiudi Creazione DJ',
+    ['set-dj-location'] = 'Imposta posizione DJ',
+    ['add-range'] = 'Aggiungi Intervallo',
+    ['remove-range'] = 'Rimuovi Intervallo',
+    ['save-range'] = 'Salva Intervallo',
+    ['place-spotlight'] = 'Posiziona proiettore e rotazione',
+    ['remove-last-action'] = 'Rimuovi ultima azione',
+    ['save-spotlights'] = 'Salva proiettori',
+    ['place-screen'] = 'Posiziona schermo e rotazione',
+    ['save-screens'] = 'Salva schermi',
+    ['place-effect'] = 'Posiziona effetto e rotazione',
+    ['save-effects'] = 'Salva effetti',
+    ['place-smoke'] = 'Posiziona macchine del fumo e fumo',
+    ['save-smoke'] = 'Salva macchine del fumo',
+    ['copied-to-clipboard'] = 'COPIATO NELLA CLIPBOARD',
+}

resources/[jobs]/[civ]/nv_DjDesk/config/translations/pt.lua

@@ -0,0 +1,46 @@
+Config.LocaleList['pt'] = {
+    ['sound-button'] = 'Som',
+    ['playlists-button'] = 'Listas de Reprodução',
+    ['div-controls--input'] = 'URL DA MÚSICA',
+    ['controller-button'] = 'Controlar',
+    ['colors-button'] = 'Cores',
+    ['range-label'] = 'Som <span class="hightlight">Intervalo</span>',
+    ['volume-label'] = 'Som <span class="hightlight">Volume</span>',
+    ['microphone'] = '<span class="microphone-hightlight">Falar</span> no Microfone',
+    ['stop-microphone'] = 'Parar de <span class="stopmicrophone-hightlight">Falar</span>',
+    ['smoke-start'] = '<span class="microphone-hightlight">Criar</span> Fumaça',
+    ['effects-label'] = 'Efeitos <span class="hightlight">Máquina</span>',
+    ['fire-start'] = '<span class="microphone-hightlight">Criar</span> Fogo',
+    ['firework-start'] = '<span class="microphone-hightlight">Criar</span> Fogos de Artifício',
+    ['spotlight-label'] = 'Alterar <span class="hightlight">Cor do Holofote</span>',
+    ['smoke-label'] = 'Alterar <span class="hightlight">Cor da Fumaça</span>',
+    ['create-playlist-button'] = 'Enviar',
+    ['delete-playlist-button'] = 'Excluir',
+    ['add-song-playlist-button'] = 'Enviar',
+    ['playlist-label'] = 'Criar Lista de Reprodução',
+    ['remove-label'] = 'Remover Lista de Reprodução',
+    ['add-label'] = 'Adicionar Música',
+    ['new-playlist'] = 'Nome da Lista de Reprodução',
+    ['new-song-name'] = 'Nome da Música',
+    ['new-song-url'] = 'URL da Música',
+    ['smoke-machine-label'] = 'Máquina de <span class="hightlight">Fumaça</span>',
+    ['spotlight-mode-label'] = '<span class="hightlight">Modo</span> Holofote',
+    ['dynamic-label'] = 'Dinâmico',
+    ['static-label'] = 'Estático',
+    ['epilepsy-label'] = 'Epilepsia',
+    ['close-dj-creator'] = 'Fechar Criador de DJ',
+    ['set-dj-location'] = 'Definir localização do DJ',
+    ['add-range'] = 'Adicionar Intervalo',
+    ['remove-range'] = 'Remover Intervalo',
+    ['save-range'] = 'Salvar Intervalo',
+    ['place-spotlight'] = 'Colocar refletor e rotação',
+    ['remove-last-action'] = 'Remover última ação',
+    ['save-spotlights'] = 'Salvar refletores',
+    ['place-screen'] = 'Colocar tela e rotação',
+    ['save-screens'] = 'Salvar telas',
+    ['place-effect'] = 'Colocar efeito e rotação',
+    ['save-effects'] = 'Salvar efeitos',
+    ['place-smoke'] = 'Colocar máquinas de fumaça e fumaça',
+    ['save-smoke'] = 'Salvar máquinas de fumaça',
+    ['copied-to-clipboard'] = 'COPIADO PARA A ÁREA DE TRANSFERÊNCIA',
+}

resources/[jobs]/[civ]/nv_DjDesk/config/translations/ru.lua

@@ -0,0 +1,46 @@
+Config.LocaleList['ru'] = {
+    ['sound-button'] = 'Звук',
+    ['playlists-button'] = 'Плейлисты',
+    ['div-controls--input'] = 'URL МУЗЫКИ',
+    ['controller-button'] = 'Управление',
+    ['colors-button'] = 'Цвета',
+    ['range-label'] = 'Звук <span class="hightlight">Диапазон</span>',
+    ['volume-label'] = 'Звук <span class="hightlight">Громкость</span>',
+    ['microphone'] = '<span class="microphone-hightlight">Говорить</span> в микрофон',
+    ['stop-microphone'] = 'Остановить <span class="stopmicrophone-hightlight">Говорить</span>',
+    ['smoke-start'] = '<span class="microphone-hightlight">Создать</span> Дым',
+    ['effects-label'] = 'Эффекты <span class="hightlight">Машины</span>',
+    ['fire-start'] = '<span class="microphone-hightlight">Создать</span> Огонь',
+    ['firework-start'] = '<span class="microphone-hightlight">Создать</span> Фейерверк',
+    ['spotlight-label'] = 'Изменить <span class="hightlight">Цвет Фокуса</span>',
+    ['smoke-label'] = 'Изменить <span class="hightlight">Цвет Дыма</span>',
+    ['create-playlist-button'] = 'Отправить',
+    ['delete-playlist-button'] = 'Удалить',
+    ['add-song-playlist-button'] = 'Отправить',
+    ['playlist-label'] = 'Создать Плейлист',
+    ['remove-label'] = 'Удалить Плейлист',
+    ['add-label'] = 'Добавить Песню',
+    ['new-playlist'] = 'Название Плейлиста',
+    ['new-song-name'] = 'Название Песни',
+    ['new-song-url'] = 'URL Песни',
+    ['smoke-machine-label'] = 'Машина для <span class="hightlight">Дыма</span>',
+    ['spotlight-mode-label'] = '<span class="hightlight">Режим</span> Фокуса',
+    ['dynamic-label'] = 'Динамический',
+    ['static-label'] = 'Статический',
+    ['epilepsy-label'] = 'Эпилепсия',
+    ['close-dj-creator'] = 'Закрыть создатель DJ',
+    ['set-dj-location'] = 'Установить местоположение DJ',
+    ['add-range'] = 'Добавить диапазон',
+    ['remove-range'] = 'Удалить диапазон',
+    ['save-range'] = 'Сохранить диапазон',
+    ['place-spotlight'] = 'Разместить прожектор и поворот',
+    ['remove-last-action'] = 'Удалить последнее действие',
+    ['save-spotlights'] = 'Сохранить прожекторы',
+    ['place-screen'] = 'Разместить экран и поворот',
+    ['save-screens'] = 'Сохранить экраны',
+    ['place-effect'] = 'Разместить эффект и поворот',
+    ['save-effects'] = 'Сохранить эффекты',
+    ['place-smoke'] = 'Разместить дымовые машины и дым',
+    ['save-smoke'] = 'Сохранить дымовые машины',
+    ['copied-to-clipboard'] = 'СКОПИРОВАНО В БУФЕР ОБМЕНА',
+}

resources/[jobs]/[civ]/nv_DjDesk/fxmanifest.lua

@@ -0,0 +1,47 @@
+fx_version 'cerulean'
+
+game 'gta5'
+
+author "Geloteee | Nuvil Store | https://nuvilstore.com/dj-desk/"
+
+version "2.6"
+
+escrow_ignore {
+    'config/config.lua',
+    'config/translations/*.lua',
+    'config/frameworks/*.lua',
+}
+
+shared_scripts {
+    'config/config.lua',
+    'modules/translations.lua',
+    'config/frameworks/framework.lua',
+    'config/translations/*.lua',
+}
+
+client_scripts {
+    'config/frameworks/sound_c.lua',
+    'modules/modules_c/main.lua',
+    'modules/modules_c/devToolKit.lua'
+}
+
+server_scripts {
+    'config/frameworks/sound_s.lua',
+    'modules/modules_s/main.lua',
+    'modules/modules_s/devToolKit.lua'
+}
+
+ui_page "html/index.html"
+
+lua54 'yes'
+
+files {
+    'html/index.html',
+    'html/listener.js',
+    'html/styles.css',
+    'html/default.css',
+    'html/img/**',
+    'html/video/**',
+    'html/audio/**'
+}
+dependency '/assetpacks'

resources/[jobs]/[civ]/nv_DjDesk/html/default.css

@@ -0,0 +1,246 @@
+:root {
+    --color1: #140f09;
+    --color2: #202443;
+
+    --body: #4b4783d2;
+
+    --border-focus: #f2cbfa;
+
+    --background: #8370ce;
+    --border: #caa0fa;
+
+    --color: #ffffff;
+
+    --color-placeholder: #ffffffa8;
+
+    --hoverdiv: #6954be;
+}
+
+* {
+    font-family: 'Noto Sans', sans-serif;
+    transition: all .2s ease;
+    color: var(--color);
+    margin: 10px;
+    border-radius: 5px;
+}
+
+/*
+    Placeholder pages showcase
+*/
+
+#first-page {
+    height: 300px;
+}
+
+#second-page {
+    width: 800px;
+    height: 300px;
+}
+
+span {
+    margin: 0;
+}
+
+/*
+    Input text
+*/
+
+input {
+    background-color: var(--background);
+    border: 1px solid var(--border);
+    height: 32px;
+    width: 300px;
+    font-size: 20px;
+    text-align: center;
+}
+
+input:focus {
+    outline: none;
+    border: 1px solid var(--border-focus);
+}
+
+input::placeholder {
+    color: var(--color-placeholder);
+}
+
+/*
+    Input with icon
+*/
+
+.input-with-icon {
+    display: flex;
+    align-items: center;
+    background-color: var(--background);
+    border: 1px solid var(--border);
+    height: 34px;
+    width: 300px;
+    font-size: 20px;
+}
+
+.input-with-icon input {
+    text-align: left;
+    display: block;
+    margin: 0;
+    margin-left: 5px;
+    background-color: transparent;
+    border: none;
+    height: 32px;
+    width: 250px;
+    font-size: 20px;
+}
+
+.input-with-icon input:focus {
+    outline: none;
+    border: none;
+}
+
+.input-with-icon input::placeholder {
+    color: var(--color-placeholder);
+}
+
+.input-with-icon span {
+    background-color: transparent;
+}
+
+/*
+    Drop-Down menu
+*/
+
+select {
+    text-align: center;
+    background-color: var(--background);
+    border: 1px solid var(--border);
+    width: 150px;
+    height: 35px;
+}
+
+select:focus {
+    outline: none;
+    border: 1px solid var(--border-focus);
+}
+
+select option {
+    color: var(--color-placeholder);
+}
+
+/*
+    Button
+*/
+
+button {
+    background-color: var(--background);
+    border: 1px solid var(--border);
+    color: var(--color-placeholder);
+    width: 150px;
+    height: 35px;
+    cursor: pointer;
+    outline: none;
+}
+
+button:hover {
+    border: 1px solid var(--border-focus);
+    color: var(--color);
+}
+
+/*
+    Table
+*/
+
+.table-container {
+    width: 800px;
+    height: auto;
+    margin: 0;
+}
+
+.table-titles {
+    display: flex;
+    text-align: center;
+    margin: 0;
+    margin-bottom: 12.5px;
+    width: 800px;
+    height: 30px;
+    background-color: var(--background);
+    border: 1px solid var(--border);
+    transition: all 0.6s;
+}
+
+.table-titles:hover {
+    background-color: var(--hoverdiv);
+}
+
+.titles-table {
+    align-items: center;
+    background-color: transparent;
+    border: none;
+    width: 100px;
+    flex-grow: 1;
+    height: 10px;
+    margin: 0;
+    margin-top: 4px;
+}
+
+.table-row-scroll {
+    overflow-x: hidden;
+    overflow-y: auto;
+    width: 801px;
+    padding-right: 1px;
+    height: auto;
+    max-height: 400px;
+    margin: 0;
+}
+
+.table-row-scroll::-webkit-scrollbar {
+    display: none;
+}
+
+.table-row {
+    display: flex;
+    text-align: center;
+    align-items: center;
+    margin: 0;
+    margin-bottom: 5px;
+    width: 800px;
+    height: 40px;
+    background-color: var(--background);
+    border: 1px solid var(--border);
+}
+
+.table-row:hover {
+    background-color: var(--hoverdiv);
+}
+
+.item-table {
+    align-items: center;
+    background-color: transparent;
+    flex-grow: 1;
+    height: 22.5px;
+    width: 100px;
+    text-overflow: ellipsis;
+    white-space:nowrap; 
+    overflow: hidden;
+}
+
+/*
+    GOOGLE ICONS
+*/
+
+.material-symbols-outlined {
+    margin-left: 5px;
+    font-variation-settings:
+    'FILL' 0,
+    'wght' 400,
+    'GRAD' 0,
+    'opsz' 48
+}
+
+#watermark {
+	display: block;
+	position: absolute;
+	top: 0%;
+  	left: 50%;
+	opacity: 25%;
+	height: 100px;
+	width: auto;
+  	transform: translate(-50%, -0%);
+    cursor: pointer;
+}

resources/[jobs]/[civ]/nv_DjDesk/html/index.html

@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type="text/css" href="default.css">
+    <link rel="stylesheet" href="styles.css">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@600&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <title>Document</title>
+</head>
+<body>
+    <div id="devtool-body">
+        <h1 id="devtool-title">DJ DevTools</h1>
+
+        <div id="devtool-keys-content">
+            <div class="devtool-box">
+                <img src="./img/keys/e.png" alt="">
+                <p>To place the DJ location</p>
+            </div>
+        </div>
+        
+        <div id="devtool-preview-container">
+            <video autoplay loop id="devtool-preview"></video>
+        </div>
+    </div>
+
+    <div id="container-body">
+        <div id="container-menu">
+            <div id="left-menu">
+                <div id="left-nav-bar">
+                    <h4 id="sound-button">Sound</h4>
+                    <h4 id="playlists-button">Playlists</h4>
+                </div>
+                <div id="left-first-page">
+                    <div class="menu-section">
+                        <h4 id="range-label">Sound <span class="hightlight">Range</span></h4>
+                        <input type="range" id="distance">
+                    </div>
+                    <div class="menu-section">
+                        <h4 id="volume-label">Sound <span class="hightlight">Volume</span></h4>
+                        <input type="range" id="volume">
+                    </div>
+                    <div class="division-line"></div>
+                    <button id="microphone"><span class="microphone-hightlight">Talk</span> to Microphone</button>
+                    <button id="stop-microphone">Stop <span class="stopmicrophone-hightlight">Talking</span></button>
+                </div>
+                <div id="left-second-page">
+                    <div id='all-container'>
+                        <div class="playlist-container">
+                            <img class="add-song" src="./img/add.png">
+                            <h1>Playlist 1</h1>
+                            <div class="playlist-table">
+                                <button class="song-parr">Play Song #1<img src="./img/close-icon.png"></button>
+                                <button>Play Song #1</button>
+                                <button>Play Song #1</button>
+                                <button>Play Song #1</button>
+                            </div>
+                        </div>
+                    </div>
+                    <img id="add-img" src="./img/add.png">
+                    <img id="delete-img" src="./img/delete.png">
+                </div>
+            </div>
+            <div id = 'div-container'>
+                <input id="timeline" type="range" min="1" max="100" value="50" class="slider">
+                <button id = 'div-controls--music'></button>
+                <button id = 'div-controls--exit'>❌</button>
+                <button id = 'div-controls--stop'>✋</button>
+                <input type="text" id = 'div-controls--input' value = '' placeholder="MUSIC URL">
+                <button class = 'div-controls--sound first'></button>
+                <button class = 'div-controls--sound second'></button>
+                <button class = 'div-controls--sound third'></button>
+                <button class = 'div-controls--sound fourth'></button>
+        
+                <button class = 'div-controls--sound2 quinto'></button>
+                <button class = 'div-controls--sound2 sexto'></button>
+                <button class = 'div-controls--sound2 septimo'></button>
+                <button class = 'div-controls--sound2 octavo'></button>
+            </div>
+            <div id="right-menu">
+                <div id="right-nav-bar">
+                    <h4 id="controller-button">Controller</h4>
+                    <h4 id="colors-button">Colors</h4>
+                </div>
+                <div id="right-first-page">
+                    <h4 id="spotlight-mode-label">Spotlight <span class="hightlight">Mode</span></h4>
+                    <select id="spotlight-select">
+                        <option value="Dynamic" id="dynamic-label">Dynamic</option>
+                        <option value="Static" id="static-label">Static</option>
+                        <option value="Epilepsy" id="epilepsy-label">Epilepsy</option>
+                    </select>
+                    <h4 id="smoke-machine-label">Smoke <span class="hightlight">Machine</span></h4>
+                    <button id="smoke-start"><span class="microphone-hightlight">Create</span> Smoke</button>
+                    <h4 id="effects-label">Effects <span class="hightlight">Machine</span></h4>
+                    <button id="fire-start"><span class="microphone-hightlight">Create</span> Fire</button>
+                    <button id="firework-start"><span class="microphone-hightlight">Create</span> FireWork</button>
+                </div>
+                <div id="right-second-page">
+                    <div class="menu-section">
+                        <h4 id="spotlight-label">Change <span class="hightlight">SpotLight Color</span></h4>
+                        <div class="spotlight-color-pick">
+                            <div id="spotlight-color-red"></div>
+                            <div id="spotlight-color-green"></div>
+                            <div id="spotlight-color-blue"></div>
+        
+                            <div id="spotlight-color-red-2"></div>
+                            <div id="spotlight-color-green-2"></div>
+                            <div id="spotlight-color-blue-2"></div>
+        
+                            <div id="spotlight-color-red-3"></div>
+                            <div id="spotlight-color-green-3"></div>
+                            <div id="spotlight-color-blue-3"></div>
+        
+                            <div id="spotlight-color-red-4"></div>
+                            <div id="spotlight-color-green-4"></div>
+                            <div id="spotlight-color-blue-4"></div>
+                        </div>
+                    </div>
+                    <div class="division-line"></div>
+                    <div class="menu-section">
+                        <h4 id="smoke-label">Change <span class="hightlight">Smoke Color</span></h4>
+                        <div class="spotlight-color-pick">
+                            <div id="smoke-color-red"></div>
+                            <div id="smoke-color-green"></div>
+                            <div id="smoke-color-blue"></div>
+        
+                            <div id="smoke-color-red-2"></div>
+                            <div id="smoke-color-green-2"></div>
+                            <div id="smoke-color-blue-2"></div>
+        
+                            <div id="smoke-color-red-3"></div>
+                            <div id="smoke-color-green-3"></div>
+                            <div id="smoke-color-blue-3"></div>
+        
+                            <div id="smoke-color-red-4"></div>
+                            <div id="smoke-color-green-4"></div>
+                        </div>
+                    </div>
+                    <div class="division-line"></div>
+                </div>
+            </div>
+        </div>
+        <div id="add-popup">
+            <img class="close-popups" src="./img/close-icon.png">
+            <h1 id="playlist-label">Create Playlist</h1>
+            <input id="new-playlist" type="text" placeholder="Playlist Name">
+            <button id="create-playlist-button">Submit</button>
+        </div>
+        <div id="delete-popup">
+            <img class="close-popups" src="./img/close-icon.png">
+            <h1 id="remove-label">Delete Playlist</h1>
+            <select id="select-delete" name="" id=""></select>
+            <button id="delete-playlist-button">Delete</button>
+        </div>
+        <div id="add-song-popup">
+            <img class="close-popups" src="./img/close-icon.png">
+            <h1 id="add-label">Add Song</h1>
+            <input id="new-song-name" type="text" placeholder="Song Name">
+            <input id="new-song-url" type="text" placeholder="Song URL">
+            <button id="add-song-playlist-button">Submit</button>
+        </div>
+        <img onclick="window.invokeNative('openUrl', 'https://discord.gg/sERxdnduDM');" id="watermark" src="https://cdn.discordapp.com/attachments/723696788099563601/1058124637910876270/logo-resized.png">
+    </div>
+</body>
+    <script src="nui://game/ui/jquery.js" type="text/javascript"></script>
+    <script src="./listener.js" type="text/javascript"></script>
+</html>
+
+<!-- 
+
+    Made By Geloteee#2901
+
+    Join our Discord: https://discord.gg/sERxdnduDM
+
+-->

resources/[jobs]/[civ]/nv_DjDesk/html/styles.css

@@ -0,0 +1,740 @@
+* {
+    padding: 0px;
+    margin: 0px;
+}
+
+#container-body {
+    display: none;
+}
+
+#container-menu {
+    user-select: none;
+    display: flex;
+    position: absolute;
+    width: 65vw;
+    height: 20vw;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: transparent;
+}
+
+#left-menu {
+    text-align: center;
+    width: 15vw;
+    height: 100%;
+    background-color: var(--body);
+    border: 1px solid var(--border);
+    border-top-left-radius: 1vw;
+    border-bottom-left-radius: 1vw;
+    border-top-right-radius: .25vw;
+}
+
+#right-menu {
+    text-align: center;
+    width: 15vw;
+    height: 100%;
+    background-color: var(--body);
+    border: 1px solid var(--border);
+    border-top-right-radius: 1vw;
+    border-bottom-right-radius: 1vw;
+    border-top-left-radius: .25vw;
+}
+
+#div-container {
+    display: block;
+    width: 35vw;
+    height: 20vw;
+    background-image: url('img/mesa.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+#div-controls--music {
+    display: block;
+    width: 2vw;
+    height: 2vw;
+    margin-left: 16.45vw;
+    transform: translateY(6.25vw);
+    border-radius: 2vw;
+    border: none;
+    background-color: rgba(255, 0, 0, 0);
+}
+
+#div-controls--input {
+    display: block;
+    width: 7.5vw;
+    height: 1vw;
+    border: none;
+    font-size: 0.75vw;
+    text-align: center;
+    background-color: #000;
+    color: white;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+#div-controls--exit {
+    height: 1vw;
+    width: 1vw;
+    background-color: rgba(255, 255, 255, 0);
+    border: none;
+
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(375%, -50%);
+}
+
+#div-controls--stop {
+    height: 1vw;
+    width: 1vw;
+    background-color: rgba(255, 255, 255, 0);
+    border: none;
+
+    position: absolute;
+    top: 50%;
+    left: 36.75%;
+    transform: translate(375%, -50%);
+}
+
+/*
+
+    Made By Geloteee#2901
+
+    Join our Discord: https://discord.gg/sERxdnduDM
+
+*/
+
+h1 {
+    color: #fff;
+}
+  
+input[type=range] {
+  appearance: none;
+  width: 99.3%;
+  height: 5px;
+  background: #000;
+  outline: none;
+  border: 2.5px solid var(--background);
+  border-radius: 8px;
+}
+
+input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 10px;
+  height: 1.35vw;
+  background: #000;
+  cursor: pointer;
+  border: 2.55px solid var(--background);
+  border-radius: 4px;
+}
+
+.div-controls--sound {
+    display: block;
+    width: 2vw;
+    height: 2vw;
+    border-radius: 0.5vw;
+    border: none;
+    background-color: rgba(43, 255, 0, 0);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    outline: none;
+    box-shadow: none;
+}
+
+.div-controls--sound:hover {
+    border: none;
+}
+
+.div-controls--sound.first {
+    transform: translate(-845%, 275%);
+}
+
+.div-controls--sound.second {
+    transform: translate(-735%, 275%);
+}
+
+.div-controls--sound.third {
+    transform: translate(635%, 275%);
+}
+
+.div-controls--sound.fourth {
+    transform: translate(745%, 275%);
+}
+
+.div-controls--sound2 {
+    display: block;
+    width: 2vw;
+    height: 2vw;
+    border-radius: 0.5vw;
+    border: none;
+    background-color: rgba(43, 255, 0, 0);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    outline: none;
+    box-shadow: none;
+}
+
+.div-controls--sound2:hover {
+    border: none;
+}
+
+.div-controls--sound2.quinto {
+    transform: translate(-845%, 385%);
+}
+
+.div-controls--sound2.sexto {
+    transform: translate(-735%, 385%);
+}
+
+.div-controls--sound2.septimo {
+    transform: translate(635%, 385%);
+}
+
+.div-controls--sound2.octavo {
+    transform: translate(750%, 385%);
+}
+
+
+
+
+.menu-section {
+    margin-top: 1vw;
+}
+
+.hightlight {
+    color: var(--border);
+}
+
+.microphone-hightlight {
+    color: rgb(112, 255, 68);
+}
+
+.stopmicrophone-hightlight {
+    color: rgb(255, 90, 90);
+}
+
+#distance {
+    width: 10vw;
+    margin: 1vw;
+}
+
+#volume {
+    width: 10vw;
+    margin: 1vw;
+}
+
+.division-line {
+    height: 0.05vw;
+    width: 100%;
+    margin-top: 0.5vw;
+    background-color: rgba(255, 255, 255, 0.233);
+}
+
+#microphone {
+    margin-top: 1.25vw;
+    width: 8vw;
+    height: 1.85vw;
+    font-size: 0.75vw;
+}
+
+#stop-microphone {
+    margin-top: 1.25vw;
+    width: 8vw;
+    height: 1.85vw;
+    font-size: 0.75vw;
+}
+
+h4 {
+    font-size: 1vw;
+}
+
+#left-nav-bar {
+    width: 100%;
+    height: 10%;
+    border-radius: 0vw;
+    border-top-right-radius: .15vw;
+    border-top-left-radius: .9vw;
+    background-color: var(--background);
+}
+
+#left-nav-bar h4 {
+    display: inline-block;
+    margin-top: 0.25vw;
+    border: 1px solid var(--border);
+    padding-left: 1vw;
+    padding-right: 1vw;
+    cursor: pointer;
+}
+
+#right-nav-bar {
+    width: 100%;
+    height: 10%;
+    border-radius: 0vw;
+    border-top-right-radius: .9vw;
+    border-top-left-radius: .15vw;
+    background-color: var(--background);
+}
+
+#right-nav-bar h4 {
+    display: inline-block;
+    margin-top: 0.25vw;
+    border: 1px solid var(--border);
+    padding-left: 1vw;
+    padding-right: 1vw;
+    cursor: pointer;
+}
+
+#right-first-page {
+    display: block;
+}
+
+#right-first-page h4 {
+    margin-top: 1vw;
+    margin-bottom: .5vw;
+}
+
+#spotlight-select {
+    height: 1.35vw;
+    width: 6vw;
+}
+
+#smoke-start {
+    width: 8vw;
+    height: 1.85vw;
+    font-size: 0.75vw;
+}
+
+#fire-start {
+    margin-bottom: .5vw;
+    width: 8vw;
+    height: 1.85vw;
+    font-size: 0.75vw;
+}
+
+#firework-start {
+    margin-bottom: .5vw;
+    width: 8vw;
+    height: 1.85vw;
+    font-size: 0.75vw;
+}
+
+#right-second-page {
+    display: none;
+}
+
+.spotlight-color-pick {
+    margin-top: 1vw;
+    width: 100%;
+}
+
+.spotlight-color-pick div {
+    display: inline-block;
+    height: 1.31vw;
+    width: 1.31vw;
+    cursor: pointer;
+}
+
+
+#spotlight-color-red {
+    background-color: rgb(255, 59, 59);
+}
+
+#spotlight-color-green {
+    background-color: rgb(154, 255, 86);
+}
+
+#spotlight-color-blue {
+    background-color: rgb(59, 167, 255);
+}
+
+#spotlight-color-red-2 {
+    background-color: rgb(255, 242, 59);
+}
+
+#spotlight-color-green-2 {
+    background-color: rgb(86, 255, 227);
+}
+
+#spotlight-color-blue-2 {
+    background-color: rgb(222, 59, 255);
+}
+
+#spotlight-color-red-3 {
+    background-color: rgb(255, 59, 196);
+}
+
+#spotlight-color-green-3 {
+    background-color: rgb(119, 0, 255);
+}
+
+#spotlight-color-blue-3 {
+    background-color: rgb(255, 153, 0);
+}
+
+#spotlight-color-red-4 {
+    background-color: rgb(255, 255, 255);
+}
+
+#spotlight-color-green-4 {
+    background-color: rgb(0, 0, 0);
+}
+
+#spotlight-color-blue-4 {
+    background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
+            linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
+            linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
+}
+
+#smoke-color-red {
+    background-color: rgb(255, 59, 59);
+}
+
+#smoke-color-green {
+    background-color: rgb(154, 255, 86);
+}
+
+#smoke-color-blue {
+    background-color: rgb(59, 167, 255);
+}
+
+#smoke-color-red-2 {
+    background-color: rgb(255, 242, 59);
+}
+
+#smoke-color-green-2 {
+    background-color: rgb(86, 255, 227);
+}
+
+#smoke-color-blue-2 {
+    background-color: rgb(222, 59, 255);
+}
+
+#smoke-color-red-3 {
+    background-color: rgb(255, 59, 196);
+}
+
+#smoke-color-green-3 {
+    background-color: rgb(119, 0, 255);
+}
+
+#smoke-color-blue-3 {
+    background-color: rgb(255, 153, 0);
+}
+
+#smoke-color-red-4 {
+    background-color: rgb(255, 255, 255);
+}
+
+#smoke-color-green-4 {
+    background-color: rgb(0, 0, 0);
+}
+
+
+
+
+
+#left-first-page {
+    display: block;
+}
+
+#left-second-page {
+    display: none;
+    text-align: center;
+    height: 18vw;
+    overflow-y: scroll;
+}
+
+#left-second-page::-webkit-scrollbar {
+    display: none;
+}
+
+.playlist-container {
+    display: inline-block;
+    text-align: center;
+    margin-top: .5vw;
+    width: 95%;
+    height: 1.5vw;
+    max-height: none;
+    background-color: var(--body);
+    border: 1px solid var(--border);
+    padding-top: .5vw;
+    padding-bottom: .5vw;
+}
+
+.playlist-table {
+    display: none;
+}
+
+.playlist-table img {
+    float: right;
+    height: .5vw;
+    transform: rotate(45deg);
+    margin: .25vw;
+    width: auto;
+}
+
+.playlist-table img:hover {
+    transform: rotate(45deg) scale(1.5);
+}
+
+.playlist-container h1 {
+    height: 2vw;
+    padding: 0;
+    font-size: 1vw;
+    font-style: normal;
+    cursor: pointer;
+    display: inline-block;
+    margin-bottom: .5vw;
+}
+
+.playlist-container button {
+    display: inline-block;
+    margin: 0;
+    margin-bottom: .25vw;
+    font-size: .75vw;
+    font-style: normal;
+    width: 90%;
+    height: auto;
+    cursor: pointer;
+}
+
+.add-song {
+    display: block;
+    width: .75vw;
+    height: auto;
+    float: left;
+    margin-left: .5vw;
+    cursor: pointer;
+}
+
+#add-img {
+    width: 1.5vw;
+    height: auto;
+    float: left;
+    margin: 1vw;
+    cursor: pointer;
+}
+
+#delete-img {
+    width: 1.75vw;
+    height: auto;
+    float: right;
+    margin: 1vw;
+    cursor: pointer;
+}
+
+
+
+#add-song-popup {
+    display: none;
+    position: absolute;
+    text-align: center;
+    width: 20vw;
+    height: 10vw;
+    background-color: var(--background);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border: 1px solid var(--border);
+}
+
+#add-song-popup h1 {
+    font-style: normal;
+    font-size: 1vw;
+    margin: 0;
+    margin-top: .5vw;
+    margin-bottom: .5vw;
+}
+
+#add-song-popup input {
+    text-align: center;
+    font-style: normal;
+    margin: 0;
+    margin-bottom: .5vw;
+    font-size: 1vw;
+    width: 15vw;
+    height: 2vw;
+}
+
+#add-song-popup button {
+    text-align: center;
+    font-style: normal;
+    font-size: .75vw;
+    width: 5vw;
+    height: 1.5vw;
+    margin: 0;
+    margin-top: .5vw;
+}
+
+#add-song-popup img {
+    position: absolute;
+    font-style: normal;
+    font-size: 1vw;
+    width: 1vw;
+    height: auto;
+    margin: 0;
+    margin-left: 8.5vw;
+    margin-top: .5vw;
+    transform: rotate(45deg);
+    cursor: pointer;
+}
+
+
+
+
+
+
+#add-popup {
+    display: none;
+    position: absolute;
+    text-align: center;
+    width: 20vw;
+    height: 7.5vw;
+    background-color: var(--background);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border: 1px solid var(--border);
+}
+
+#add-popup h1 {
+    font-style: normal;
+    font-size: 1vw;
+    margin: 0;
+    margin-top: .5vw;
+    margin-bottom: .5vw;
+}
+
+#add-popup input {
+    text-align: center;
+    font-style: normal;
+    font-size: 1vw;
+    width: 15vw;
+    height: 2vw;
+    margin: 0;
+}
+
+#add-popup button {
+    text-align: center;
+    font-style: normal;
+    font-size: .75vw;
+    width: 5vw;
+    height: 1.5vw;
+    margin: 0;
+    margin-top: .5vw;
+}
+
+#add-popup img {
+    position: absolute;
+    font-style: normal;
+    font-size: 1vw;
+    width: 1vw;
+    height: auto;
+    margin: 0;
+    margin-left: 8.5vw;
+    margin-top: .5vw;
+    transform: rotate(45deg);
+    cursor: pointer;
+}
+
+#delete-popup {
+    display: none;
+    position: absolute;
+    text-align: center;
+    width: 20vw;
+    height: 6vw;
+    background-color: var(--background);
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border: 1px solid var(--border);
+}
+
+#delete-popup h1 {
+    font-style: normal;
+    font-size: 1vw;
+    margin: 0;
+    margin-top: .5vw;
+    margin-bottom: .5vw;
+}
+
+#delete-popup input {
+    text-align: center;
+    font-style: normal;
+    font-size: 1vw;
+    width: 15vw;
+    height: 2vw;
+    margin: 0;
+}
+
+#delete-popup button {
+    text-align: center;
+    font-style: normal;
+    font-size: .75vw;
+    width: 5vw;
+    height: 1.75vw;
+    margin: 0;
+    margin-top: .5vw;
+}
+
+#delete-popup img {
+    position: absolute;
+    font-style: normal;
+    font-size: 1vw;
+    width: 1vw;
+    height: auto;
+    margin: 0;
+    margin-left: 8.5vw;
+    margin-top: .5vw;
+    transform: rotate(45deg);
+    cursor: pointer;
+}
+
+#devtool-body {
+    display: none;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 500px;
+    height: auto;
+    margin: 150px;
+    margin-top: 15px;
+    background-color: var(--body);
+    border: 1px solid var(--border);
+    padding-bottom: 15px;
+}
+
+#devtool-title {
+    text-align: center;
+    padding: 5px;
+}
+
+.devtool-box {
+    display: flex;
+    align-items: center;
+    margin-left: 20px;
+    margin-top: 10px;
+}
+
+.devtool-box p {
+    display: inline-block;
+    margin-left: 10px;
+}
+
+#devtool-preview-container {
+    display: block;
+    text-align: center;
+}
+
+#devtool-preview {
+    width: 455px;
+    margin-top: 20px;
+}

resources/[jobs]/[civ]/nv_DjDesk/modules/modules_s/data.json

@@ -0,0 +1 @@
+{"license:561c1d84b5d92ea7eed4e048eb5c1090996ecb5f":{"ExamplePlayList":{"Shakira: Bzrp Music Sessions, Vol. 53":"https://www.youtube.com/watch?v=CocEMWdc7Ck&ab_channel=Bizarrap"}},"license:f19ccc2eaaf7380a07a1e3eba5d995e8a3d11fd0":{},"license:eb4983efa214bcf442cc5fea513aaff7c59e9088":{"ExamplePlayList":{"Shakira: Bzrp Music Sessions, Vol. 53":"https://www.youtube.com/watch?v=CocEMWdc7Ck&ab_channel=Bizarrap"}}}