Create esx_hud

client/player/status.lua

@@ -3,14 +3,17 @@ if not Config.Disable.Status then
     local playerId = PlayerId()
 
     AddEventHandler("esx_status:onTick", function(data)
-        local hunger, thirst
+        local hunger, thirst, stress
         for i = 1, #data do
             if data[i].name == "thirst" then
                 thirst = math.floor(data[i].percent)
             end
             if data[i].name == "hunger" then
                 hunger = math.floor(data[i].percent)
             end
+            if data[i].name == "stress" then
+                stress = math.floor(data[i].percent)
+            end
         end
 
         local ped = PlayerPedId()
@@ -19,26 +22,31 @@ if not Config.Disable.Status then
         values.armorBar = GetPedArmour(ped)
         values.drinkBar = thirst
         values.foodBar = hunger
+        values.stressBar = stress
     end)
 
     function HUD:StatusThread()
-        values = {}
-        CreateThread(function()
-            while ESX.PlayerLoaded do
-                local oxygen, stamina
-                oxygen = math.floor(GetPlayerUnderwaterTimeRemaining(playerId) * 10)
-                stamina = math.floor(100 - GetPlayerSprintStaminaRemaining(playerId))
-                if stamina == 0 then
-                    stamina = 1
-                end
-                if stamina == 100 then
-                    stamina = 0
-                end
-                values.oxygenBar = IsPedSwimmingUnderWater(PlayerPedId()) and oxygen or 0
-                values.staminaBar = stamina
-                SendNUIMessage({ type = "STATUS_HUD", value = values })
-                Wait(200)
+    values = {}
+    CreateThread(function()
+        while ESX.PlayerLoaded do
+            local oxygen, stamina, drunk
+            oxygen = math.floor(GetPlayerUnderwaterTimeRemaining(playerId) * 10)
+            stamina = math.floor(100 - GetPlayerSprintStaminaRemaining(playerId))
+            if stamina == 0 then
+                stamina = 1
+            end
+            if stamina == 100 then
+                stamina = 0
             end
-        end)
-    end
+
+            -- Add drunk status calculation here
+            drunk = math.floor(ESX.Game.GetPlayerDrunkLevel(playerId) or 0)  -- Assuming there is a method to get the player's drunk level
+
+            values.oxygenBar = IsPedSwimmingUnderWater(PlayerPedId()) and oxygen or 0
+            values.staminaBar = stamina
+            values.drunkBar = drunk  -- Add drunk level to the values table
+            SendNUIMessage({ type = "STATUS_HUD", value = values })
+            Wait(200)
+        end
+    end)
 end

esx_hud

@@ -0,0 +1 @@
+added the function of the stress icon and the drunk icon

fxmanifest.lua

@@ -3,7 +3,7 @@ game 'gta5'
 lua54 'yes'
 
 description 'The default HUD resource for ESX-Legacy.'
