Metadata.js file

The metadata.js file is used to customize the descriptions of items in your inventory using their metadata values. You can modify the display of these descriptions to better suit your needs. This file is located at: tgiann-inventory/client/metadata.js

Examples

Single-line Example:

<div class="item_info_container">
  <div class="item_info_row">
    <div class="item_info_row_left">Phone Number</div>
    <div class="item_info_row_right">${info.phoneNumber}</div>
  </div>
</div>

Two-line Example:

<div class="item_info_container">
  <div class="item_info_row">
    <div class="item_info_row_left">Card Owner:</div>
    <div class="item_info_row_right">${info.ownerName}</div>
  </div>
  <div class="item_info_row">
    <div class="item_info_row_left">Firstname:</div>
    <div class="item_info_row_right">${info.cardType}</div>
  </div>
</div>

In these examples, each item_info_row represents a new line. The item_info_row_left section displays the label on the left, and item_info_row_right displays the corresponding data on the right. In-game, the item description will look similar to the rendered HTML.

Adding Custom Metadata for an Item

To integrate a custom metadata description for a specific item, follow these steps:

1. Locate the Code Section: Find the line with the code:

html = qbItemInfo(itemData, lang);

Right above this, you'll see a } else { line.

1. Insert Your Custom Code: Add a new conditional block above the } else { line. For exam

} else if (itemData.name == "myCustomPlateItemNAme") { 
  html = `
    <div class="item_info_container">
      <div class="item_info_row">
          <div class="item_info_row_left">Plate:</div>
          <div class="item_info_row_right">${info.plate}</div>
      </div>
    </div>
  `;

1. Customize as Needed:

• Replace "myCustomPlateItemNAme" with the actual name of your item.

• Adjust the HTML content and metadata variables (like ${info.plate}) as needed to fit the information you want to display.

By following these steps, you can add or modify custom item descriptions in your inventory. This allows you to display relevant metadata in a clear and organized way during gamepla

Adapting QB Metadata for tgiann-inventory

In QB, the metadata file is usually structured like this:

} else if (itemData.name == "mechboard") {
    $(".item-info-title").html("<p>" + itemData.label + "</p>");
    $(".item-info-description").html(
        "<p>" + itemData.info.vehplate + "</p>" +
        "<p>" + itemData.info.veh + "</p>"
    );

Notice that the code starting with .item-info-title isn’t useful for our purposes—it changes the item name. What really matters is the .item-info-description part.

For tgiann-inventory, the code is adapted to improve the appearance by adding clear labels. The revised version looks like this:

} else if (itemData.name == "mechboard") {
    html = `
      <div class="item_info_container">
        <div class="item_info_row">
            <div class="item_info_row_left">Plate:</div>
            <div class="item_info_row_right"> ${itemData.info.vehplate}</div> 
        </div>
        <div class="item_info_row">
            <div class="item_info_row_left">Vehicle:</div>
            <div class="item_info_row_right"> ${itemData.info.veh}</div> 
        </div>
      </div>
    `;

In this version, each item_info_row represents a new line. The left section (item_info_row_left) provides a descriptive label (such as "Plate:" or "Vehicle:"), while the right section (item_info_row_right) displays the corresponding data. This formatting makes it clear what each piece of information represents.

You can continue to adapt other item metadata in the same manner to enhance clarity and overall appearance in your inventory display.