🎅🎄✔️ lj-brand used with QBCore Framework ✅🦌🤶

Join my Discord laboratory for updates, support, and special early testing!
https://discord.gg/loljoshie (without-vanity url: https://discord.gg/HH6uTcBfew)

Very simple checklist system for newcomers and toggleable in-game command branding logo. Written in Vue.js
Runs at ~ 0.00 ms

Dependencies

qbcore framework
interact-sound (if you want sound effects)

Event: All you need is this event. It can go pretty much anywhere.

TriggerEvent('lj-brand:client:open')

Example:

I'd recommend putting it in qb-clothing where newcomers first create their characters on the server.

Find this in qb-clothing/client.lua/RegisterNetEvent('qb-clothes:client:CreateFirstCharacter')
And replace with this instead

RegisterNetEvent('qb-clothes:client:CreateFirstCharacter')
AddEventHandler('qb-clothes:client:CreateFirstCharacter', function()
    QBCore.Functions.GetPlayerData(function(PlayerData)
        local skin = "mp_m_freemode_01"
        openMenu({
            {menu = "character", label = "Character", selected = true},
            {menu = "clothing", label = "Features", selected = false},
            {menu = "accessoires", label = "Accessories", selected = false}
        })

        if PlayerData.charinfo.gender == 1 then 
            skin = "mp_f_freemode_01" 
        end
        
        ChangeToSkinNoUpdate(skin)
        SendNUIMessage({
            action = "ResetValues",
        })
    end)
        Wait(1200)
        TriggerEvent('lj-brand:client:open')
end)

Key Features

Configurable logo (/logo)
Toggleable logo
Checkboxes react when focused / checked
Checklist requires you to checkmark all boxes
Button is disabled until requirements are met.
Easy to use and customize. For people that just want all branding in one place, and allow community to choose if they want to see the branding logo of the server while playing.
(This entire script was just an excuse so I can play around with Vue more ❤️)

Previews

where to edit (html) and config

checklist completed / not completed

checklist gif

checklist clothing example

Change Logs

1.0

Initial release

Issues and Suggestions

Please use the GitHub issues system to report issues or make suggestions, when making suggestion, please keep [Suggestion] in the title to make it clear that it is a suggestion.

liberium12 / lj-brand