0Resmon
0Resmon
0Resmon
  • 0Resmon Documentation
  • What is FiveM Escrow ?
  • Open Source and Escrow
  • 0R Lib
  • 0R RESOURCES
    • 0R House Robbery
      • ⚠️Important
      • 📁Required Items
      • ⚙️Configuration
    • 0R Manageable Casino
      • Required Dependencies
      • Required Item
      • Required Job
      • Base Configuration
    • 0R HolsterAnim
      • OX Inventory
      • QB Inventory
    • 0R Drug Business
      • Installation
      • Configuration
    • 0R Multicharacterv2
      • Installation
      • Configuration
    • 0R ATM Robbery
      • Installation
      • Configuration
    • 0R HEIST
      • DUI
        • Installation
        • Configuration
        • Exports
      • Vangelico
        • Installation
        • Configuration
        • Exports
      • Pacific Bank
        • Installation
        • Configuration
        • Exports
    • 0R Garbage
      • Installation
      • Configuration
    • 0R Gungame
      • Installation
      • Configuration
      • Exports
    • 0R Paintball-v2
      • Installation
      • Configuration
      • Exports
    • 0R Hud V3
      • Installation
      • Configuration
      • Exports
      • Events
    • 0R Apartments - V2
      • Installation
      • Configuration
    • 0R PixelHouse
      • Installation
      • Configuration
      • Exports
      • DLC
    • 0R Caravan
      • Installation
      • Configuration
    • 0R Multicharacter
      • Installation
    • 0R Houses
      • Integrators and Exports
      • Installation
    • 0R Casino
    • 0R Motels
      • Installation
      • Configuration
    • 0R VIP System
      • Installation
      • Configuration
    • 0R IDCard
      • Installation
      • Configuration
    • 0R IDCard V2
      • Installation
    • 0R Pausemenu
      • Installation
    • 0R Studio
      • Installation
    • 0R Handcuff System
      • Installation Handcuff
    • 0R Easy Time
      • 0R Easytime
    • 0R Lockpick
      • Installation
    • 0R Target
      • Installation
    • 0R Textui
      • Installation
    • 0R Fishing
    • 0R Carplay
    • 0R Hacking Mini Game
  • S4 Resources
    • ILLEGAL CARAVAN
      • Adaptations
    • s4-time
      • First Install
      • Exports
      • Config Var's
    • Illegal Phone
      • Installing, Faq & Features
      • Voice Script Adaptation
      • Other Phone Integrations
      • Task's - Location Messages
      • Data sharing
    • Breathalyser
      • API
    • Res Audio
      • Installation
      • Configuration
    • S4 Housing (BETA)
      • Claim
      • Installation
      • Permissions
      • Add House
      • Adaptation (Wardrobe)
      • Adaptation (Stash)
      • Adaptation (Garage)
    • S4 House
      • Installation
    • S4 Report System V2
      • Installation
      • Why videos not uploading?
    • S4 Health System V2
      • Installation
      • Adapting Custom Ambulance Job
      • Bleeding Adjustment
      • How To Add Custom Items
      • Required Items
    • pizza
    • s4-adminmenu
      • First Install
      • Adaptations
      • Video Recording Adaptation
  • KIBRA RESOURCES
    • Kibra Mechanics
      • Installation
      • Configuration
    • Kibra SmartPad
      • Installation
      • Configuration
    • Kibra Vehicleshops
      • Installation
      • Configuration
    • Kibra Core
      • Installation
    • Kibra Dispatch
      • Installation
      • Exports And Configure
  • BP RESOURCES
    • BP MAPUI
      • Config Settings
      • Exports, Events
      • Test Command
    • BP DRONE
      • Config Settings
    • BP INVENTORY
      • 🧠Installation
      • 🪶Config Settings
        • 🪁Config_items.lua settings
        • 🚕Config_vehicle.lua settings
      • ⚔️Export and Events
      • 👕Clothing Settings
      • 🏹Weapon settings
    • 👕BP CLOTHING V4
      • 🧠Installation-c
      • 🪶Config Settings
        • 🎓Char Create Config
        • 🎓Clothing Store Config
        • 🎓Barber Store Config
        • 🎓Tattoo Store Config
      • ⚔️Export and Events
      • 🤪Character creation settings
    • BP GARAGE
      • 🧠Installation
      • 🪶Config Settings
      • ⚔️Export and Events
      • ❓What is JSON files
      • 🖱️Commands
  • FRKN Resources
    • Frkn Racing
      • 🧠Installation
      • ⚔️Features Overview
      • 🪶Config Settings
      • 🏆Items
    • Frkn Camera System
      • 🧠Installation
      • ⚔️Usage
      • 🪶Config Settings
      • 🏆Items
    • Frkn Tuning System
      • 🧠Installation
      • ⚔️Usage
      • 🪶Config Settings
      • 🏆Items
    • Frkn Doorlock V2
      • 🧠Installation
      • 🪶Config Settings
      • ⚔️Commands
    • ⛪Frkn Bank Heist
      • Installation
      • 🛠️Config Information
      • Script Usage
    • 🎭Frkn Hack System
      • Installation
      • Config Information
      • 🛠️PH Panel Introduction
        • 💰PH Robbery Contracts
        • 📜PH Hire Contracts
        • 🙅‍♂️PH Group Members
        • 📢PH Announcements
      • 🔓Crack App Introduction
      • 🛜Salty App Introduction
      • 🕶️Dark Store App Introduction
      • ⛏️Miner App Introduction
      • 🔗Miner Extension App Introduction
      • 🚁Drone App Introduction
      • 💳Wallet App Introduction
      • 🗒️Note App Introduction
      • 🏦Bank Heist
    • Frkn Minigame Pack
      • Riddle Minigame
      • Xox Minigame
      • Stick Minigame
      • Letter Minigame
    • Lab Pet V3
      • 🧠Installation
      • 🪶Config Settings
      • ⏸️Usage Description
    • Frkn Money Washing
      • 🧠Installation
      • 🪶Config Settings
      • ⚔️Commands
      • 🏆Items
    • Frkn Deathscreen V3
      • 🧠Installation
      • 🪶Config Settings
    • Frkn Doorlock
      • 🧠Installation
      • 🪶Config Settings
      • ⚔️Commands
    • Frkn DrawText
      • 🧠Installation
      • 🪶Config Settings
      • ⚔️Export and Events
    • Frkn Fuel Station V4
      • 🧠Installation
      • 🪶Config Settings
      • ⚔️Export and Events
    • Frkn Death Screen V2
      • 🧠Installation
      • 🪶Config Settings
      • ⚔️Export and Events
    • Frkn Craft V2
      • 🧠Installation
      • 🪶Config Settings
      • ⚔️Export and Events
  • Wais Resoucres
    • ⚒️Wais Jobpack
      • ⚙️How to set it up
      • 🎛️Framework settings
      • 🗂️Install Jobs / Items
      • 🪚Job Settings
        • 🍕Pizza Delivery
        • 🗞️News Delivery
        • 🌭Mobile Hotdog
        • 🦺Forklifter
        • ☘️Gardener
        • 🚚Trucker
        • ⚒️Roadhelper
        • 🚌Bus Driver
        • 🔥Fire Department
        • 🦅Hunting
        • 👨‍🦯Detectorist
        • 🚗Project Car
        • 🤿Diver
        • 🧑‍🌾Farmer
        • 👨‍🔧Electrician
      • ❓FAQ / Errors / Questions
      • ❓Error: syntax error near '<\1>'
      • ❓How To Do
    • 🎹Wais Studio
      • 🔌Installation
        • 🔑Create API Key
        • 🎛️Framework settings
        • 📹Streaming Settings
      • 🎶Create, Settings Studio
      • ❓FAQ / Errors
      • 📚Handbook
    • 🎭Wais Club
      • ⚙️How to set it up
      • 🎛️Framework settings
      • 🔮Add / Edit Club Things
      • 🔦Spotlight Creator
      • 💃Npc Creator
      • 🔐YouTube API Stuff
      • ❓FAQ / Errors / Questions
      • ❓Error: syntax error near '<\1>'
    • Wais Multicharacterv2
      • ⚙️How to set it up
      • 📒Installation ESX
      • 🔮Installation QBCore
        • 💡Old QBCore Adapt
        • 💡New QBCore Adapt
      • ✨Installation Qbx
        • 💡Integration Qbx_core
      • 🏡Apartment Integration
      • 🔄Bringing old characters
      • 📜Starer Items
      • 🔑Slot Actions
      • 🔐Discord Authenticator
      • 🛒Tebex Authenticator
      • 🌏Spawnselector / Spawn
      • 📦Hide / Open Another UI'S
      • 📋Change Language
      • ❓Kicked For Explotation
    • Wais Bodycamv2
      • ⚙️How to set it up
      • 🎛️Installation Items
      • 🌟Adapt Framework
      • 🙋‍♂️Add Job
      • 🗺️Badge Things
      • 📸Screen Recording
      • 📷Prop System
      • 📃Change Language
      • ❓How to?
    • Wais Evidence
      • ⚙️How to set it up
      • 🔩Installation Items
      • 🏓Adapt Framework
      • 🔫Weapon Things
      • 👮Add Job
      • 📋Change Language
      • 🎯Errors / Questions
    • Wais Hudv5
    • Wais Rhud
  • Stache Resources
    • Stache Phone
      • 📱Installations
      • ⚙️Configuration
      • 🛠️Custom App
      • 📖S.S.S.
  • GENIUN RESOURCES
    • 0R Clothing
      • ⚙️Installation
      • 🛠️Configration
      • 🧰Exports & Callbacks
      • 📸How to take photos of clothes?
