# Inventory Integration

{% tabs %}
{% tab title="qb-inventory (classic)" %}
Add all images from `mk_mining/images/` into `qb-inventory/html/images`&#x20;

Add gem items metadata

Open file `qb-inventory/html/js/app.js`&#x20;

Locate function `FormatItemInfo(itemData)`&#x20;

Insert the following else/if statement

{% code fullWidth="false" %}

```javascript
else if (itemData.name == 'diamond' || itemData.name == 'ruby' || itemData.name == 'emerald' || itemData.name == 'sapphire') {
    $(".item-info-title").html('<p>'+itemData.label+'</p>')
    $(".item-info-description").html("<p><strong>Quality: </strong>" + itemData.info.gemQuality + "</p>");
}
```

{% endcode %}

Example of finished insert:
{% endtab %}

{% tab title="qb-inventory (1.2.4+)" %}
Add `diamond` `ruby` `emerald` `sapphire` item metadata

* Open file `qb-inventory/html/js/app.js`&#x20;
* Locate function `generateDescription`&#x20;
* Insert the following case

  ```javascript
  case "diamond":
      return `<p><strong>Quality: </strong>${itemData.info.gemQuality}</p>`;
  case "ruby":
      return `<p><strong>Quality: </strong>${itemData.info.gemQuality}</p>`;
  case "emerald":
      return `<p><strong>Quality: </strong>${itemData.info.gemQuality}</p>`;
  case "sapphire":
      return `<p><strong>Quality: </strong>${itemData.info.gemQuality}</p>`;

  ```

Example of finished insert:

<figure><img src="https://51694285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSadY5GIZVZCGCeog04Gq%2Fuploads%2FFIEqQ6bFdCvh3PkTn3kl%2Fgem_meta.png?alt=media&#x26;token=927f5d8e-fd3a-4514-a440-14d802dfa40e" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="ox\_inventory" %}
Add all images from `mk_mining/images/` into `ox_inventory/web/images/`&#x20;

Add the following into `ox_inventory/data/items.lua` (check for items you may already have)

```lua
["stone"] = {
	label = "Stone",
	weight = 250,
	stack = false,
	close = true,
	client = {
		image = "stone.png"
	}
},

["pickaxe"] = {
	label = "Pickaxe",
	weight = 500,
	stack = true,
	close = true,
	client = {
		image = "pickaxe.png"
	}
},

["copperore"] = {
	label = "Copper Ore",
	weight = 25,
	stack = true,
	close = true,
	client = {
		image = "copperore.png"
	}
},

["ironore"] = {
	label = "Iron Ore",
	weight = 25,
	stack = true,
	close = true,
	client = {
		image = "ironore.png"
	}
},

["goldore"] = {
	label = "Gold Ore",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "goldore.png"
	}
},

["silverore"] = {
	label = "Silver Ore",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "silverore.png"
	}
},

["goldbar"] = {
	label = "Gold Bar",
	weight = 100,
	stack = true,
	close = true,
	client = {
		image = "goldbar.png",
	}
},

["gold_ring"] = {
	label = "Gold Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "gold_ring.png"
	}
},

["gold_earring"] = {
	label = "Gold Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "gold_earring.png"
	}
},

["gold_chain"] = {
	label = "Gold Chain",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "gold_chain.png"
	}
},

["silverbar"] = {
	label = "Silver Bar",
	weight = 100,
	stack = true,
	close = true,
	client = {
		image = "silverbar.png",
	}
},

["silver_ring"] = {
	label = "Silver Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "silver_ring.png"
	}
},

["silver_earring"] = {
	label = "Silver Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "silver_earring.png"
	}
},

["silver_chain"] = {
	label = "Silver Chain",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "silver_chain.png"
	}
},

["uncut_diamond"] = {
	label = "Uncut Diamond",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "uncut_diamond.png"
	}
},

["diamond"] = {
	label = "Diamond",
	weight = 50,
	stack = false,
	close = true,
	client = {
		image = "diamond.png",
	}
},

["diamond_ring"] = {
	label = "Diamond Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "diamond_ring.png",
	}
},

["diamond_ring_silver"] = {
	label = "Silver Diamond Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "diamond_ring_silver.png",
	}
},

["diamond_earring"] = {
	label = "Diamond Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "diamond_earring.png",
	}
},

["diamond_earring_silver"] = {
	label = "Silver Diamond Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "diamond_earring_silver.png",
	}
},

["diamond_necklace"] = {
	label = "Diamond Necklace",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "diamond_necklace.png",
	}
},

["diamond_necklace_silver"] = {
	label = "Silver Diamond Necklace",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "diamond_necklace_silver.png",
	}
},

["uncut_emerald"] = {
	label = "Uncut Emerald",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "uncut_emerald.png"
	}
},

["emerald"] = {
	label = "Emerald",
	weight = 50,
	stack = false,
	close = true,
	client = {
		image = "emerald.png",
	}
},

["emerald_ring"] = {
	label = "Emerald Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "emerald_ring.png",
	}
},

["emerald_ring_silver"] = {
	label = "Silver Emerald Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "emerald_ring_silver.png",
	}
},

["emerald_earring"] = {
	label = "Emerald Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "emerald_earring.png",
	}
},

["emerald_earring_silver"] = {
	label = "Silver Emerald Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "emerald_earring_silver.png",
	}
},

["emerald_necklace"] = {
	label = "Emerald Necklace",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "emerald_necklace.png",
	}
},

["emerald_necklace_silver"] = {
	label = "Silver Emerald Necklace",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "emerald_necklace_silver.png",
	}
},

["uncut_sapphire"] = {
	label = "Uncut Sapphire",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "uncut_sapphire.png"
	}
},

["sapphire"] = {
	label = "Sapphire",
	weight = 50,
	stack = false,
	close = true,
	client = {
		image = "sapphire.png",
	}
},

["sapphire_ring"] = {
	label = "Sapphire Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "sapphire_ring.png",
	}
},

["sapphire_ring_silver"] = {
	label = "Silver Sapphire Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "sapphire_ring_silver.png",
	}
},

["sapphire_earring"] = {
	label = "Sapphire Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "sapphire_earring.png",
	}
},

["sapphire_earring_silver"] = {
	label = "Silver Sapphire Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "sapphire_earring_silver.png",
	}
},

["sapphire_necklace"] = {
	label = "Sapphire Necklace",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "sapphire_necklace.png",
	}
},

["sapphire_necklace_silver"] = {
	label = "Silver Sapphire Necklace",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "sapphire_necklace_silver.png",
	}
},

["uncut_ruby"] = {
	label = "Uncut Ruby",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "uncut_ruby.png"
	}
},

["ruby"] = {
	label = "Ruby",
	weight = 50,
	stack = false,
	close = true,
	client = {
		image = "ruby.png",
	}
},

["ruby_ring"] = {
	label = "Ruby Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "ruby_ring.png",
	}
},

["ruby_ring_silver"] = {
	label = "Silver Ruby Ring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "ruby_ring_silver.png",
	}
},

["ruby_earring"] = {
	label = "Ruby Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "ruby_earring.png",
	}
},

["ruby_earring_silver"] = {
	label = "Silver Ruby Earring",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "ruby_earring_silver.png",
	}
},

["ruby_necklace"] = {
	label = "Ruby Necklace",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "ruby_necklace.png",
	}
},

["ruby_necklace_silver"] = {
	label = "Silver Ruby Necklace",
	weight = 50,
	stack = true,
	close = true,
	client = {
		image = "ruby_necklace_silver.png",
	}
},
```

{% endtab %}
{% endtabs %}
