[PAID][QBCORE][ESX] Advanced Scoreboard

MS_SCORE BOARD

• A Score Board UI built with svelte and nice looking UI and dynamic Sections

Why this Score Board Script?

• Again I Was Looking for a better and good scoreboard UI for my server that fulfills my server needs therefore me and my dev Friend decided to make one

• This Scoreboard Contains a player list with their ID and job name based on the server job and on the left side there is a job and business section which going to shows job and service names and how many people are there right now which is totally dynamic and configurable in config side

• It’s currently supporting QBCore / Qbox / ESX

Update V1.1

• Icon support added for staff and for people with a certain discord role

• Added customized options for configure icon and color check Shared/config.lua → Config.PrioritySettings and services.lua → Config.Services for more info

• Added Character name support for ESX/QB/QBX

• Adde Version Check

• Rework on Discord role check method

• Better Usage of ox_lib keybind

• Refactored Code Styles

SOME INFO

• to change the logo of your scoreboard replace the logo.png located at html/logo.png

• to open your scoreboard press y once to show the ID and long press to view the full scoreboard

• To configure your scoreboard there is 2 config file one is the basic config name as config.lua || & services. lua for adding and removing services and config their color name etc located in the shared directory

CONFIG SHOWCASE

Config = Config or {}

if GetResourceState('qb-core') == 'started' then
    Config.Core = 'qb'
elseif GetResourceState('es_extended') == 'started' then
    Config.Core = 'esx'
else
    Config.Core = false
end

Config.Guild_ID = ''  --server id
Config.FormattedToken = ''   --server bot token
Config.EnablePrioritySettings = false  -- Toggle key to enable or disable custom color for priority holder

Config.PrioritySettings = {
    --[[ ['784015321358139412'] = {
        cardcolor =  {
            background = '#421F21', -- hex code for primary background color of card
            color = '#E0312A', -- hex code for secondary background color of card
            text = 'white', -- hex code for text color of card
        },
        icon = 'fa-solid fa-code', -- font awesome icon name/false - for no icon
    }, ]]
}

Config.PressTimer = 1 -- in seconds for pressing key to open scoreboard
Config.ViewIdDistance = 10.0  -- viewing distance for player overhead id
Config.MouseKey = 238  -- mouse key value to interact with list(prefer not to change)
Config.ColorOnVoiceToggle = true  -- Toggle key to enable or disable color on voice active
Config.ColorCodeOnVoice = {0, 0, 255}  -- Voice Active color code value (r, g, b)

Config.Identifier = 'name' -- Identifier to display on scoreboard (name, steam2, steam3, license, discord, charname only [framework based qb and esx charcter name are suopported] )
Config.Keybind = 'Y' --- The Key for open or close the scoreboard

Services Config

local JOBS = {}

if Config.Core == 'qb' then
    JOBS = QBCore.Shared.Jobs
elseif Config.Core == 'esx' then
    JOBS = lib.callback.await('ms_scoreboard:server:getjobs', false)
end

function GetJoblabel(job)
    if Config.Core == 'qb' then
        return JOBS[job] and JOBS[job].label or 'N/A'
    elseif Config.Core == 'esx' then
        return JOBS[job] and JOBS[job].label or 'N/A'
    end
    return 'N/A'
end

Config.Services = {  -- Service Job Holder list
    {
        label= 'Services',
        icon= 'fas fa-building-columns',
        job= {
            {
                label= GetJoblabel('police'),
                amount= 2,
                background= '#1A2C3F',
                color= '#1A3959',
                text= 'white',
                icon= 'fa-solid fa-person-military-rifle',
            },
            {
                label= GetJoblabel('ambulance'),
                amount= 6,
                background= '#421F21',
                color= '#E0312A',
                text= 'white',
                icon= 'fa-solid fa-user-doctor',
            },
            {
                label= GetJoblabel('bcso'),
                amount= 5,
                background= '#453218',
                color= '#957223',
                text= 'white',
                icon= 'fa-solid fa-person-military-rifle',
            },
        },
    },
    {
        label= 'Business',
        icon= 'fas fa-suitcase',
        job= {
        {
                label= GetJoblabel('cardealer'),
                amount= 10,
                background= '#193B33',
                color= '#099268',
                text= 'white',
                icon= 'fas fa-car',
            },
            {
                label= GetJoblabel('luxurydealer'),
                amount= 12,
                background= '#473919',
                color= '#E67700',
                text= 'white',
                icon= 'fas fa-car',
            },
            {
                label= GetJoblabel('tuner'),
                amount= 15,
                background= '#2D2F35',
                color= '#585E72',
                text= 'white',
                icon= 'fa-solid fa-wrench',
            }
        },
    },
    {
        label= 'Restaurants',
        icon= 'fas fa-utensils',
        job= {
            {
                label= GetJoblabel('catcafe'),
                amount= 12,
                background= '#38222D',
                color= '#A61E4D',
                text= 'white',
                icon= 'fas fa-paw',
            },
            {
                label= GetJoblabel('burgershot'),
                amount= 15,
                background= '#332A1A',
                color= '#E69500',
                text= 'white',
                icon= 'fas fa-burger',
            }
        },
    },
}

• Note: If you need any other support let me know by replying to this topic

Some Picture preview

Buy from Tebex