# Jota Dev Hud System

<figure><img src="https://3421265329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzDRYxKNrQL10LsRlXjcj%2Fuploads%2Fx83RxVbdHYle4qRaoSWd%2Fdocumentacion.png?alt=media&#x26;token=b9db81b6-1ed8-4b3b-9603-3e562c601629" alt=""><figcaption></figcaption></figure>

**Put in your server.cfg**

```markdown
# JotaDev HUD System
ensure jc_hud
```

**Configure the script to your liking**

{% tabs %}
{% tab title="Setting" %}

```lua
Config = {}

Config.Framework = "" -- esx // qbcore | Specify your framework; if you work with ESX, enter "esx", and if you work with QB-Core or QBox, enter "qbcore"
Config.Lenguaje = "en" --  es // en  | Enter your language, "es" for Spanish and "en" for English

Config.FuelSystem = "none" -- Put your system of fuel -> legacyfuel | ox_fuel | cdn_fuel | esx_vehicle | none --> If you want to add a custom one, go to jc_hud/Editable/Client/CMain.lua

Config.EnableBloodEffect = true -- Activates or deactivates the blood effect when the player takes damage and dies

Config.SeatBeltKey = 'B' -- Key used to fasten your seatbelt
Config.SpeedUnit = "kmh" --  kmh // mph | If you want to use km/h or mph for the car HUD, enter "kmh" or "mph"

Config.HUD = { -- This is the default configuration that the players will start with.
    CommandOpenConfig = "hud", -- Command to open the settings panel
    position = "custom",
    style = "circular-icons", -- circular-icons//square-liquid | To start with the circle HUD, type "circular-icons", and if you want to start with the square HUD, type "square-liquid"
    carStyle = "digital", -- digital // circular | To start with the digital car HUD, type "digital," and if you want to use the circular HUD, type "circular"
    hideHud = false, -- If the player has all the bars filled, only the missing option will be displayed.
    
    colors = { -- These are the default colors that will be seen in the script if it is not configured by the player
        primary = "#0a121c",
        secondary = "#8fc7d6",
        tertiary = "#8fc7d6",
    },

    Visibility = { -- Here you'll find a small configuration in case you want to edit and remove some parts of the entire HUD
        showJob = true,
        showCash = true,
        showBank = true,
        showId = true,
        showVoice = true,
        showWeaponHud = true
    }
}

Config.Positions = {
    ["top-left"] = {
        name = "Arriba Izquierda",
        top = "40px",
        left = "3vw",
        right = "auto",
        bottom = "auto"
    },
    ["top-right"] = {
        name = "Arriba Derecha",
        top = "40px",
        left = "auto",
        right = "3vw",
        bottom = "auto"
    },
    ["bottom-left"] = {
        name = "Abajo Izquierda",
        top = "auto",
        left = "-0vw",
        right = "auto",
        bottom = "10px"
    },
    ["bottom-right"] = {
        name = "Abajo Derecha",
        top = "auto",
        left = "auto",
        right = "3vw",
        bottom = "40px"
    }
}

Config.Debug = false -- Dont Touch
```

{% endtab %}
{% endtabs %}

<figure><img src="https://3421265329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzDRYxKNrQL10LsRlXjcj%2Fuploads%2Fp3Ktp7yQIVn55n9QnVV5%2Fimage.png?alt=media&#x26;token=42183d99-bd12-41aa-ab39-56ff941f00aa" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3421265329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzDRYxKNrQL10LsRlXjcj%2Fuploads%2F3TvNkriwkXpdvfovRLiv%2Fimage.png?alt=media&#x26;token=2ba26d00-1446-4d43-aa73-2e3de195b04b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3421265329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzDRYxKNrQL10LsRlXjcj%2Fuploads%2FdnzlicclN4WPgqmAy97a%2Fimage.png?alt=media&#x26;token=86602696-adb0-4664-949a-62d3d82dc6d8" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3421265329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzDRYxKNrQL10LsRlXjcj%2Fuploads%2FNzXDRHptdeWchsQCrGen%2Fimage.png?alt=media&#x26;token=22282683-37ce-431a-b673-a07f97c967d4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3421265329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzDRYxKNrQL10LsRlXjcj%2Fuploads%2FMfmS9XeheFcZZLYOnnnQ%2Fimage.png?alt=media&#x26;token=ee19349a-7a21-4bcf-a9a2-d348a1ac99b1" alt=""><figcaption></figcaption></figure>

*If you have any questions, we can assist you on our Discord server by opening a ticket*
