Installing the Resource

Guide to install our Gang System

Dependencies fivem-freecam - Download Here ox_lib - Download Here

Building the resource

The resource needs to be built for the UI to work as it is made in Svelte and Typescript. Follow these instructions to do so.

Prerequisites: Node JS

• Open the resource in VS Code

• In the terminal navigate to the src folder, this can be done using these commands. cd web cd src

• In this directory run these commands: npm i npm install vite npm run build

• If the process executes without errors, then you are finished.

• If you encounter any issues with this process, feel free to contact us VIA our discord

Territory Overlay Position This resource has it's own overlay to show what territory you are in, etc. To set this up you need to add a player metadata variable New QBCore Go to qb-core/config.lua and add this to the QBConfig.Player.PlayerDefaults

territory_hud_position = "bottom-right",

Old QBCore Go to qb-core/server/player.lua and add this line

PlayerData.metadata['territory_hud_position'] = PlayerData.metadata['territory_hud_position'] or "bottom-right"

And that is it Files This Resource comes with 2 additional resources veil-sprays and veil-gangshells veil-gangshells is required if you are planning to use the Trap House System You WILL need to purchase the gang shells from here veil-sprays is required if you are planning to use the Spray System See here for instructions Items OX Inventory Add these items to ox_inventory/data/items.lua

['gang_laptop'] = {
	label = 'Gang Laptop',
	weight = 115,
	client = {
		image = "laptop_prog.png"
	},
},
['empty_plastic_bags'] = {
        label = "Empty Plastic Bags",
		description = "A box of empty plastic bags",
        weight = 115,
		stack = true,
        client = {
            image = "empty_plastic_bag.png"
        }
},
['scale'] = {
    label = "Scale",
		description = "A Scale used for weighing items",
    weight = 115,
		stack = true,
    client = {
        image = "scale.png"
    }
},
['shrink_wrap'] = {
    label = "Shrink Wrap",
		description = "A roll of shrink wrap",
    weight = 115,
		stack = true,
    client = {
        image = "shrinkwrap.png"
    }
},
['coca_plant'] = {
    label = "Coca Plant",
    weight = 115,
		stack = true,
    client = {
        image = "coca_plant.png"
    }
},
['baking_soda'] = {
    label = "Baking Soda",
		description = "A box of baking soda",
		stack = true,
    weight = 115,
    client = {
        image = "baking_soda.png"
    }
},
['bleach'] = {
    label = "Bleach",
		description = "A bottle of bleach",
		stack = true,
    weight = 115,
    client = {
        image = "bleach.png"
    }
},
['rat_poison'] = {
    label = "Rat Poison",
		description = "A bottle of rat poison",
		stack = true,
    weight = 115,
    client = {
        image = "rat_poison.png"
    }
},
['raw_cocaine'] = {
    label = "Raw Cocaine",
		stack = true,
    weight = 115,
    client = {
        image = "raw_cocaine.png"
    }
},
['processed_cocaine_high'] = {
    label = "Processed Coke [High]",
		description = "A bag of processed coke of high quality",
		stack = true,
    weight = 115,
    client = {
        image = "processed_coke_high.png"
    }
},
['processed_cocaine_med'] = {
    label = "Processed Coke [Medium]",
		description = "A bag of processed coke of medium quality",
		stack = true,
    weight = 115,
    client = {
        image = "processed_cocaine_med.png"
    }
},
['processed_coke_low'] = {
    label = "Processed Coke [Low]",
		description = "A bag of processed coke of low quality",
		stack = true,
    weight = 115,
    client = {
        image = "processed_coke_low.png"
    }
},
['bagged_coke_high'] = {
    label = "Bagged Coke [High]",
		description = "A bag of coke of high quality",
		stack = true,
    weight = 115,
    client = {
        image = "bagged_coke_high.png"
    }
},
['bagged_coke_med'] = {
    label = "Bagged Coke [Medium]",
		description = "A bag of coke of medium quality",
		stack = true,
    weight = 115,
    client = {
        image = "bagged_coke_med.png"
    }
},
['bagged_coke_low'] = {
    label = "Bagged Coke [Low]",
		description = "A bag of coke of low quality",
		stack = true,
    weight = 115,
    client = {
        image = "bagged_coke_low.png"
    }
},
['coke_brick_high'] = {
    label = "Coke Brick [High]",
		description = "A brick of coke of high quality",
		stack = true,
    weight = 115,
    client = {
        image = ""
    }
},
['coke_brick_med'] = {
    label = "Coke Brick [Medium]",
		description = "A brick of coke of medium quality",
		stack = true,
    weight = 115,
    client = {
        image = ""
    }
},
['coke_brick_low'] = {
    label = "Coke Brick [Low]",
		description = "A brick of coke of low quality",
		stack = true,
    weight = 115,
    client = {
        image = "coke_brick_low.png"
    }
},
['acetone'] = {
    label = "Acetone",
		description = "A bottle of acetone, used for making certain items",
		stack = true,
    weight = 115,
    client = {
        image = "acetone.png"
    }
},
['aluminium_oxide'] = {
    label = "Aluminium Oxide",
		description = "A box of aluminium oxide, used for making certain items",
		stack = true,
    weight = 115,
    client = {
        image = "aluminium_oxide.png"
    }
},
['mercury_fulninate'] = {
    label = "Mercury Fulninate",
		description = "A box of mercury fulninate, used for making certain items",
		stack = true,
    weight = 115,
    client = {
        image = "mercury_fulninate.png"
    }
},
['pseudoephedrine'] = {
    label = "Pseudoephedrine",
    description = "A bottle of Pseudoephedrine, used for making certain items",
    stack = true,
    weight = 115,
    client = {
        image = "pseudoephedrine.png"
    }
},
['tray'] = {
    label = "Tray",
		description = "A tray",
		stack = true,
    weight = 115,
    client = {
        image = "tray.png"
    }
},
['chemical_mix'] = {
    label = "Chemical Mix",
		description = "A chemical mix used for making certain items",
		stack = true,
    weight = 115,
    client = {
        image = "chemical_mix.png"
    }
},
['meth_crystals'] = {
    label = "Meth Crystals",
		description = "A bag of meth crystals",
		stack = true,
    weight = 115,
    client = {
        image = "meth_crystals.png"
    }
},
['meth_brick'] = {
    label = "Meth Brick",
		description = "A brick of meth",
		stack = true,
    client = {
        image = "meth_brick.png"
    }
},
['bagged_meth'] = {
    label = "Bagged Meth",
    description = "A bag of meth",
    stack = true,
    client = {
        image = "bagged_meth.png"
    }
},