-version '1.7.0'
+version '1.8.0'
 
 shared_scripts {
     '@es_extended/imports.lua',

shared/config.lua

@@ -11,6 +11,7 @@ Config = {
             armorBar = "blue",
             drinkBar = "lightblue",
             foodBar = "yellow",
+            stressBar = "purple",
         },
         Speedo = {
             ["segment-color"] = "#eee",

web/DefaultDatas.js

@@ -29,6 +29,7 @@ const progressColors = {
     foodBar: "yellow",
     oxygenBar: "green",
     staminaBar: "purple",
+    stressBar: "orange"
 };
 
 const vehDefaultData = {
@@ -64,6 +65,7 @@ const progressLevels = {
     foodBar: 80,
     oxygenBar: 100,
     staminaBar: 100,
+    stressBar: 50, // Tambahkan nilai sesuai kebutuhan
 };
 
 const defaultIndicators = {
@@ -128,6 +130,18 @@ const progressDefaultCircles = [
         color: "green",
         icon: StaminaIcon,
     },
+    {
+        name: "stressBar",
+        progressLevel: 100,
+        color: "orange",
+        icon: StressIcon, // Pastikan Anda memiliki ikon untuk stress
+    },
+    {
+        name: "drunkBar",
+        progressLevel: 100,
+        color: "purple",
+        icon: DrunkIcon, // Pastikan Anda memiliki ikon untuk drunk
+    },
 ];
 
 const speedoDefaultColors = [
@@ -256,6 +270,14 @@ const allColors = {
             name: "staminaBar",
             color: "purple",
         },
+        {
+            name: "stressBar",
+            color: "orange",
+        },
+        {
+            name: "drunkBar",
+            color: "pink",
+        },
     ],
     Speedo: [
         {

web/src/assets/Contexts/HudStorage.jsx

@@ -42,6 +42,18 @@ const initialState = {
             progressLevel: 100,
             color: "green",
             icon: StaminaIcon
+        },
+        {
+            name: "stressBar",
+            progressLevel: 100,
+            color: "orange",
+            icon: StressIcon // Pastikan Anda memiliki ikon untuk stress
+        },
+        {
+            name: "drunkBar",
+            progressLevel: 100,
+            color: "purple",
+            icon: DrunkIcon // Pastikan Anda memiliki ikon untuk drunk
         }
     ],
     speedo:{

web/src/assets/Contexts/SettingsStorage.jsx

@@ -31,6 +31,14 @@ const initialState = {
         {
             name: "staminaBar",
             color: "green"
+        },
+        {
+            name: "stressBar",
+            color: "orange"
+        },
+        {
+            name: "drunkBar",
+            color: "purple"
         }
     ],
     infoColors: [

web/src/assets/translate.json

@@ -16,6 +16,8 @@
       "foodbar": "Food bar",
       "oxygenbar": "Oxygen bar",
       "staminabar": "Stamina bar",
+      "stressbar": "Stress bar",
+      "drunkbar": "Drunk bar",
       "circlewidth": "Status circle width"
     },
     "Speedo": {
@@ -82,8 +84,9 @@
       "drinkbar": "Trinken",
       "foodbar": "Essen",
       "oxygenbar": "Luft",
-      "staminabar": "Ausdauer",
-      "circlewidth": "Status Kreisbreite"
+      "stressbar": "Stressbar",
+      "dronkenbar": "Dronkenbar",
+      "circlewidth": "Status cirkelbreedte"
     },
     "Speedo": {
       "segment-color": "Segmentfarbe",
@@ -150,7 +153,9 @@
       "foodbar": "Étel státusz",
       "oxygenbar": "Oxigén státusz",
       "staminabar": "Stamina státusz",
-      "circlewidth": "Státusz kör vastagsága"
+      "stressbar": "Stress bar",
+      "drunkbar": "Drunk bar",
+      "circlewidth": "Állapot körszélesség"
     },
     "Speedo": {
       "segment-color": "Sebességmérő színe",
@@ -217,7 +222,9 @@
       "foodbar": "Traka hrane",
       "oxygenbar": "Traka vazduha",
       "staminabar": "Traka izdrzljivosti",
-      "circlewidth": "Sirina statusnog kruga"
+      "stressbar": "Traka stresa",
+      "drunkbar": "Bar za pijance",
+      "circlewidth": "Širina kruga statusa"
     },
     "Speedo": {
       "segment-color": "boja segmenta",
@@ -284,7 +291,9 @@
       "foodbar": "Honger bar",
       "oxygenbar": "Zuurstof bar",
       "staminabar": "Stamina bar",
-      "circlewidth": "Breedte status cirkel"
+      "stressbar": "Stressbar",
+      "dronkenbar": "Dronkenbar",
+      "circlewidth": "Status cirkelbreedte"
     },
     "Speedo": {
       "segment-color": "kleursegment",
@@ -350,7 +359,9 @@
       "foodbar": "Barra Fame",
       "oxygenbar": "Barra ossigeno",
       "staminabar": "Barra Stamina",
-      "circlewidth": "Larghezza cerchio status"
+      "stressbar": "Barra dello stress",
+      "drunkbar": "Bar degli ubriachi",
+      "circlewidth": "Larghezza del cerchio di stato"
     },
     "Speedo": {
       "segment-color": "Colore segmento",
@@ -417,7 +428,9 @@
       "foodbar": "Barre de faim",
       "oxygenbar": "Barre d'oxygène",
       "staminabar": "Barre d'endurance",
-      "circlewidth": "Largeur du cercle"
+      "stressbar": "Barra dello stress",
+      "drunkbar": "Bar degli ubriachi",
+      "circlewidth": "Larghezza del cerchio di stato"
     },
     "Speedo": {
       "segment-color": "Couleur segment",