Powered by GitBook
On this page
  • How can I make changes to the frontend?
  • Configuration File (config.lua)
  1. 0R RESOURCES
  2. 0R Hud V3

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 = {}

--[[
    You can edit the default settings for Hud like this.
    I tried to choose the variable names as meaningful as possible.
--]]
Config.DefaultHudSettings   = {
    bar_style = 'hexagon-w',
    --[[ Places all bar types in a new order. ]]
    is_res_style_active = true,
    vehicle_hud_style = 4,
    -- If `editableByPlayers` value is `false` players cannot change the `onlyInVehicle` value.
    mini_map = { onlyInVehicle = true, style = 'rectangle', editableByPlayers = true },
    -- If `editableByPlayers` value is `false` players cannot change the `onlyInVehicle` value.
    compass = { active = true, onlyInVehicle = true, editableByPlayers = true },
    cinematic = { active = true },
    -- kmH 'true' or 'false' | false is MPH
    vehicle_info = { kmH = true },
    --[[
        - It is located in the upper right corner.
        - It lists data such as date, server name, money, etc.
    --]]
    client_info = {
        active = true,
        server_info = {
            active = true,
            -- Server name
            name = '0Resmon',
            -- Server Logo | path: ui/build/images/server_images/<file>
            image = 'index.png',
            -- Show online players on client_info
            showOnlinePlayers = true,
        },
        bank = { active = true },
        cash = { active = true },
        job = { active = true },
        player_source = { active = true },
        radio = { active = true },
        time = { active = true },
        weapon = { active = true },
        real_time = { active = true },
        extra_currency = { active = false },
    },
    music_info = {
        -- Listening to music feature true/false
        active = true,
    },
    --[[
        - Located above the map.
        - Shows current location, music information or time.
    --]]
    navigation_widget = { active = true },
    -- Bar colors set by default.
    bar_colors = {
        armor = '#1D4ED8',
        health = '#CF4E5B',
        hunger = '#FFC400',
        oxygen = '#00FFA3',
        stamina = '#C4FF48',
        stress = '#6b21a8',
        thirst = '#00c2ff',
        vehicle_engine = '#C4FF48',
        voice = '#FFFFFF',
        vehicle_nitro = '#cf654e',
    },
}

