366 lines
18 KiB
JavaScript
366 lines
18 KiB
JavaScript
/*──────────────────────────────────────────────────────────────────────────────
|
||
Item Info Formatter [EDIT]
|
||
[INFO] Renders item metadata into the NUI side panel. Prioritizes metadata
|
||
(itemData.info) over base fields and supports a verbose "showItemData"
|
||
mode that prints all metadata as a table.
|
||
|
||
Main behaviors:
|
||
• Phones list (phoneMeta) – Helper array to identify phone items. [INFO]
|
||
• FormatItemInfo(itemData) – Entry point. Safely reads metadata and renders. [CORE]
|
||
- If info.showItemData === true → prints all metadata via tableToString().
|
||
- Special case: "id_card" → prints structured ID details.
|
||
- Fallbacks ensure safe, predictable output when fields are missing.
|
||
|
||
Notes:
|
||
• Keep DOM selectors (.item-info-title / .item-info-description) in sync with your UI.
|
||
• Use `escapeHtml` for any untrusted string to avoid injection. [SEC]
|
||
──────────────────────────────────────────────────────────────────────────────*/
|
||
|
||
let phoneMeta = ['phone', 'black_phone', 'yellow_phone', 'red_phone', 'green_phone', 'white_phone']; // [INFO]
|
||
|
||
function FormatItemInfo(itemData) {
|
||
// Checks if itemData is valid and contains metadata info
|
||
if (itemData != null && itemData.info != "") {
|
||
let label = itemData?.info?.label || itemData?.label; // Sets the item label, prioritizing info metadata
|
||
|
||
// If item has showItemData flag, display all metadata in a table format
|
||
if (itemData.info.showItemData) {
|
||
$(".item-info-title").html("<p>" + itemData.label + "</p>");
|
||
$(".item-info-description").html("<p>" + tableToString(itemData.info) + "</p>");
|
||
return;
|
||
}
|
||
|
||
// ID Card: Display CSN, first and last name, birthdate, gender, and nationality
|
||
if (itemData.name == "id_card") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>CSN: </strong><span>" +
|
||
(itemData.info.citizenid !== undefined ? itemData.info.citizenid : 'ID-Card ' + Math.floor(Math.random() * 99999)) +
|
||
"</span></p><p><strong>First Name: </strong><span>" +
|
||
itemData.info.firstname +
|
||
"</span></p><p><strong>Last Name: </strong><span>" +
|
||
itemData.info.lastname +
|
||
"</span></p><p><strong>Birth Date: </strong><span>" +
|
||
itemData.info.birthdate +
|
||
"</span></p><p><strong>Gender: </strong><span>" +
|
||
(itemData.info.gender !== undefined ? itemData.info.gender : 'AH-64 Apache Helicopter') +
|
||
"</span></p><p><strong>Nationality: </strong><span>" +
|
||
(itemData.info.nationality !== undefined ? itemData.info.nationality : 'No information') +
|
||
"</span></p>"
|
||
);
|
||
}
|
||
// Phone Items: Check if item is a phone and display relevant details if available
|
||
else if (phoneMeta.includes(itemData.name) && itemData.info.phoneNumber) {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>Phone Number: </strong><span>" +
|
||
itemData.info.phoneNumber +
|
||
"</span></p><p><strong>Firstname: </strong><span>" +
|
||
itemData.info.charinfo.firstname +
|
||
"</span></p><p><strong>Lastname: </strong><span>" +
|
||
itemData.info.charinfo.lastname +
|
||
"</span></p>"
|
||
);
|
||
// Other items
|
||
} else if (itemData.name == "tradingcard_psa") {
|
||
$(".item-info-title").html("<p>" + label + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>PSA ID: </strong><span>" +
|
||
itemData.info.serial +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "photo") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><span>" +
|
||
itemData.info.location +
|
||
"</span></p><span>" +
|
||
itemData.info.date + "</span></p>"
|
||
);
|
||
} else if (itemData.name == "vehiclekeys") {
|
||
$(".item-info-title").html("<p>" + label + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>Plate: </strong><span>" +
|
||
itemData.info.plate +
|
||
"</span></p><p><strong>Model: </strong><span>" +
|
||
itemData.info.description +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "plate") {
|
||
$(".item-info-title").html("<p>" + label + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>Plate: </strong><span>" +
|
||
itemData.info.plate +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "backpack") {
|
||
$(".item-info-title").html("<p>" + label + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>ID: </strong><span>" +
|
||
itemData.info.ID +
|
||
"</span></p><p><strong>Weight: </strong><span>" +
|
||
itemData.info.weight +
|
||
"</span></p><p><strong>Slots: </strong><span>" +
|
||
itemData.info.slots +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "backpack2") {
|
||
$(".item-info-title").html("<p>" + label + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>ID: </strong><span>" +
|
||
itemData.info.ID +
|
||
"</span></p><p><strong>Weight: </strong><span>" +
|
||
itemData.info.weight +
|
||
"</span></p><p><strong>Slots: </strong><span>" +
|
||
itemData.info.slots +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "briefcase") {
|
||
$(".item-info-title").html("<p>" + label + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>ID: </strong><span>" +
|
||
itemData.info.ID +
|
||
"</span></p><p><strong>Weight: </strong><span>" +
|
||
itemData.info.weight +
|
||
"</span></p><p><strong>Slots: </strong><span>" +
|
||
itemData.info.slots +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "paramedicbag") {
|
||
$(".item-info-title").html("<p>" + label + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>ID: </strong><span>" +
|
||
itemData.info.ID +
|
||
"</span></p><p><strong>Weight: </strong><span>" +
|
||
itemData.info.weight +
|
||
"</span></p><p><strong>Slots: </strong><span>" +
|
||
itemData.info.slots +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "driver_license") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>First Name: </strong><span>" +
|
||
itemData.info.firstname +
|
||
"</span></p><p><strong>Last Name: </strong><span>" +
|
||
itemData.info.lastname +
|
||
"</span></p><p><strong>Birth Date: </strong><span>" +
|
||
itemData.info.birthdate +
|
||
"</span></p><p><strong>Licenses: </strong><span>" +
|
||
itemData.info.type +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "weaponlicense") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>First Name: </strong><span>" +
|
||
itemData.info.firstname +
|
||
"</span></p><p><strong>Last Name: </strong><span>" +
|
||
itemData.info.lastname +
|
||
"</span></p><p><strong>Birth Date: </strong><span>" +
|
||
itemData.info.birthdate +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "lawyerpass") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>Pass-ID: </strong><span>" +
|
||
itemData.info.id +
|
||
"</span></p><p><strong>First Name: </strong><span>" +
|
||
itemData.info.firstname +
|
||
"</span></p><p><strong>Last Name: </strong><span>" +
|
||
itemData.info.lastname +
|
||
"</span></p><p><strong>CSN: </strong><span>" +
|
||
itemData.info.citizenid +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "harness") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p>" + itemData.info.uses + " uses left.</p>"
|
||
);
|
||
} else if (itemData.name == "weapontint_url") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>Tint status: </strong><span> " +
|
||
(itemData.info.urltint !== undefined ? "Used" : "Without use") +
|
||
"</span></p><p><strong>URL Link: </strong><span>" +
|
||
(itemData.info.urltint !== undefined ? itemData.info.urltint.substring(0, 40) + "..." : "N/A") +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.type == "weapon") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
if (itemData.info.ammo == undefined) {
|
||
itemData.info.ammo = 0;
|
||
} else {
|
||
itemData.info.ammo != null ? itemData.info.ammo : 0;
|
||
}
|
||
if (itemData.info.attachments != null) {
|
||
var attachmentString = "";
|
||
$.each(itemData.info.attachments, function (i, attachment) {
|
||
if (i == itemData.info.attachments.length - 1) {
|
||
attachmentString += attachment.label;
|
||
} else {
|
||
attachmentString += attachment.label + ", ";
|
||
}
|
||
});
|
||
$(".item-info-description").html(
|
||
"<p><strong>Serial Number: </strong><span>" +
|
||
itemData.info.serie +
|
||
"</span></p><p><strong>Munition: </strong><span>" +
|
||
itemData.info.ammo +
|
||
"</span></p><p><strong>Attachments: </strong><span>" +
|
||
attachmentString +
|
||
"</span></p>"
|
||
);
|
||
} else {
|
||
$(".item-info-description").html(
|
||
"<p><strong>Serial Number: </strong><span>" +
|
||
itemData.info.serie +
|
||
"</span></p><p><strong>Munition: </strong><span>" +
|
||
itemData.info.ammo +
|
||
"</span></p><p>" +
|
||
itemData.description +
|
||
"</p>"
|
||
);
|
||
}
|
||
} else if (itemData.name == "filled_evidence_bag") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
if (itemData.info.type == "casing") {
|
||
$(".item-info-description").html(
|
||
"<p><strong>Evidence material: </strong><span>" +
|
||
itemData.info.label +
|
||
"</span></p><p><strong>Type number: </strong><span>" +
|
||
itemData.info.ammotype +
|
||
"</span></p><p><strong>Caliber: </strong><span>" +
|
||
itemData.info.ammolabel +
|
||
"</span></p><p><strong>Serial Number: </strong><span>" +
|
||
itemData.info.serie +
|
||
"</span></p><p><strong>Crime scene: </strong><span>" +
|
||
itemData.info.street +
|
||
"</span></p><br /><p>" +
|
||
itemData.description +
|
||
"</p>"
|
||
);
|
||
|
||
} else if (itemData.info.type == "blood") {
|
||
$(".item-info-description").html(
|
||
"<p><strong>Evidence material: </strong><span>" +
|
||
itemData.info.label +
|
||
"</span></p><p><strong>Blood type: </strong><span>" +
|
||
itemData.info.bloodtype +
|
||
"</span></p><p><strong>DNA Code: </strong><span>" +
|
||
itemData.info.dnalabel +
|
||
"</span></p><p><strong>Crime scene: </strong><span>" +
|
||
itemData.info.street +
|
||
"</span></p><br /><p>" +
|
||
itemData.description +
|
||
"</p>"
|
||
);
|
||
} else if (itemData.info.type == "fingerprint") {
|
||
$(".item-info-description").html(
|
||
"<p><strong>Evidence material: </strong><span>" +
|
||
itemData.info.label +
|
||
"</span></p><p><strong>Fingerprint: </strong><span>" +
|
||
itemData.info.fingerprint +
|
||
"</span></p><p><strong>Crime Scene: </strong><span>" +
|
||
itemData.info.street +
|
||
"</span></p><br /><p>" +
|
||
itemData.description +
|
||
"</p>"
|
||
);
|
||
} else if (itemData.info.type == "dna") {
|
||
$(".item-info-description").html(
|
||
"<p><strong>Evidence material: </strong><span>" +
|
||
itemData.info.label +
|
||
"</span></p><p><strong>DNA Code: </strong><span>" +
|
||
itemData.info.dnalabel +
|
||
"</span></p><br /><p>" +
|
||
itemData.description +
|
||
"</p>"
|
||
);
|
||
}
|
||
} else if (
|
||
itemData.info.costs != undefined &&
|
||
itemData.info.costs != null
|
||
) {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html("<p>" + itemData.info.costs + "</p>");
|
||
} else if (itemData.name == "stickynote") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html("<p>" + itemData.info.label + "</p>");
|
||
} else if (itemData.name == "moneybag") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>Amount of cash: </strong><span>$" +
|
||
itemData.info.cash +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "cash") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>" + Lang('INVENTORY_NUI_OPTION_AMOUNT') + ": </strong><span>$" +
|
||
itemData.amount +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "money") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>" + Lang('INVENTORY_NUI_OPTION_AMOUNT') + ": </strong><span>$" +
|
||
itemData.amount +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "markedbills") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>" + Lang('INVENTORY_NUI_OPTION_AMOUNT') + ": </strong><span>$" +
|
||
itemData.info.worth +
|
||
"</span></p>"
|
||
);
|
||
} else if (itemData.name == "visa" || itemData.name == "creditcard") {
|
||
$(".item-info-title").html('<p>' + label + '</p>')
|
||
var str = "" + itemData.info.cardNumber + "";
|
||
var res = str.slice(12);
|
||
var cardNumber = "************" + res;
|
||
$(".item-info-description").html('<p><strong>Card Owner: </strong><span>' + itemData.info.ownerName + '</span></p><p><strong>Card Type: </strong><span>' + itemData.info.cardType + '</span></p><p><strong>Card Number: </strong><span>' + cardNumber + '</span></p>');
|
||
} else if (itemData.name == "motelkey" && itemData.info) {
|
||
$(".item-info-title").html('<p>' + label + '</p>')
|
||
$(".item-info-description").html('<p>Motel Key: ' + itemData.info.motel + '</p>');
|
||
} else if (itemData.name == "labkey") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html("<p>Lab: " + itemData.info.lab + "</p>");
|
||
} else if (itemData.name == "ls_liquid_meth" || itemData.name == "ls_meth") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>Strain: </strong><span>" +
|
||
itemData.info.strain +
|
||
"</span></p><p><strong>Purity: </strong><span>" +
|
||
itemData.info.purity +
|
||
"%</span></p>"
|
||
);
|
||
} else if (itemData.name == "ls_ammonia" || itemData.name == "ls_iodine" || itemData.name == "ls_acetone") {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html(
|
||
"<p><strong>Remaining: </strong><span>" +
|
||
itemData.info.quality +
|
||
"%</span></p>"
|
||
);
|
||
} else {
|
||
$(".item-info-title").html("<p>" + `${itemData.info.label || label}` + "</p>");
|
||
$(".item-info-description").html("<p>" + itemData.description + "</p>");
|
||
}
|
||
|
||
} else {
|
||
$(".item-info-title").html("<p>" + itemData.label + "</p>");
|
||
$(".item-info-description").html("<p>" + itemData.description + "</p>");
|
||
}
|
||
}
|
||
|
||
const tableToString = (data) => {
|
||
let table = '<table class="table table-striped table-dark">';
|
||
for (const [key, value] of Object.entries(data)) {
|
||
table += `<tr><td>${key}</td><td>${value}</td></tr>`;
|
||
}
|
||
table += '</table>';
|
||
return table;
|
||
} |