Advanced Job Center v1

This page explains how to configure the Config.lua file for the Advanced Job Center system.

---

🗺️ Blip Configuration

Configure the map marker (blip) for the Job Center.

Option	Description	Default
BlipLocation	The in-world coordinates where the blip is placed.	vector3(-232.0178, -915.1678, 32.3108)
BlipSprite	Icon used for the blip.	304
BlipColour	Color of the blip.	5
BlipScale	Size of the blip icon on the map.	0.7
BlipText	Name that appears on the map.	"Job Center"

🎯 See the full list of blip sprites and colors: FiveM Blip Docs

---

📍 Marker Configuration

Controls the 3D marker and prompt text near the job center.

Option	Description	Default
Marker	Enable or disable the 3D world marker.	true
MarkerType	Type of marker shape.	1
MarkerRGB	Color of the marker in RGB format.	{red = 109, green = 204, blue = 246}
MarkerText	Text shown when the player is near the marker.	"[E] Job center"

🔵 Marker types reference: FiveM Marker Docs

---

💼 Job Configuration

Define which jobs players can select from at the Job Center.

Job Slot	Job Name
Job_1	"garbage"
Job_2	"taxi"
Job_3	"delivery"
Job_4	"security"
Job_5	"agency"
Job_6	"construction"
Job_7	"fisherman"
Job_8	"trucker"
Job_9	"lumberjack"

---

🎥 Job Preview Camera Locations

Each job can display a preview or cinematic camera shot using these location settings.

Job	Camera Location (vector4)
Job_1	-299.6201, -1520.1866, 34.5020, 116.2001
Job_2	923.5453, -163.3705, 77.4634, 116.3177
Job_3	758.8497, -985.7083, 26.7978, 78.5222
Job_4	3.8441, -671.5244, 34.6562, 69.6244
Job_5	-90.5342, -634.3039, 43.3431, 34.0732
Job_6	-88.3472, -1033.1720, 29.4328, 141.1593
Job_7	-1819.8628, -1264.8511, 13.8151, 63.2853
Job_8	847.8387, -878.7721, 28.1595, 209.3485
Job_9	-602.1274, 5455.9580, 62.2229, 204.5059

📸 These are used to enhance immersion with visual previews of job-related locations or areas.

📋 Job Details - Configuration (config.js)

This file defines all available jobs shown in the Advanced Job Center UI, including job metadata, descriptions, locations, icons, and images.

Each job is represented as an object inside the jobDetails array.

---

🧩 Job Object Structure

Each job uses the following structure:

jsCopyEdit{
  id: 'jobX',                // Unique identifier used in internal logic
  name: 'Job Name',          // Displayed job name
  type: 'DIFFICULTY',        // Difficulty level (EASY, MEDIUM, HARD)
  about: 'Job Description',  // Description shown in the UI
  location: 'MAP AREA',      // Where the job is based
  paycheck: 'XX$ /h',        // Pay per hour (in-game)
  icon: `<i class="...">`,   // Font Awesome icon (HTML)
  img: 'path/to/image.png'   // Image shown in job menu
}

---

📌 Current Job Definitions

ID	Name	Type	Location	Pay
job1	Garbage Collector	EASY	PALETO BAY	20$ /h
job2	Taxi Driver	MEDIUM	SANDY SHORES	35$ /h
job3	Delivery Driver	MEDIUM	DOWNTOWN	30$ /h
job4	Bank Security Guard	HARD	CENTRAL LOS SANTOS	55$ /h
job5	Real Estate Agent	MEDIUM	ROSEDALE	50$ /h
job6	Construction Worker	HARD	SOUTHWEST LOS SANTOS	40$ /h
job7	Fisherman	EASY	PALM BAY	25$ /h
job8	Truck Driver	MEDIUM	EAST LOS SANTOS	45$ /h
job9	Lumberjack	HARD	SENORA DESERT	40$ /h

---

🎨 Icons and Images

• Icon: Each job includes an HTML snippet using Font Awesome icons for visual representation.

• Image: Background or preview image (usually used in a job selector UI). Example path: script/images/taxi.png

✅ Make sure icons work with your UI framework and images are located correctly in your resource folder.

---

🛠️ How to Add a New Job

To add a new job:

1. Copy an existing job object.

2. Change the id, name, and other details as needed.

3. Place it into the jobDetails array.

jsCopyEdit{
  id: 'job10',
  name: 'Barista',
  type: 'EASY',
  about: 'Friendly barista making the best coffee in town.',
  location: 'VINEWOOD',
  paycheck: '28$ /h',
  icon: `<i class="fa-solid fa-mug-hot"></i>`,
  img: "script/images/barista.png"
}