--Shortcut key to open hud settings menu
Config.OpenSettingsKeybind  = 'F10'

-- Commands
Config.Commands             = {
    HudSettings = 'hudsettings' -- Open hud settings panel
}

--If money is an item on your server, you need to edit this.
Config.MoneySettings        = {
    isMoneyItem = false,
    itemName = 'cash',
    -- You can put one more currency if you want it to appear on the `client_info`.
    -- to hide it or set active to `false`
    extra_currency = {
        type = 'item', --[[@type 'item' | 'account']]
        name = 'black_money', --[[@type string | nil]] -- account or item name
    }
}

-- Configures for seat-belt system.
Config.SeatBelt             = {
    active = true,
    key = 'B',
    --What should be the minimum vehicle speed for eject:
    -- This value is set according to kmH being `true`. If you are using kmH `false`, you can write it as `MPH`.
    ejectSpeed = 160,
    -- If true, you will receive a warning if you are not wearing your seat belt.
    warning = true,
}

-- Shortcut key to turn the vehicle engine on and off
Config.ToggleVehicleEngine  = {
    active = true,
    key = 'G',
}

--If you want to hide GTA components, you need to enable this.
Config.HideGTAHudComponents = false
--Works with `HideGTAHudComponents` Components. | Can be used to fix the map if it is broken.
Config.HavePostalMap        = false

--Defines the refresh thread timecycle for data that need to be updated periodically. Milliseconds
Config.RefreshTimes         = {
    hud = 200,
    vehicle = 100,
    requestPlayerCount = 30 * 1000 -- 30 seconds
}

-- Colors available by default.
-- I advise you to set 20.
Config.BarColors            = {
    '#CF4E5B', '#CF4E75', '#CF4EAB', '#A888DE', '#6b21a8', '#7FCF4E', '#C4FF48', '#FFC400', '#FF9900', '#CF654E',
    '#1d4ed8', '#00C2FF', '#4EB0CF', '#4ECFA1', '#00FFA3', '#A68A7B', '#FFFFFF', '#7A7A7A', '#4B4B4B', '#00000057'
}
    
--A list of electric vehicles available in the game.
Config.ElectricVehicles     = {
    'Imorgon',
    'Neon',
    'Raiden',
    ...
}

-- Weapons with their names mapped to their respective hashes
Config.Weapons              = {
    [GetHashKey('weapon_unarmed')] = 'Fists',
    [GetHashKey('weapon_dagger')] = 'Dagger',
    [GetHashKey('weapon_bat')] = 'Bat',
    ...
}
PreviousInstallationNextExports

Last updated 9 months ago