Skip to content

RPSync Job Center

Modern job selection system for FiveM
Job Center UI

Professional and modern job selection system designed for ESX Legacy servers.

RPSync Job Center provides a clean gaming-style interface, optimized performance, secure server-side validation and easy configuration — all in a lightweight package.


  • Modern gaming-style UI
  • Multilingual support (EN / FR ready)
  • Optional level system
  • Map blip and marker
  • Job images support
  • Salary display
  • Easy configuration
  • Escrow protection
  • Cyan themed modern interface
  • Smooth animations
  • Player avatar display
  • Job selection feedback
  • Locked jobs display
  • Responsive layout

The script is optimized for performance.

StatePerformance
Idle0.00 ms
Near marker0.01 ms

Optimizations include:

  • smart distance checks
  • async operations
  • optimized loops

Security is handled server-side.

  • Server-side job validation
  • Anti-spam protection
  • Cannot bypass job selection via client
  • Escrow protection for UI files

Before installing make sure your server has:

  • FiveM server running
  • ESX Legacy framework
  • oxmysql installed
  • Basic server knowledge

Installation takes less than 5 minutes. :contentReference[oaicite:3]{index="3"}

Download the script from your Tebex purchase.

Extract the archive to:

resources/rpsync_jobcenter


Add the resource:

ensure rpsync_jobcenter

Recommended order:

  1. ensure es_extended
  2. ensure rpsync_jobcenter

Restart the resource:

restart rpsync_jobcenter

or restart the entire server.


Go to the Job Center location:

-265.99, -961.24, 31.22

Press E to open the Job Center.


All configuration is located in:

config.lua


Language

Config.Locale = 'en'

Available languages: (more soon)

en, fr

Config.JobCenter = {
Blip = {
Coords = vector3(-265.99, -961.24, 31.22),
Sprite = 407,
Colour = 3,
Name = "Job Center"
},
Marker = {
Coords = vector3(-265.99, -961.24, 31.22),
Color = {r = 0, g = 188, b = 212}
}
}

Example job configuration:

{
name = 'mechanic',
label = 'Mechanic',
description = 'Fix vehicles',
icon = '🔧',
salary = 350,
image = 'mechanic.png',
requiredLevel = 0,
canSelect = true
}

canSelect = false

Recommended size: 300x160px Place images in: html/images/ Example structure:

html/images/
police.png
ambulance.png
mechanic.png
taxi.png

Verify jobs exist in database.

SELECT * FROM jobs;

Add a job if missing:

INSERT INTO jobs (name, label) VALUES ('mechanic', 'Mechanic');

Add grades:

INSERT INTO job_grades (job_name, grade, name, label, salary) VALUES
('mechanic', 0, 'trainee', 'Trainee', 300),
('mechanic', 1, 'mechanic', 'Mechanic', 400);

Default color : #00bcd4

Edit : html/style.css

Replace with your own color.


Change Marker Color

Marker = {
Color = {r = 255, g = 0, b = 255}
}

Players must:

  1. Go to the Job Center
  2. Press E
  3. Select a job
  4. Confirm selection

The current job will appear highlighted.


Check:

  • Resource started
  • ESX loaded
  • Player near marker
  • No F8 errors

Check:

  • canSelect = true
  • job exists in database
  • config.lua correctly configured

Check:

  • image name matches config
  • file exists in html/images
  • file format is PNG or JPG

2.0.5

  • Improved security
  • Anti-spam protection
  • Performance optimization
  • Documentation improvements

2.0.0

  • Modern UI redesign
  • Multilingual system
  • Job images support
  • Performance improvements

Before requesting support:

  1. Check documentation
  2. Check F8 console
  3. Restart resource

Support channels:


RPSync License

Allowed:

  • Use on your server
  • Modify configuration
  • Modify translations

Not allowed:

  • Resell
  • Redistribute
  • Remove escrow protection