Configuration

How can I make changes to the frontend?

  • All necessary settings are available in the config. But you still need to know React to make changes.

  • You can check all the files under the ui/dev/ folder and make any changes you want. The file where the data is located and processed is ui/dev/src/providers/DataProvider.tsx.

  • After making your changes you need to get a build. Follow this path to get a build.

  • You must have NodeJS installed on your system. After

  • Click on the ui/dev folder with SHIFT+RIGHT CLICK and click Open the Powershell window here. Then type the commands in order.

npm install
npm run build
  • You can then use the recreated ui/build folder. Your changes will be committed.

  • Note: You only need to run npm install once. After that you can only use the npm run build command.

Configuration File (config.lua)

--[[ All settings of the script are found and edited in this file. ]]

Config = {}

--[[ Commands and Settings ]]
Config.Commands = {
    --[[ You can trigger the menu with a command. ]]
    OpenMenu = {
        active = true,
        command = 'paintball',
    },
    --[[ Command the lobby leader can use to end the match ]]
    EndMatch = {
        active = true,
        command = 'endmatch',
    },
}

Config.Game = {
    --[[ Weapon Name]]
    weapon = 'WEAPON_PAINTBALL',
    --[[ After how many seconds should the dead player be resurrected ]]
    reviveCountdown = 9,
    --[[ Game Times ]]
    gameTimes = { 5, 10, 15 },
    --[[ Start Match Count Down ]]
    startCountDown = 10, -- seconds
    --[[ Maps ]]
    maps = {
        [1] = {
            image = 'area_1.png', -- [[ Folder: ui/build/images/maps ]]
            name = 'Area #1 [BIG]',
            redTeamCoords = {
                vec4(7112.1416, 5659.7856, 599.2886, 93.0873),
                vec4(7102.7539, 5694.8857, 599.2900, 65.1173),
                vec4(7068.8145, 5738.0967, 599.2887, 136.4582),
            },
            blueTeamCoords = {
                vec4(6937.6802, 5689.6152, 599.2292, 241.3859),
                vec4(6940.1616, 5648.6870, 599.2295, 305.8843),
                vec4(6927.3652, 5660.9741, 564.0270, 324.0135),
            },
        },
        [2] = {
            image = 'area_2.png', -- [[ Folder: ui/build/images/maps ]]
            name = 'Area #2 [SMALL]',
            redTeamCoords = {
                vec4(-3778.6365, 7411.6768, 1271.4006, 147.9075),
                vec4(-3779.6296, 7417.8325, 1273.0603, 169.3096),
            },
            blueTeamCoords = {
                vec4(-3806.5334, 7413.6226, 1271.3951, 263.3575),
                vec4(-3800.7095, 7409.8037, 1271.4076, 249.7395),
            },
        },
        [3] = {
            image = 'area_3.png', -- [[ Folder: ui/build/images/maps ]]
            name = 'Area #3 [MED]',
            redTeamCoords = {
                vec4(-3454.7339, 7673.6514, 1266.8009, 241.1944),
                vec4(-3450.1985, 7680.6772, 1266.8009, 316.1275),
            },
            blueTeamCoords = {
                vec4(-3395.9214, 7662.1211, 1266.8008, 99.9744),
                vec4(-3394.8472, 7674.6704, 1266.8008, 103.5899),
            },
        },
    },
}

--[[ You can also define a Zone where the menu can be accessed. This way they have to go there to access it. ]]
Config.PaintballLobby = {
    active = true,
    coords = vec3(82.0395, 6422.4990, 31.6732),
    blip = {
        active = true,
        sprite = 160,
        scale = 0.7,
        colour = 46,
        name = 'Paintball',
    },
}

--[[ DEBUG ]]
Config.debug = true

Last updated