Simplified Jobcenter

FiveM Releases
, , ,
1

Simple jobcenter [UI] for QBCore & ESX

Tebex (FREE)
Github
Preview

Three jobs were only made for showcase purposes, you can add jobs yourself and type in the job-name that is listed on your server. (use of config-file)

Features:

Add unlimited jobs (unwhitelisted)
Job Instructions tab
Paid Actions tab
Job Thumbnail
Job Tags

Configurable:

name
image
rank
description
instructions
paidactions
tags

Downloads:
ss-jobcenter.zip (4.8 MB)

Dependencies:

For qbcore:

qb-core
qb-target

For esx:

esx-core (framework)

Support:

If you need help or have any custom requests & questions, you can contact us on discord which can be found in the description of the video linked in this post

BANNER
BANNER1920×791 76.1 KB

16 Likes
2

this is fire.
now to redo my jobcenter.
Thanx!

2 Likes
3

Good job! :wink:

2 Likes
6

Thanks for the great script super simple and clean I have rewritten it again for ox_target.

keep it up !

3 Likes
7

Glad you like it! We’re happy to hear that you’re having fun adding stuff to the script! :grin:

2 Likes
8

:pinched_fingers: :fire: love it!

2 Likes
9

really nice nui bro

1 Like
10

Hi, amazing work can you send ox_target version, please? :smiling_face:

3 Likes
16

If someone needed Draw3DText like screenshot

Add to ss-jobcenter/client/cl_main.lua new function

function Draw3DText(x, y, z, text)
    local onScreen, _x, _y = World3dToScreen2d(x, y, z)
    local pX, pY, pZ = table.unpack(GetGameplayCamCoords())
    
    SetTextScale(0.35, 0.35)
    SetTextFont(4)
    SetTextProportional(1)
    SetTextColour(255, 255, 255, 215)
    SetTextEntry("STRING")
    SetTextCentre(1)
    AddTextComponentString(text)
    DrawText(_x, _y)
    
    local factor = (string.len(text)) / 370
    DrawRect(_x, _y + 0.0125, 0.015 + factor, 0.03, 0, 0, 0, 150)
end

and after

elseif Config.target == 'ox' then
            local params = {
                label = "Job Center",
                name = "jobcenter",
                icon = "fas fa-briefcase",
                iconColor = "#ffffff",
                distance = 3.0,
                serverEvent = "ss-jobcenter:server:openJobCenter",
            }
            exports.ox_target:addLocalEntity(peds[k], params)

Add this one:

elseif Config.target == '3dtext' then
            -- GTA native interaction (E to interact)
            Citizen.CreateThread(function()
                while true do
                    Citizen.Wait(0)
                    local playerPed = PlayerPedId()
                    local coords = GetEntityCoords(playerPed)
                    local targetCoords = GetEntityCoords(peds[k])
        
                    if GetDistanceBetweenCoords(coords, targetCoords, true) < 1.5 then
                        -- Display the "Press E" help text
                        Draw3DText(targetCoords.x, targetCoords.y, targetCoords.z + 1.0, "[E] Job Center")
                        
                        -- Check if E is pressed
                        if IsControlJustReleased(0, 38) then -- 38 is the key code for E
                            TriggerServerEvent('ss-jobcenter:server:openJobCenter')
                        end
                    end
                end
            end)
        end

image
image792×643 52 KB

17

image

18

Will work on creating a new video.

1 Like