Glovebox

Requirements

---

The following dependencys are required for this script to operate successfully without issues. please ensure you have them started in your resources and working correctly before hand.

• cron
• esx_addonaccount
• esx_addoninventory
• esx_datastore
• esx_inventoryhud 2.3+

addons that are supported

• esx_inventoryhud-trunk

Works with

• [esx_inventoryhud]--modified for shops (https://forum.fivem.net/t/inventoryhud-shops/685775)

Features

-glovebox inventory

Intergrating Inventorys Tutorial

To enable the inventory hud to work correctly with Motels you will need to add the files from the IHUD folder to the Inventory Hud and move them to the following folder

"esx_inventoryhud/client"

Secondly we need to load these files from the Inventory Hud resource within esx_inventoryhud open the __resource.lua file and add the following lines in the client_scripts section

"client/glovebox.lua",

The end result would look something similar to

client_scripts {
  "@es_extended/locale.lua",
  "client/main.lua",
  "client/trunk.lua",
  "client/property.lua",
  "client/glovebox.lua",
  "client/player.lua",
  "locales/cs.lua",
  "locales/en.lua",
  "locales/fr.lua",
  "config.lua"
}

We now need to adjust the Javascript files for inventory hud, to allow the loading of the Inventorys successfully Open esx_inventoryhud/html/js/inventory.js

Search for

if (type === "normal") {
            $(".info-div").hide();
        } else if (type === "trunk") {
            $(".info-div").show();
        } else if (type === "property") {
            $(".info-div").hide();
        } else if (type === "player") {
            $(".info-div").show();
        }

And replace with

if (type === "normal") {
            $(".info-div").hide();
        } else if (type === "trunk") {
            $(".info-div").show();
        } else if (type === "property") {
            $(".info-div").hide();
        } else if (type === "glovebox") {
            $(".info-div").show();
        } else if (type === "player") {
            $(".info-div").show();
        }

Then further down the file search for the following

$('#playerInventory').droppable({
        drop: function (event, ui) {
            itemData = ui.draggable.data("item");
            itemInventory = ui.draggable.data("inventory");

            if (type === "trunk" && itemInventory === "second") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/TakeFromTrunk", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            } else if (type === "property" && itemInventory === "second") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/TakeFromProperty", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            } else if (type === "player" && itemInventory === "second") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/TakeFromPlayer", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            }
        }
    });

and replace with

$('#playerInventory').droppable({
        drop: function (event, ui) {
            itemData = ui.draggable.data("item");
            itemInventory = ui.draggable.data("inventory");

            if (type === "trunk" && itemInventory === "second") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/TakeFromTrunk", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            } else if (type === "property" && itemInventory === "second") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/TakeFromProperty", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            } else if (type === "glovebox" && itemInventory === "second") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/TakeFromGlovebox", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            } else if (type === "player" && itemInventory === "second") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/TakeFromPlayer", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            }
        }
    });

A few more lines down search for

$('#otherInventory').droppable({
        drop: function (event, ui) {
            itemData = ui.draggable.data("item");
            itemInventory = ui.draggable.data("inventory");

            if (type === "trunk" && itemInventory === "main") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/PutIntoTrunk", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            } else if (type === "property" && itemInventory === "main") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/PutIntoProperty", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            } else if (type === "player" && itemInventory === "main") {
                disableInventory(500);
                $.post("http://esx_inventoryhud/PutIntoPlayer", JSON.stringify({
                    item: itemData,
                    number: parseInt($("#count").val())
                }));
            }
        }
    });

And replace with

$('#otherInventory').droppable({ drop: function (event, ui) { itemData = ui.draggable.data("item"); itemInventory = ui.draggable.data("inventory");

        if (type === "trunk" && itemInventory === "main") {
            disableInventory(500);
            $.post("http://esx_inventoryhud/PutIntoTrunk", JSON.stringify({
                item: itemData,
                number: parseInt($("#count").val())
            }));
        } else if (type === "property" && itemInventory === "main") {
            disableInventory(500);
            $.post("http://esx_inventoryhud/PutIntoProperty", JSON.stringify({
                item: itemData,
                number: parseInt($("#count").val())
            }));
        } else if (type === "glovebox" && itemInventory === "main") {
            disableInventory(500);
            $.post("http://esx_inventoryhud/PutIntoGlovebox", JSON.stringify({
                item: itemData,
                number: parseInt($("#count").val())
            }));
        } else if (type === "player" && itemInventory === "main") {
            disableInventory(500);
            $.post("http://esx_inventoryhud/PutIntoPlayer", JSON.stringify({
                item: itemData,
                number: parseInt($("#count").val())
            }));
        }
    }
});

In your server.cfg file 

start esx_inventoryhud_glovebox

And restart your server, you should then be able to use the resource