# Installation



## Dependencies :

<details>

<summary>ES EXTENDED</summary>

You will need the latest version of [es\_extended](https://github.com/ESX-Official/es_extended).

* Extract the contents of the archive to your resources folder.

- Start the resource near the top of your resources in your server.cfg.

</details>

<details>

<summary>OXLIB</summary>

You will need the  latest version of [ox\_lib](https://github.com/overextended/ox_lib/releases)

* Extract the contents of the archive to your resources folder.

- Start the resource near the top of your resources in your server.cfg.

</details>

***

## Inventories :&#x20;

<details>

<summary>QB INVENTORY</summary>

Add the items below to the qb-core/shared/items.lua:&#x20;

```lua
whiteboard                = { name = 'whiteboard',    label = 'White Board',   weight = 100, type = 'item', image = 'whiteboard.png',    unique = true, useable = true, shouldClose = true, combinable = nil, description = '' },
```

</details>

<details>

<summary>QS INVENTORY</summary>

Add the items below into your qs-inventory/shared/items.lua

```lua
 ['whiteboard'] = {
        ['name'] = 'whiteboard',
        ['label'] = 'White Board',
        ['weight'] = 100,
        ['type'] = 'item',
        ['image'] = 'whiteboard.png',
        ['unique'] = true,
        ['useable'] = true,
        ['shouldClose'] = true,
        ['combinable'] = nil,
        ['description'] = ''
    },
```

Add this into qs-inventory/server/custom/misc/CreateUseableItem.lua

```lua
CreateUsableItem('whiteboard', function(source, item)
    local src = source
    TriggerClientEvent('zat-whiteboard:client:PreviewProp', src, 'whiteboard')
end)
```

</details>

<details>

<summary>OX INVENTORY</summary>

Add the items below into your ox-inventory/data/items.lua

```lua
["whiteboard"] = {
		label = "White Board",
		weight = 100,
		stack = false,
		close = true,
		description = "",
		client = {
			image = "whiteboard.png",
		}
	},
```

Add this into ox\_inventory/modules/items/client.lua

```lua
Item('whiteboard', function(data, slot)
	ox_inventory:useItem(data, function(data)
		if data then
			TriggerEvent('zat-whiteboard:client:PreviewProp', 'whiteboard')
		end
	end)
end)
```



</details>

## ENSURE RESOURCES

* [ ] ensure zat-gizmo\_ui
* [ ] ensure zat-gizmo
* [ ] ensure zat-whiteboard\_props
* [ ] ensure zat-white
