🎅🎄✔️ 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)

Recommended

• lj-brand this is only compatiable with lj-hud

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.