QB | PS | LJ | Quasar Inventories Add these to qb-core/shared/items.lua

gang_spray_can = { name = 'gang_spray_can', label = 'Spray Can', weight = 5000, type = 'item', image = 'gang_spray_can.png', unique = false, useable = true, shouldClose = true, combinable = nil, description = 'A spray can for gangs...' },
gang_laptop = { name = "gang_laptop", label = "Gang Laptop", weight = 5000, type = "item", image = "laptop_prog.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A Gang Laptop..." },
empty_plastic_bags = { name = "empty_plastic_bags", label = "Empty Plastic Bags", weight = 115, type = "item", image = "empty_plastic_bag.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A box of empty plastic bags" },
scale = { name = "scale", label = "Scale", weight = 115, type = "item", image = "scale.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A Scale used for weighing items" },
shrink_wrap = { name = "shrink_wrap", label = "Shrink Wrap", weight = 115, type = "item", image = "shrinkwrap.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A roll of shrink wrap" },
coca_plant = { name = "coca_plant", label = "Coca Plant", weight = 115, type = "item", image = "coca_plant.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "" },
baking_soda = { name = "baking_soda", label = "Baking Soda", weight = 115, type = "item", image = "baking_soda.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A box of baking soda" },
bleach = { name = "bleach", label = "Bleach", weight = 115, type = "item", image = "bleach.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bottle of bleach" },
rat_poison = { name = "rat_poison", label = "Rat Poison", weight = 115, type = "item", image = "rat_poison.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bottle of rat poison" },
raw_cocaine = { name = "raw_cocaine", label = "Raw Cocaine", weight = 115, type = "item", image = "raw_cocaine.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "" },
processed_cocaine_high = { name = "processed_cocaine_high", label = "Processed Coke [High]", weight = 115, type = "item", image = "processed_coke_high.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bag of processed coke of high quality" },
processed_cocaine_med = { name = "processed_cocaine_med", label = "Processed Coke [Medium]", weight = 115, type = "item", image = "processed_cocaine_med.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bag of processed coke of medium quality" },
processed_coke_low = { name = "processed_coke_low", label = "Processed Coke [Low]", weight = 115, type = "item", image = "processed_coke_low.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bag of processed coke of low quality" },
bagged_coke_high = { name = "bagged_coke_high", label = "Bagged Coke [High]", weight = 115, type = "item", image = "bagged_coke_high.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bag of coke of high quality" },
bagged_coke_med = { name = "bagged_coke_med", label = "Bagged Coke [Medium]", weight = 115, type = "item", image = "bagged_coke_med.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bag of coke of medium quality" },
bagged_coke_low = { name = "bagged_coke_low", label = "Bagged Coke [Low]", weight = 115, type = "item", image = "bagged_coke_low.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bag of coke of low quality" },
coke_brick_high = { name = "coke_brick_high", label = "Coke Brick [High]", weight = 115, type = "item", image = "", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A brick of coke of high quality" },
coke_brick_med = { name = "coke_brick_med", label = "Coke Brick [Medium]", weight = 115, type = "item", image = "", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A brick of coke of medium quality" },
coke_brick_low = { name = "coke_brick_low", label = "Coke Brick [Low]", weight = 115, type = "item", image = "coke_brick_low.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A brick of coke of low quality" },
acetone = { name = "acetone", label = "Acetone", weight = 115, type = "item", image = "acetone.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bottle of acetone, used for making certain items" },
aluminium_oxide = { name = "aluminium_oxide", label = "Aluminium Oxide", weight = 115, type = "item", image = "aluminium_oxide.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A box of aluminium oxide, used for making certain items" },
mercury_fulninate = { name = "mercury_fulninate", label = "Mercury Fulninate", weight = 115, type = "item", image = "mercury_fulninate.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A box of mercury fulninate, used for making certain items" },
pseudoephedrine = { name = "pseudoephedrine", label = "Pseudoephedrine", weight = 115, type = "item", image = "pseudoephedrine.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bottle of Pseudoephedrine, used for making certain items" },
tray = { name = "tray", label = "Tray", weight = 115, type = "item", image = "tray.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A tray" },
chemical_mix = { name = "chemical_mix", label = "Chemical Mix", weight = 115, type = "item", image = "chemical_mix.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A chemical mix used for making certain items" },
meth_crystals = { name = "meth_crystals", label = "Meth Crystals", weight = 115, type = "item", image = "meth_crystals.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bag of meth crystals" },
meth_brick = { name = "meth_brick", label = "Meth Brick", weight = 115, type = "item", image = "meth_brick.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A brick of meth" },
bagged_meth = { name = "bagged_meth", label = "Bagged Meth", weight = 115, type = "item", image = "bagged_meth.png", unique = false, useable = true, shouldClose = true, combinable = nil, description = "A bag of meth" },